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

package/README.md

@@ -183,6 +183,30 @@ In [tsconfig.json](tsconfig.js), set the following to address [Issue #32](https:
 }
 ```
 
+## v4 Breaking Changes (from v3)
+
+### 1. Vuetify 4 CSS Reset Removed
+
+Vuetify 4 removed the aggressive global CSS reset that v3 included (universal `margin: 0; padding: 0`, list/heading/input resets, etc.). If your app relied on these defaults, opt in to the supplemental reset:
+
+```ts
+import '@effect-app/vue-components/reset.css'
+```
+
+### 2. Nested union `_tag` handling
+
+`S.TaggedStruct` produces a bare `Literal` AST node, while legacy `S.Struct({ _tag: S.Literal("X") })` produces `Union([Literal("X")])` after `AST.toType`. Both patterns now correctly produce `"select"` metadata thanks to the `unwrapSingleLiteralUnion` helper. A `console.warn` is emitted for the legacy pattern to encourage migration to `TaggedStruct`.
+
+### 3. `UndefinedOr` defaults include the key with explicit `undefined`
+
+- **v3**: `defaultsValueFromSchema` skipped keys where the recursive call returned `undefined`, so `UndefinedOr` fields were omitted from the result object entirely.
+- **v4**: The key is present in the result with an explicit `undefined` value.
+
+### 4. `S.optionalKey(X).pipe(S.withDecodingDefault(...))` support
+
+- **v3**: Not supported. The v3 equivalent `S.optionalWith` encoded defaults inside a `PropertySignatureTransformation`, opaque to AST inspection.
+- **v4**: `defaultsValueFromSchema` detects `PropertySignatureTransformation` and extracts defaults, enabling `withDecodingDefault` as a new pattern for declaring field defaults directly on the schema.
+
 ### On Submit event
 The :on-submit event could be tricky in `<OmegaForm />` component. 
 This is a prop that is basically a map of Tanstack Form `onSubmit` option and accept a function that return a Promise. If you want to use it as an event, you have to manage the state of loading yourself with `@submit` with a function returning `void`

package/dist/reset.css

@@ -0,0 +1,51 @@
+/*
+ * Supplemental CSS reset for Vuetify 4.
+ * Vuetify 4 removed the aggressive global reset that v3 included.
+ * Import this file to restore equivalent behavior:
+ *   import '@effect-app/vue-components/reset.css'
+ */
+
+body {
+  margin: 0;
+}
+
+ul,
+ol {
+  margin: 0;
+  padding: 0;
+  list-style: none;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  margin: 0;
+  font-size: inherit;
+  font-weight: inherit;
+}
+
+p {
+  margin: 0;
+}
+
+input,
+textarea,
+select {
+  border: 0;
+  background: transparent;
+}
+
+a {
+  text-decoration: none;
+  color: inherit;
+}
+
+figure,
+details,
+summary {
+  margin: 0;
+  padding: 0;
+}

package/dist/types/components/OmegaForm/OmegaFormStuff.d.ts

@@ -1,6 +1,6 @@
 import { Effect, S } from "effect-app";
 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 type * as Fiber from "effect/Fiber";
+import type { Fiber as EffectFiber } from "effect/Fiber";
 import { useIntl } from "../../utils";
 import { type OmegaFieldInternalApi } from "./InputProps";
 import { type OF, type OmegaFormReturn } from "./useOmegaForm";
@@ -67,7 +67,7 @@ export type FormProps<From, To> = Omit<FormOptions<From, FormValidateOrFn<From>
         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<From, FormValidateOrFn<From> | undefined, FormValidateOrFn<From> | undefined, StandardSchemaV1<From, To>, FormValidateOrFn<From> | undefined, FormAsyncValidateOrFn<From> | undefined, FormValidateOrFn<From> | undefined, FormAsyncValidateOrFn<From> | undefined, FormValidateOrFn<From> | undefined, FormAsyncValidateOrFn<From> | undefined, FormAsyncValidateOrFn<From> | undefined, Record<string, any> | undefined>;
 export type OmegaFormState<From, To> = FormState<From, FormValidateOrFn<From> | undefined, FormValidateOrFn<From> | undefined, StandardSchemaV1<From, To>, FormValidateOrFn<From> | undefined, FormAsyncValidateOrFn<From> | undefined, FormValidateOrFn<From> | undefined, FormAsyncValidateOrFn<From> | undefined, FormValidateOrFn<From> | undefined, FormAsyncValidateOrFn<From> | undefined, FormAsyncValidateOrFn<From> | undefined>;
@@ -114,10 +114,13 @@ export type MultipleFieldMeta = BaseFieldMeta & {
 export type BooleanFieldMeta = BaseFieldMeta & {
     type: "boolean";
 };
+export type DateFieldMeta = BaseFieldMeta & {
+    type: "date";
+};
 export type UnknownFieldMeta = BaseFieldMeta & {
     type: "unknown";
 };
-export type FieldMeta = StringFieldMeta | NumberFieldMeta | SelectFieldMeta | MultipleFieldMeta | BooleanFieldMeta | UnknownFieldMeta;
+export type FieldMeta = StringFieldMeta | NumberFieldMeta | SelectFieldMeta | MultipleFieldMeta | BooleanFieldMeta | DateFieldMeta | UnknownFieldMeta;
 export type MetaRecord<T = string> = {
     [K in NestedKeyOf<T>]?: FieldMeta;
 };
@@ -147,7 +150,6 @@ export declare const generateMetaFromSchema: <From, To>(schema: S.Codec<To, From
     unionMeta: Record<string, MetaRecord<To>>;
 };
 export declare const generateInputStandardSchemaFromFieldMeta: (meta: FieldMeta, trans?: ReturnType<typeof useIntl>["trans"]) => StandardSchemaV1<any, any>;
-export declare const nullableInput: <A, I, R>(schema: S.Codec<A, I, R>, _defaultValue: () => A) => any;
 export type OmegaAutoGenMeta<From extends Record<PropertyKey, any>, To extends Record<PropertyKey, any>, Name extends DeepKeys<From>> = Omit<OmegaInputProps<From, To, Name>, "form">;
 declare const supportedInputs: readonly ["button", "checkbox", "color", "date", "email", "number", "password", "radio", "range", "search", "submit", "tel", "text", "time", "url"];
 export type SupportedInputs = typeof supportedInputs[number];

package/dist/vue-components.es.js

@@ -1,15 +1,15 @@
 import * as o from "./vue-components.es2.js";
-import { getTransformationFrom as f, provideIntl as l, useIntl as u, useIntlKey as s } from "./vue-components.es3.js";
+import { getTransformationFrom as p, provideIntl as l, useIntl as s, useIntlKey as u } from "./vue-components.es3.js";
 import { default as i } from "./vue-components.es4.js";
 import { default as g } from "./vue-components.es5.js";
 import { default as I } from "./vue-components.es6.js";
 import { default as y } from "./vue-components.es7.js";
 import { default as h } from "./vue-components.es8.js";
-import { default as b } from "./vue-components.es9.js";
-import { useOmegaForm as M } from "./vue-components.es10.js";
-import { useOnClose as U, usePreventClose as j } from "./vue-components.es11.js";
-import { createMeta as P, deepMerge as V, defaultsValueFromSchema as k, duplicateSchema as w, generateInputStandardSchemaFromFieldMeta as B, generateMetaFromSchema as D, getInputType as K, isNullableOrUndefined as N, nullableInput as W } from "./vue-components.es12.js";
-import { createUseFormWithCustomInput as q } from "./vue-components.es13.js";
+import { default as C } from "./vue-components.es9.js";
+import { useOmegaForm as T } from "./vue-components.es10.js";
+import { useOnClose as b, usePreventClose as j } from "./vue-components.es11.js";
+import { createMeta as P, deepMerge as V, defaultsValueFromSchema as k, duplicateSchema as w, generateInputStandardSchemaFromFieldMeta as B, generateMetaFromSchema as D, getInputType as K, isNullableOrUndefined as N } from "./vue-components.es12.js";
+import { createUseFormWithCustomInput as $ } from "./vue-components.es13.js";
 function r(a) {
   for (const e in o)
     if (Object.prototype.hasOwnProperty.call(o, e)) {
@@ -23,10 +23,10 @@ export {
   g as Dialog,
   I as OmegaInput,
   h as OmegaTaggedUnion,
-  b as OmegaTaggedUnionInternal,
+  C as OmegaTaggedUnionInternal,
   y as OmegaVuetifyInput,
   P as createMeta,
-  q as createUseFormWithCustomInput,
+  $ as createUseFormWithCustomInput,
   V as deepMerge,
   n as default,
   k as defaultsValueFromSchema,
@@ -34,13 +34,12 @@ export {
   B as generateInputStandardSchemaFromFieldMeta,
   D as generateMetaFromSchema,
   K as getInputType,
-  f as getTransformationFrom,
+  p as getTransformationFrom,
   N as isNullableOrUndefined,
-  W as nullableInput,
   l as provideIntl,
-  u as useIntl,
-  s as useIntlKey,
-  M as useOmegaForm,
-  U as useOnClose,
+  s as useIntl,
+  u as useIntlKey,
+  T as useOmegaForm,
+  b as useOnClose,
   j as usePreventClose
 };

package/dist/vue-components.es10.js

@@ -1,17 +1,17 @@
 import { useForm as K } from "@tanstack/vue-form";
 import { Data as T, S as I, Effect as m, Fiber as V, Option as z, Array as P } from "effect-app";
-import { runtimeFiberAsPromise as W } from "./vue-components.es18.js";
+import { runtimeFiberAsPromise as W } from "./vue-components.es17.js";
 import { computed as $, onUnmounted as D, onMounted as G, onBeforeUnmount as Z, watch as R, ref as Q, h as J } from "vue";
 import { useIntl as X } from "./vue-components.es3.js";
-import Y from "./vue-components.es19.js";
-import C from "./vue-components.es20.js";
-import ee from "./vue-components.es21.js";
+import Y from "./vue-components.es18.js";
+import C from "./vue-components.es19.js";
+import ee from "./vue-components.es20.js";
 import { generateMetaFromSchema as re, deepMerge as N, defaultsValueFromSchema as te } from "./vue-components.es12.js";
 import se from "./vue-components.es6.js";
 import ne from "./vue-components.es8.js";
-import oe from "./vue-components.es22.js";
-import { trace as H } from "./vue-components.es23.js";
-import { context as _ } from "./vue-components.es24.js";
+import oe from "./vue-components.es21.js";
+import { trace as H } from "./vue-components.es22.js";
+import { context as _ } from "./vue-components.es23.js";
 class ie extends T.TaggedError("FormErrors") {
 }
 const M = (a) => function(s) {

package/dist/vue-components.es11.js

@@ -1,6 +1,6 @@
-import l from "./vue-components.es29.js";
+import l from "./vue-components.es28.js";
 import { inject as c, provide as u } from "vue";
-import { onMountedWithCleanup as f } from "./vue-components.es16.js";
+import { onMountedWithCleanup as f } from "./vue-components.es29.js";
 const p = () => l(), i = /* @__PURE__ */ Symbol("DialogBus"), r = () => c(i, null), g = () => {
   const n = p();
   return u(i, n), n;