@effect-app/vue-components 4.0.0-beta.21 → 4.0.0-beta.22

package/dist/vue-components.es39.js

@@ -1,194 +1,34 @@
-import { defineComponent as k, resolveComponent as b, createElementBlock as v, openBlock as a, createBlock as n, createCommentVNode as u, resolveDynamicComponent as g, mergeProps as o, createSlots as d, withCtx as r, renderSlot as m, normalizeProps as s, guardReactiveProps as P, unref as C, Fragment as V, renderList as U } from "vue";
-import { getInputType as c } from "./vue-components.es12.js";
-const w = /* @__PURE__ */ k({
-  inheritAttrs: !1,
-  __name: "OmegaInputVuetify",
+import { defineComponent as m, createElementBlock as d, openBlock as u, withModifiers as f, createElementVNode as l, unref as s, renderSlot as a } from "vue";
+import { useStore as b } from "@tanstack/vue-form";
+import { usePreventClose as p } from "./vue-components.es11.js";
+import { getOmegaStore as c } from "./vue-components.es54.js";
+const S = ["disabled"], V = /* @__PURE__ */ m({
+  __name: "OmegaWrapper",
   props: {
-    inputProps: {},
-    field: {},
-    state: {}
+    form: {},
+    disabled: { type: Boolean },
+    subscribe: {}
   },
-  emits: ["focus", "blur"],
-  setup(e) {
-    return (l, i) => {
-      const y = b("v-text-field"), p = b("v-textarea"), f = b("v-radio"), h = b("v-radio-group"), q = b("v-select"), $ = b("v-autocomplete");
-      return a(), v("div", {
-        class: "omega-input",
-        onFocusout: i[4] || (i[4] = (t) => l.$emit("blur", t)),
-        onFocusin: i[5] || (i[5] = (t) => l.$emit("focus", t))
+  setup(o) {
+    const e = o, i = b(
+      e.form.store,
+      (t) => t.isSubmitting
+    ), n = c(
+      e.form,
+      e.subscribe
+    );
+    return e.form.ignorePreventCloseEvents || p(() => e.form.useStore((t) => t.isDirty)), (t, r) => (u(), d("form", {
+      novalidate: "",
+      onSubmit: r[0] || (r[0] = f((v) => o.form.handleSubmit(), ["prevent", "stop"]))
+    }, [
+      l("fieldset", {
+        disabled: s(i) || o.disabled
       }, [
-        e.inputProps.type === "boolean" || e.inputProps.type === "switch" ? (a(), n(g(e.inputProps.type === "boolean" ? "v-checkbox" : "v-switch"), o({
-          key: 0,
-          id: e.inputProps.id,
-          name: e.field.name,
-          label: e.inputProps.label,
-          "error-messages": e.inputProps.errorMessages,
-          error: e.inputProps.error,
-          ripple: ""
-        }, l.$attrs, {
-          "model-value": e.state.value,
-          onChange: i[0] || (i[0] = (t) => e.field.handleChange(t.target.checked))
-        }), d({ _: 2 }, [
-          l.$slots.label ? {
-            name: "label",
-            fn: r(() => [
-              m(l.$slots, "label", s(P({ required: e.inputProps.required, id: e.inputProps.id, label: e.inputProps.label })))
-            ]),
-            key: "0"
-          } : void 0
-        ]), 1040, ["id", "name", "label", "error-messages", "error", "model-value"])) : u("", !0),
-        e.inputProps.type === "email" || e.inputProps.type === "string" || e.inputProps.type === "password" || e.inputProps.type === "date" ? (a(), n(y, o({
-          key: 1,
-          id: e.inputProps.id,
-          required: e.inputProps.required,
-          "min-length": e.inputProps.minLength,
-          "max-length": e.inputProps.maxLength,
-          type: C(c)(e.inputProps.type),
-          name: e.field.name,
-          label: e.inputProps.label,
-          "error-messages": e.inputProps.errorMessages,
-          error: e.inputProps.error
-        }, l.$attrs, {
-          "model-value": e.state.value,
-          "onUpdate:modelValue": e.field.handleChange
-        }), d({ _: 2 }, [
-          l.$slots.label ? {
-            name: "label",
-            fn: r(() => [
-              m(l.$slots, "label", s(P({ required: e.inputProps.required, id: e.inputProps.id, label: e.inputProps.label })))
-            ]),
-            key: "0"
-          } : void 0
-        ]), 1040, ["id", "required", "min-length", "max-length", "type", "name", "label", "error-messages", "error", "model-value", "onUpdate:modelValue"])) : u("", !0),
-        e.inputProps.type === "text" ? (a(), n(p, o({
-          key: 2,
-          id: e.inputProps.id,
-          required: e.inputProps.required,
-          "min-length": e.inputProps.minLength,
-          "max-length": e.inputProps.maxLength,
-          name: e.field.name,
-          label: e.inputProps.label,
-          "error-messages": e.inputProps.errorMessages,
-          error: e.inputProps.error
-        }, l.$attrs, {
-          "model-value": e.state.value,
-          "onUpdate:modelValue": e.field.handleChange
-        }), d({ _: 2 }, [
-          l.$slots.label ? {
-            name: "label",
-            fn: r(() => [
-              m(l.$slots, "label", s(P({ required: e.inputProps.required, id: e.inputProps.id, label: e.inputProps.label })))
-            ]),
-            key: "0"
-          } : void 0
-        ]), 1040, ["id", "required", "min-length", "max-length", "name", "label", "error-messages", "error", "model-value", "onUpdate:modelValue"])) : u("", !0),
-        e.inputProps.type === "number" || e.inputProps.type === "range" ? (a(), n(g(e.inputProps.type === "range" ? "v-slider" : "v-text-field"), o({
-          key: 3,
-          id: e.inputProps.id,
-          required: e.inputProps.required,
-          min: e.inputProps.min,
-          max: e.inputProps.max,
-          type: e.inputProps.type,
-          name: e.field.name,
-          label: e.inputProps.label,
-          "error-messages": e.inputProps.errorMessages,
-          error: e.inputProps.error
-        }, l.$attrs, {
-          "model-value": e.state.value,
-          "onUpdate:modelValue": i[1] || (i[1] = (t) => {
-            t || t === 0 ? e.field.handleChange(Number(t)) : e.field.handleChange(void 0);
-          })
-        }), d({ _: 2 }, [
-          l.$slots.label ? {
-            name: "label",
-            fn: r(() => [
-              m(l.$slots, "label", s(P({ required: e.inputProps.required, id: e.inputProps.id, label: e.inputProps.label })))
-            ]),
-            key: "0"
-          } : void 0
-        ]), 1040, ["id", "required", "min", "max", "type", "name", "label", "error-messages", "error", "model-value"])) : u("", !0),
-        e.inputProps.type === "radio" ? (a(), n(h, o({
-          key: 4,
-          id: e.inputProps.id,
-          name: e.field.name,
-          label: e.inputProps.label,
-          "error-messages": e.inputProps.errorMessages,
-          error: e.inputProps.error
-        }, l.$attrs, {
-          "model-value": e.state.value,
-          "onUpdate:modelValue": e.field.handleChange
-        }), d({
-          default: r(() => [
-            (a(!0), v(V, null, U(e.inputProps.options, (t) => (a(), n(f, {
-              key: t.value,
-              label: t.title,
-              value: t.value
-            }, null, 8, ["label", "value"]))), 128))
-          ]),
-          _: 2
-        }, [
-          l.$slots.label ? {
-            name: "label",
-            fn: r(() => [
-              m(l.$slots, "label", s(P({ required: e.inputProps.required, id: e.inputProps.id, label: e.inputProps.label })))
-            ]),
-            key: "0"
-          } : void 0
-        ]), 1040, ["id", "name", "label", "error-messages", "error", "model-value", "onUpdate:modelValue"])) : u("", !0),
-        e.inputProps.type === "select" || e.inputProps.type === "multiple" ? (a(), n(q, o({
-          key: 5,
-          id: e.inputProps.id,
-          clearable: e.inputProps.type === "select",
-          required: e.inputProps.required,
-          multiple: e.inputProps.type === "multiple",
-          chips: e.inputProps.type === "multiple",
-          name: e.field.name,
-          label: e.inputProps.label,
-          items: e.inputProps.options,
-          "error-messages": e.inputProps.errorMessages,
-          error: e.inputProps.error
-        }, l.$attrs, {
-          "model-value": e.state.value,
-          onClear: i[2] || (i[2] = (t) => e.field.handleChange(void 0)),
-          "onUpdate:modelValue": e.field.handleChange
-        }), d({ _: 2 }, [
-          l.$slots.label ? {
-            name: "label",
-            fn: r(() => [
-              m(l.$slots, "label", s(P({ required: e.inputProps.required, id: e.inputProps.id, label: e.inputProps.label })))
-            ]),
-            key: "0"
-          } : void 0
-        ]), 1040, ["id", "clearable", "required", "multiple", "chips", "name", "label", "items", "error-messages", "error", "model-value", "onUpdate:modelValue"])) : u("", !0),
-        e.inputProps.type === "autocomplete" || e.inputProps.type === "autocompletemultiple" ? (a(), n($, o({
-          key: 6,
-          id: e.inputProps.id,
-          clearable: e.inputProps.type === "autocomplete",
-          multiple: e.inputProps.type === "autocompletemultiple",
-          required: e.inputProps.required,
-          name: e.field.name,
-          label: e.inputProps.label,
-          items: e.inputProps.options,
-          "error-messages": e.inputProps.errorMessages,
-          error: e.inputProps.error,
-          chips: e.inputProps.type === "autocompletemultiple"
-        }, l.$attrs, {
-          "model-value": e.state.value,
-          onClear: i[3] || (i[3] = (t) => e.field.handleChange(void 0)),
-          "onUpdate:modelValue": e.field.handleChange
-        }), d({ _: 2 }, [
-          l.$slots.label ? {
-            name: "label",
-            fn: r(() => [
-              m(l.$slots, "label", s(P({ required: e.inputProps.required, id: e.inputProps.id, label: e.inputProps.label })))
-            ]),
-            key: "0"
-          } : void 0
-        ]), 1040, ["id", "clearable", "multiple", "required", "name", "label", "items", "error-messages", "error", "chips", "model-value", "onUpdate:modelValue"])) : u("", !0)
-      ], 32);
-    };
+        a(t.$slots, "default", { subscribedValues: s(n) }, void 0, !0)
+      ], 8, S)
+    ], 32));
   }
 });
 export {
-  w as default
+  V as default
 };

package/dist/vue-components.es41.js

@@ -1,5 +1,5 @@
 (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.es39.js";
+import o from "./vue-components.es30.js";
 
 export {
   o as default

package/dist/vue-components.es7.js

@@ -1,7 +1,7 @@
 (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 { defineComponent as k, computed as a, getCurrentInstance as q, useAttrs as B, useSlots as S, useId as w, renderSlot as p, normalizeProps as s, guardReactiveProps as f, createElementVNode as F, normalizeClass as I, createBlock as L, createCommentVNode as A, unref as O, openBlock as R, mergeProps as V, createSlots as z, withCtx as T } from "vue";
 import { useStore as c } from "@tanstack/vue-form";
-import U from "./vue-components.es39.js";
+import U from "./vue-components.es30.js";
 
 const J = /* @__PURE__ */ k({
   inheritAttrs: !1,
@@ -18,8 +18,8 @@ const J = /* @__PURE__ */ k({
     register: {},
     options: { default: void 0 }
   },
-  setup(g) {
-    const e = g, l = a(() => e.required ?? e?.meta?.required), v = q()?.appContext.components.VTextField, o = B(), y = S(), h = a(() => {
+  setup(v) {
+    const e = v, l = a(() => e.required ?? e?.meta?.required), g = q()?.appContext.components.VTextField, o = B(), y = S(), h = a(() => {
       const { class: t, ...n } = o;
       return n;
     }), b = a(() => o.class), i = w(), m = e.field;
@@ -48,8 +48,8 @@ const J = /* @__PURE__ */ k({
         required: l.value,
         minLength: e.meta?.type === "string" && e.meta?.minLength,
         maxLength: e.meta?.type === "string" && e.meta?.maxLength,
-        max: e.meta?.type === "number" && (e.meta?.maximum ?? (typeof e.meta?.exclusiveMaximum == "number" && e.meta.exclusiveMaximum - 1)),
-        min: e.meta?.type === "number" && (e.meta?.minimum ?? (typeof e.meta?.exclusiveMinimum == "number" && e.meta.exclusiveMinimum + 1)),
+        max: e.meta?.type === "number" ? e.meta?.maximum ?? (typeof e.meta?.exclusiveMaximum == "number" ? e.meta.exclusiveMaximum - 1 : void 0) : void 0,
+        min: e.meta?.type === "number" ? e.meta?.minimum ?? (typeof e.meta?.exclusiveMinimum == "number" ? e.meta.exclusiveMinimum + 1 : void 0) : void 0,
         errorMessages: u.value,
         error: !!u.value.length,
         type: x.value,
@@ -65,7 +65,7 @@ const J = /* @__PURE__ */ k({
       F("div", {
         class: I(b.value)
       }, [
-        O(v) ? (R(), L(U, s(V({ key: 0 }, { ...h.value, ...r.value, class: e.inputClass })), z({ _: 2 }, [
+        O(g) ? (R(), L(U, s(V({ key: 0 }, { ...h.value, ...r.value, class: e.inputClass })), z({ _: 2 }, [
           t.$slots.label ? {
             name: "label",
             fn: T((d) => [

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@effect-app/vue-components",
-  "version": "4.0.0-beta.21",
+  "version": "4.0.0-beta.22",
   "peerDependencies": {
     "@mdi/js": "^7.4.47",
     "effect": "^4.0.0-beta.36",
@@ -45,7 +45,11 @@
       "types": "./dist/types/index.d.ts",
       "import": "./dist/vue-components.es.js"
     },
-    "./dist/vue-components.css": "./dist/vue-components.css"
+    "./dist/vue-components.css": "./dist/vue-components.css",
+    "./reset.css": {
+      "development": "./src/reset.css",
+      "default": "./dist/reset.css"
+    }
   },
   "dependencies": {
     "@opentelemetry/api": "^1.9.0",
@@ -53,13 +57,13 @@
     "highlight.js": "^11.11.1",
     "mitt": "^3.0.1",
     "vue3-highlightjs": "^1.0.5",
-    "@effect-app/vue": "4.0.0-beta.21",
-    "effect-app": "4.0.0-beta.21"
+    "@effect-app/vue": "4.0.0-beta.22",
+    "effect-app": "4.0.0-beta.22"
   },
   "scripts": {
     "check": "vue-tsc",
     "build": "pnpm build:run",
-    "build:run": "rimraf dist && vue-tsc && vite build",
+    "build:run": "rimraf dist && vue-tsc && vite build && cp src/reset.css dist/reset.css",
     "docs:dev": "vitepress dev docs",
     "docs:build": "vitepress build docs",
     "docs:serve": "vitepress serve docs",

package/src/components/OmegaForm/OmegaFormStuff.ts

@@ -2,11 +2,25 @@ import { Effect, Option, type Record, S } from "effect-app"
 /* eslint-disable @typescript-eslint/no-explicit-any */
 import { type DeepKeys, type DeepValue, type FieldAsyncValidateOrFn, type FieldValidateOrFn, type FormApi, type FormAsyncValidateOrFn, type FormOptions, type FormState, type FormValidateOrFn, type StandardSchemaV1, type VueFormApi } from "@tanstack/vue-form"
 import { isObject } from "@vueuse/core"
-import type * as Fiber from "effect/Fiber"
+import type { Fiber as EffectFiber } from "effect/Fiber"
 import { getTransformationFrom, useIntl } from "../../utils"
 import { type OmegaFieldInternalApi } from "./InputProps"
 import { type OF, type OmegaFormReturn } from "./useOmegaForm"
 
+const legacyTagWarningEmittedFor = new Set<string>()
+type GlobalThisWithOptionalProcess = typeof globalThis & {
+  process?: {
+    env?: {
+      NODE_ENV?: string
+    }
+  }
+}
+
+const isDevelopmentEnvironment = () => {
+  const process = (globalThis as GlobalThisWithOptionalProcess).process
+  return process?.env?.NODE_ENV !== "production"
+}
+
 export type FieldPath<T> = unknown extends T ? string
   // technically we cannot have primitive at the root
   : T extends string | boolean | number | null | undefined | symbol | bigint ? ""
@@ -144,7 +158,7 @@ export type FormProps<From, To> =
       formApi: OmegaFormParams<From, To>
       meta: any
       value: To
-    }) => Promise<any> | Fiber.Fiber<any, any> | Effect.Effect<unknown, any, never>
+    }) => Promise<any> | EffectFiber<any, any> | Effect.Effect<unknown, any, never>
   }
 
 export type OmegaFormParams<From, To> = FormApi<
@@ -268,6 +282,10 @@ export type BooleanFieldMeta = BaseFieldMeta & {
   type: "boolean"
 }
 
+export type DateFieldMeta = BaseFieldMeta & {
+  type: "date"
+}
+
 export type UnknownFieldMeta = BaseFieldMeta & {
   type: "unknown"
 }
@@ -278,6 +296,7 @@ export type FieldMeta =
   | SelectFieldMeta
   | MultipleFieldMeta
   | BooleanFieldMeta
+  | DateFieldMeta
   | UnknownFieldMeta
 
 export type MetaRecord<T = string> = {
@@ -321,6 +340,17 @@ const unwrapDeclaration = (property: S.AST.AST): S.AST.AST => {
 
 const isNullishType = (property: S.AST.AST) => S.AST.isUndefined(property) || S.AST.isNull(property)
 
+/**
+ * Unwrap a single-element Union to its inner type if it's a Literal.
+ * After AST.toType, S.Struct({ _tag: S.Literal("X") }) produces Union([Literal("X")])
+ * instead of bare Literal("X") like S.TaggedStruct does.
+ * TODO: remove after manual _tag deprecation
+ */
+const unwrapSingleLiteralUnion = (ast: S.AST.AST): S.AST.AST =>
+  S.AST.isUnion(ast) && ast.types.length === 1 && S.AST.isLiteral(ast.types[0]!)
+    ? ast.types[0]!
+    : ast
+
 const getNullableOrUndefined = (property: S.AST.AST) =>
   S.AST.isUnion(property)
     ? property.types.find((_) => isNullishType(_))
@@ -360,13 +390,8 @@ const getJsonSchemaAnnotation = (property: S.AST.AST): Record<string, unknown> =
   return jsonSchema && typeof jsonSchema === "object" ? jsonSchema as Record<string, unknown> : {}
 }
 
-const getDefaultFromAst = (property: S.AST.AST) => {
-  const link = property.context?.defaultValue?.[0] as any
-
-  if (!link?.transformation?.decode?.run) {
-    return undefined
-  }
-
+const extractDefaultFromLink = (link: any): unknown | undefined => {
+  if (!link?.transformation?.decode?.run) return undefined
   try {
     const result = Effect.runSync(link.transformation.decode.run(Option.none())) as Option.Option<unknown>
     return Option.isSome(result) ? result.value : undefined
@@ -375,6 +400,21 @@ const getDefaultFromAst = (property: S.AST.AST) => {
   }
 }
 
+const getDefaultFromAst = (property: S.AST.AST) => {
+  // 1. Check withDefaultConstructor (stored in context.defaultValue)
+  const constructorLink = property.context?.defaultValue?.[0]
+  const constructorDefault = extractDefaultFromLink(constructorLink)
+  if (constructorDefault !== undefined) return constructorDefault
+
+  // 2. Check withDecodingDefault (stored in encoding)
+  const encodingLink = property.encoding?.[0]
+  if (encodingLink && property.context?.isOptional) {
+    return extractDefaultFromLink(encodingLink)
+  }
+
+  return undefined
+}
+
 const getCheckMetas = (property: S.AST.AST): Array<Record<string, any>> => {
   const checks = property.checks ?? []
 
@@ -426,6 +466,10 @@ const getFieldMetadataFromAst = (property: S.AST.AST) => {
         case "isLessThanOrEqualTo":
           base.maximum = check.maximum
           break
+        case "isBetween":
+          base.minimum = check.minimum
+          base.maximum = check.maximum
+          break
         case "isGreaterThan":
           base.exclusiveMinimum = check.exclusiveMinimum
           break
@@ -436,6 +480,11 @@ const getFieldMetadataFromAst = (property: S.AST.AST) => {
     }
   } else if (S.AST.isBoolean(property)) {
     base.type = "boolean"
+  } else if (
+    S.AST.isDeclaration(property)
+    && (property.annotations as any)?.typeConstructor?._tag === "Date"
+  ) {
+    base.type = "date"
   } else {
     base.type = "unknown"
   }
@@ -503,14 +552,28 @@ export const createMeta = <T = any>(
               // - All other fields maintain their normal required status based on their own types
               const isNullableDiscriminatedUnion = nullableOrUndefined && nonNullTypes.length > 1
 
-              Object.assign(
-                acc,
-                createMeta<T>({
-                  parent: key,
-                  propertySignatures: nonNullType.propertySignatures,
-                  meta: isNullableDiscriminatedUnion ? { _isNullableDiscriminatedUnion: true } : {}
-                })
-              )
+              const branchMeta = createMeta<T>({
+                parent: key,
+                propertySignatures: nonNullType.propertySignatures,
+                meta: isNullableDiscriminatedUnion ? { _isNullableDiscriminatedUnion: true } : {}
+              })
+
+              // Merge branch metadata, combining select members for shared discriminator fields
+              for (const [metaKey, metaValue] of Object.entries(branchMeta)) {
+                const existing = acc[metaKey as NestedKeyOf<T>] as FieldMeta | undefined
+                if (
+                  existing && existing.type === "select" && (metaValue as any)?.type === "select"
+                ) {
+                  existing.members = [
+                    ...existing.members,
+                    ...(metaValue as SelectFieldMeta).members.filter(
+                      (m: any) => !existing.members.includes(m)
+                    )
+                  ]
+                } else {
+                  acc[metaKey as NestedKeyOf<T>] = metaValue as FieldMeta
+                }
+              }
             }
           }
         } else {
@@ -689,7 +752,20 @@ export const createMeta = <T = any>(
 
     if (S.AST.isUnion(property)) {
       const unwrappedTypes = unwrapNestedUnions(property.types).map(unwrapDeclaration)
-      const nonNullType = unwrappedTypes.find((t) => !isNullishType(t))!
+      const nonNullTypes = unwrappedTypes.filter((t) => !isNullishType(t))
+
+      // Unwrap single-element unions when the literal is a boolean
+      // (effect-app's S.Literal wraps as S.Literals([x]) → Union([Literal(x)]))
+      // Don't unwrap string/number literals — they may be discriminator values in a union
+      if (
+        nonNullTypes.length === 1
+        && S.AST.isLiteral(nonNullTypes[0]!)
+        && typeof nonNullTypes[0]!.literal === "boolean"
+      ) {
+        return createMeta<T>({ parent, meta, property: nonNullTypes[0]! })
+      }
+
+      const nonNullType = nonNullTypes[0]!
 
       if (S.AST.isObjects(nonNullType)) {
         return createMeta<T>({
@@ -699,11 +775,13 @@ export const createMeta = <T = any>(
         })
       }
 
-      if (unwrappedTypes.every((_) => isNullishType(_) || S.AST.isLiteral(_))) {
+      // TODO: remove after manual _tag deprecation — unwrap legacy S.Struct({ _tag: S.Literal("X") }) pattern
+      const resolvedTypes = unwrappedTypes.map(unwrapSingleLiteralUnion)
+      if (resolvedTypes.every((_) => isNullishType(_) || S.AST.isLiteral(_))) {
         return {
           ...meta,
           type: "select",
-          members: unwrappedTypes.filter(S.AST.isLiteral).map((t) => t.literal)
+          members: resolvedTypes.filter(S.AST.isLiteral).map((t) => t.literal)
         } as FieldMeta
       }
 
@@ -781,9 +859,25 @@ const metadataFromAst = <From, To>(
           )
 
           let tagValue: string | null = null
-          if (tagProp && S.AST.isLiteral(tagProp.type)) {
-            tagValue = tagProp.type.literal as string
+          // TODO: remove after manual _tag deprecation — unwrap legacy S.Struct({ _tag: S.Literal("X") }) pattern
+          const resolvedTagType = tagProp ? unwrapSingleLiteralUnion(tagProp.type) : null
+          if (resolvedTagType && S.AST.isLiteral(resolvedTagType)) {
+            tagValue = resolvedTagType.literal as string
             discriminatorValues.push(tagValue)
+            // Warn if the tag was wrapped in a single-element Union (legacy pattern)
+            if (
+              tagProp
+              && S.AST.isUnion(tagProp.type)
+              && isDevelopmentEnvironment()
+              && tagValue != null
+              && !legacyTagWarningEmittedFor.has(tagValue)
+            ) {
+              legacyTagWarningEmittedFor.add(tagValue)
+              console.warn(
+                `[OmegaForm] Union member with _tag "${tagValue}" uses S.Struct({ _tag: S.Literal("${tagValue}"), ... }). `
+                  + `Please migrate to S.TaggedStruct("${tagValue}", { ... }) for cleaner AST handling.`
+              )
+            }
           }
 
           // Create metadata for this member's properties
@@ -979,6 +1073,10 @@ export const generateInputStandardSchemaFromFieldMeta = (
       schema = S.Boolean
       break
 
+    case "date":
+      schema = S.Date
+      break
+
     case "unknown":
       schema = S.Unknown
       break
@@ -996,11 +1094,6 @@ export const generateInputStandardSchemaFromFieldMeta = (
   return result
 }
 
-export const nullableInput = <A, I, R>(
-  schema: S.Codec<A, I, R>,
-  _defaultValue: () => A
-) => S.NullOr(schema) as any
-
 export type OmegaAutoGenMeta<
   From extends Record<PropertyKey, any>,
   To extends Record<PropertyKey, any>,
@@ -1086,21 +1179,18 @@ export const defaultsValueFromSchema = (
     const result: Record<string, any> = {}
 
     for (const [key, fieldSchema] of Object.entries(schema.fields)) {
-      // Check if this field has a defaultValue in its AST
-      const fieldAst = (fieldSchema as any)?.ast
-      if (fieldAst?.defaultValue) {
-        try {
-          result[key] = fieldAst.defaultValue()
-          continue
-        } catch {
-          // If defaultValue() throws, fall through to recursive processing
-        }
+      const fieldDefault = getDefaultFromAst((fieldSchema as any)?.ast)
+      if (fieldDefault !== undefined) {
+        result[key] = fieldDefault
+        continue
       }
 
       // Recursively process the field
       const fieldValue = defaultsValueFromSchema(fieldSchema as any, record[key] || {})
       if (fieldValue !== undefined) {
         result[key] = fieldValue
+      } else if (isNullableOrUndefined((fieldSchema as any).ast) === "undefined") {
+        result[key] = undefined
       }
     }
 
@@ -1118,11 +1208,11 @@ export const defaultsValueFromSchema = (
       if (hasFields(member)) {
         // Check each field and give precedence to ones with default values
         Object.entries(member.fields).forEach(([key, fieldSchema]) => {
-          const fieldAst: any = fieldSchema.ast
-          const existingFieldAst: any = acc[key]?.ast
+          const fieldDefault = getDefaultFromAst(fieldSchema.ast)
+          const existingDefault = acc[key] ? getDefaultFromAst(acc[key].ast) : undefined
 
           // If field doesn't exist yet, or new field has default and existing doesn't, use new field
-          if (!acc[key] || (fieldAst?.defaultValue && !existingFieldAst?.defaultValue)) {
+          if (!acc[key] || (fieldDefault !== undefined && existingDefault === undefined)) {
             acc[key] = fieldSchema
           }
           // If both have defaults or neither have defaults, keep the first one (existing)
@@ -1167,6 +1257,8 @@ export const defaultsValueFromSchema = (
 
         if (propValue !== undefined) {
           result[key] = propValue
+        } else if (isNullableOrUndefined(propType) === "undefined") {
+          result[key] = undefined
         }
       }
 

package/src/components/OmegaForm/OmegaInternalInput.vue

@@ -165,11 +165,13 @@ const inputProps: ComputedRef<InputProps<From, Name>> = computed(() => ({
     minLength: props.meta?.type === "string" && props.meta?.minLength,
     maxLength: props.meta?.type === "string" && props.meta?.maxLength,
     max: (props.meta?.type === "number")
-      && (props.meta?.maximum
-        ?? (typeof props.meta?.exclusiveMaximum === "number" && props.meta.exclusiveMaximum - 1)),
+      ? (props.meta?.maximum
+        ?? (typeof props.meta?.exclusiveMaximum === "number" ? props.meta.exclusiveMaximum - 1 : undefined))
+      : undefined,
     min: (props.meta?.type === "number")
-      && (props.meta?.minimum
-        ?? (typeof props.meta?.exclusiveMinimum === "number" && props.meta.exclusiveMinimum + 1)),
+      ? (props.meta?.minimum
+        ?? (typeof props.meta?.exclusiveMinimum === "number" ? props.meta.exclusiveMinimum + 1 : undefined))
+      : undefined,
     errorMessages: errors.value,
     error: !!errors.value.length,
     type: fieldType.value,