@effect-app/vue-components 1.0.0-next.0 → 1.0.0-next.10

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

@@ -1,7 +1,6 @@
 import { type DeepKeys } from "@tanstack/vue-form";
 import { Order } from "effect-app";
-import { type OmegaInputProps } from "./OmegaFormStuff";
-export type OmegaAutoGenMeta<From extends Record<PropertyKey, string>, To extends Record<PropertyKey, string>> = Omit<OmegaInputProps<From, To>, "form">;
+import { type OmegaAutoGenMeta, type OmegaInputProps } from "./OmegaFormStuff";
 declare const _default: <From extends Record<PropertyKey, string>, To extends Record<PropertyKey, string>>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
     props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>, never> & {
         form: OmegaInputProps<From, To>["form"];

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

@@ -1,17 +1,10 @@
 import { type DeepKeys } from "@tanstack/vue-form";
 import type { InputProps } from "./InputProps";
-import type { FieldValidators, TypeOverride } from "./OmegaFormStuff";
+import type { DefaultInputProps } from "./OmegaFormStuff";
 declare const _default: <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_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
-    props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>, never> & {
+    props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>, never> & ({
         name: Name;
-        label?: string;
-        validators?: FieldValidators<From>;
-        options?: {
-            title: string;
-            value: string;
-        }[];
-        type?: TypeOverride;
-    } & {}> & import("vue").PublicProps;
+    } & DefaultInputProps<From>) & {}> & import("vue").PublicProps;
     expose(exposed: import("vue").ShallowUnwrapRef<{}>): void;
     attrs: any;
     slots: {

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

@@ -2,23 +2,32 @@ import { type Effect, S } from "effect-app";
 import { type DeepKeys, type FieldAsyncValidateOrFn, type FieldValidateOrFn, type FormApi, type FormAsyncValidateOrFn, type FormOptions, type FormState, type FormValidateOrFn, type StandardSchemaV1, type VueFormApi } from "@tanstack/vue-form";
 import { type RuntimeFiber } from "effect/Fiber";
 import { type OmegaFieldInternalApi } from "./InputProps";
-import { type OmegaFormReturn } from "./useOmegaForm";
+import { type OF, type OmegaFormReturn } from "./useOmegaForm";
 export type ShowErrorsOn = "onChange" | "onBlur" | "onSubmit";
-export type OmegaInputProps<From extends Record<PropertyKey, any>, To extends Record<PropertyKey, any>> = {
-    form: OmegaFormReturn<From, To> & {
-        meta: MetaRecord<From>;
-        i18nNamespace?: string;
-    };
-    name: NestedKeyOf<From>;
-    validators?: FieldValidators<From>;
+export type DefaultInputProps<From> = {
     label?: string;
+    validators?: FieldValidators<From>;
     options?: {
         title: string;
         value: string;
     }[];
     type?: TypeOverride;
 };
-export type TypeOverride = "string" | "text" | "number" | "select" | "multiple" | "boolean" | "autocomplete" | "autocompletemultiple" | "switch" | "range" | "password" | "email";
+export type OmegaInputPropsBase<From extends Record<PropertyKey, any>, To extends Record<PropertyKey, any>> = {
+    form: OF<From, To> & {
+        meta: MetaRecord<From>;
+        i18nNamespace?: string;
+    };
+    name: NestedKeyOf<From>;
+} & DefaultInputProps<From>;
+export type OmegaInputProps<From extends Record<PropertyKey, any>, To extends Record<PropertyKey, any>, InputProps = DefaultInputProps<From>> = {
+    form: OmegaFormReturn<From, To, InputProps> & {
+        meta: MetaRecord<From>;
+        i18nNamespace?: string;
+    };
+    name: NestedKeyOf<From>;
+} & DefaultInputProps<From>;
+export type TypeOverride = "string" | "text" | "number" | "select" | "multiple" | "boolean" | "radio" | "autocomplete" | "autocompletemultiple" | "switch" | "range" | "password" | "email";
 export interface OmegaError {
     label: string;
     inputId: string;
@@ -111,3 +120,8 @@ export declare const generateInputStandardSchemaFromFieldMeta: (meta: FieldMeta)
 export declare const nullableInput: <A, I, R>(schema: S.Schema<A, I, R>, defaultValue: () => A) => S.transform<import("effect/Schema").NullOr<S.Schema<A, I, R>> & {
     withDefault: S.PropertySignature<":", A | null, never, ":", I | null, true, R>;
 }, S.SchemaClass<A, A, never>>;
+export type OmegaAutoGenMeta<From extends Record<PropertyKey, any>, To extends Record<PropertyKey, any>> = Omit<OmegaInputProps<From, To>, "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];
+export declare const getInputType: (input: string) => SupportedInputs;
+export {};

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

@@ -1,6 +1,6 @@
-import { type OmegaInputProps } from "./OmegaFormStuff";
+import { type OmegaInputPropsBase } from "./OmegaFormStuff";
 declare const _default: <From extends Record<PropertyKey, any>, To extends Record<PropertyKey, any>>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
-    props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>, never> & OmegaInputProps<From, To> & {}> & import("vue").PublicProps;
+    props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>, never> & OmegaInputPropsBase<From, To> & {}> & import("vue").PublicProps;
     expose(exposed: import("vue").ShallowUnwrapRef<{}>): void;
     attrs: any;
     slots: {

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

@@ -1,5 +1,5 @@
-import { type OmegaFormState } from "./OmegaFormStuff";
-import { type DefaultInputProps, type OmegaFormReturn } from "./useOmegaForm";
+import { type DefaultInputProps, type OmegaFormState } from "./OmegaFormStuff";
+import { type OmegaFormReturn } from "./useOmegaForm";
 declare const _default: <From extends Record<PropertyKey, any>, To extends Record<PropertyKey, any>, K extends keyof OmegaFormState<From, To> = keyof OmegaFormState<From, To>, Props = DefaultInputProps<From>>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
     props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>, never> & {
         form: OmegaFormReturn<From, To, Props>;

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

@@ -2,4 +2,5 @@ import { default as OmegaInput } from "./OmegaInput.vue";
 export * as OmegaErrorsContext from "./OmegaErrorsContext";
 export * from "./OmegaFormStuff";
 export { type OmegaFormReturn, useOmegaForm } from "./useOmegaForm";
+export { getInputType } from "./OmegaFormStuff";
 export { OmegaInput };

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

@@ -1,13 +1,8 @@
 import { type DeepKeys } from "@tanstack/vue-form";
-import { S } from "effect-app";
+import { Order, S } from "effect-app";
 import { type InjectionKey } from "vue";
-import { getOmegaStore } from "./getOmegaStore";
 import { type InputProps } from "./InputProps";
-import OmegaArray from "./OmegaArray.vue";
-import OmegaAutoGen from "./OmegaAutoGen.vue";
-import OmegaErrorsInternal from "./OmegaErrorsInternal.vue";
-import { type FieldValidators, type FilterItems, type FormProps, type MetaRecord, type NestedKeyOf, type OmegaFormApi, OmegaFormState, ShowErrorsOn, type TypeOverride } from "./OmegaFormStuff";
-import OmegaForm from "./OmegaWrapper.vue";
+import { DefaultInputProps, type FilterItems, type FormProps, type MetaRecord, type NestedKeyOf, OmegaAutoGenMeta, OmegaError, type OmegaFormApi, OmegaFormState, ShowErrorsOn } from "./OmegaFormStuff";
 type keysRule<T> = {
     keys?: NestedKeyOf<T>[];
     banKeys?: "You should only use one of banKeys or keys, not both, moron";
@@ -27,9 +22,9 @@ export type OmegaConfig<T> = {
         overrideDefaultValues?: boolean;
         id?: string;
     } & keysRule<T>;
-    input?: (form: any) => any;
+    input?: any;
 };
-interface OF<From, To> extends OmegaFormApi<From, To> {
+export interface OF<From, To> extends OmegaFormApi<From, To> {
     meta: MetaRecord<From>;
     filterItems?: FilterItems;
     clear: () => void;
@@ -39,15 +34,6 @@ export declare const OmegaFormKey: InjectionKey<OF<any, any>>;
 type __VLS_PrettifyLocal<T> = {
     [K in keyof T]: T[K];
 } & {};
-export type DefaultInputProps<From> = {
-    label?: string;
-    validators?: FieldValidators<From>;
-    options?: {
-        title: string;
-        value: string;
-    }[];
-    type?: TypeOverride;
-};
 export interface OmegaFormReturn<From extends Record<PropertyKey, any>, To extends Record<PropertyKey, any>, Props = DefaultInputProps<From>> extends OF<From, To> {
     Input: <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_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
         props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>, never> & {
@@ -63,35 +49,33 @@ export interface OmegaFormReturn<From extends Record<PropertyKey, any>, To exten
         __ctx?: Awaited<typeof __VLS_setup>;
     };
     Errors: (__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
-        props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>, never> & Omit<ReturnType<typeof OmegaErrorsInternal["props"]>, "errors" | "generalErrors" | "showErrors"> & Partial<{}>> & import("vue").PublicProps;
+        props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>, never> & Partial<{}>> & import("vue").PublicProps;
         expose(exposed: import("vue").ShallowUnwrapRef<{}>): void;
         attrs: any;
-        slots: {};
+        slots: {
+            default: (props: {
+                errors: readonly OmegaError[];
+                showedGeneralErrors: string[];
+            }) => void;
+        };
         emit: {};
     }>) => import("vue").VNode & {
         __ctx?: Awaited<typeof __VLS_setup>;
     };
     Array: (__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
-        props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>, never> & Omit<ReturnType<typeof OmegaArray<From, To>>["props"], "form"> & Partial<{}>> & import("vue").PublicProps;
+        props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>, never> & {
+            pick?: DeepKeys<From>[];
+            omit?: DeepKeys<From>[];
+            labelMap?: (key: DeepKeys<From>) => string | undefined;
+            filterMap?: <M extends OmegaAutoGenMeta<From, To>>(key: DeepKeys<From>, meta: M) => boolean | M;
+            order?: DeepKeys<From>[];
+            sort?: Order.Order<OmegaAutoGenMeta<From, To>>;
+        } & {}> & import("vue").PublicProps;
         expose(exposed: import("vue").ShallowUnwrapRef<{}>): void;
         attrs: any;
         slots: {
             default(props: {
-                subField: any;
-                subState: any;
-                index: number;
-                field: any;
-            }): void;
-            preArray(props: {
-                field: any;
-                state: any;
-            }): void;
-            postArray(props: {
-                field: any;
-                state: any;
-            }): void;
-            field(props: {
-                field: any;
+                child: OmegaAutoGenMeta<From, To>;
             }): void;
         };
         emit: {};
@@ -99,21 +83,35 @@ export interface OmegaFormReturn<From extends Record<PropertyKey, any>, To exten
         __ctx?: Awaited<typeof __VLS_setup>;
     };
     AutoGen: (__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
-        props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>, never> & Omit<ReturnType<typeof OmegaAutoGen<From, To>>["props"], "form"> & Partial<{}>> & import("vue").PublicProps;
+        props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>, never> & {
+            pick?: DeepKeys<From>[];
+            omit?: DeepKeys<From>[];
+            labelMap?: (key: DeepKeys<From>) => string | undefined;
+            filterMap?: <M extends OmegaAutoGenMeta<From, To>>(key: DeepKeys<From>, meta: M) => boolean | M;
+            order?: DeepKeys<From>[];
+            sort?: Order.Order<OmegaAutoGenMeta<From, To>>;
+        } & {}> & import("vue").PublicProps;
         expose(exposed: import("vue").ShallowUnwrapRef<{}>): void;
         attrs: any;
-        slots: {};
+        slots: {
+            default(props: {
+                child: OmegaAutoGenMeta<From, To>;
+            }): void;
+        };
         emit: {};
     }>) => import("vue").VNode & {
         __ctx?: Awaited<typeof __VLS_setup>;
     };
-    Form: <K extends keyof OmegaFormState<To, From>, Props = DefaultInputProps<From>>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
-        props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>, never> & ReturnType<typeof OmegaForm<From, To, K, Props>>["props"] & Partial<{}>> & import("vue").PublicProps;
+    Form: <K extends keyof OmegaFormState<To, From>>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+        props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>, never> & {
+            disabled?: boolean;
+            subscribe?: K[];
+        } & {}> & import("vue").PublicProps;
         expose(exposed: import("vue").ShallowUnwrapRef<{}>): void;
         attrs: any;
         slots: {
             default(props: {
-                subscribedValues: ReturnType<typeof getOmegaStore<To, From, K>>["value"];
+                subscribedValues: K[] extends undefined[] ? Record<string, never> : Pick<OmegaFormState<From, To>, K>;
             }): void;
         };
         emit: {};

package/dist/vue-components.es.js

@@ -1,27 +1,28 @@
 import * as o from "./vue-components.es2.js";
 import { getTransformationFrom as f, provideIntl as l, useIntl as s, useIntlKey as i } from "./vue-components.es3.js";
 import { default as d } from "./vue-components.es4.js";
-import * as n from "./vue-components.es5.js";
+import * as a from "./vue-components.es5.js";
 import { useOmegaForm as g } from "./vue-components.es6.js";
-import { createMeta as y, duplicateSchema as F, generateInputStandardSchemaFromFieldMeta as O, generateMetaFromSchema as h, nullableInput as S } from "./vue-components.es7.js";
-function a(r) {
+import { createMeta as y, duplicateSchema as F, generateInputStandardSchemaFromFieldMeta as O, generateMetaFromSchema as h, getInputType as S, nullableInput as b } from "./vue-components.es7.js";
+function n(r) {
   for (const e in o)
     if (Object.prototype.hasOwnProperty.call(o, e)) {
       const t = o[e];
       t && typeof t == "object" && r.component(e, t);
     }
 }
-const m = { install: a };
+const m = { install: n };
 export {
-  n as OmegaErrorsContext,
+  a as OmegaErrorsContext,
   d as OmegaInput,
   y as createMeta,
   m as default,
   F as duplicateSchema,
   O as generateInputStandardSchemaFromFieldMeta,
   h as generateMetaFromSchema,
+  S as getInputType,
   f as getTransformationFrom,
-  S as nullableInput,
+  b as nullableInput,
   l as provideIntl,
   s as useIntl,
   i as useIntlKey,

package/dist/vue-components.es14.js

@@ -1,8 +1,8 @@
-(function(){"use strict";try{if(typeof document<"u"){var n=document.createElement("style");if(n.appendChild(document.createTextNode("fieldset[data-v-3e42af39]{display:contents}fieldset[disabled][data-v-3e42af39]>*{pointer-events:none}")),document.head.appendChild(n),window.customElements){const e=window.customElements.define;window.customElements.define=function(i,t){const d=t.prototype.connectedCallback;return t.prototype.connectedCallback=function(){if(d&&d.call(this),this.shadowRoot){const o=document.createElement("style");o.appendChild(document.createTextNode("fieldset[data-v-3e42af39]{display:contents}fieldset[disabled][data-v-3e42af39]>*{pointer-events:none}")),this.shadowRoot.appendChild(o)}},e.call(window.customElements,i,t)}}}}catch(e){console.error("vite-plugin-css-injected-by-js",e)}})();
+(function(){"use strict";try{if(typeof document<"u"){var n=document.createElement("style");if(n.appendChild(document.createTextNode("fieldset[data-v-440e1a59]{display:contents}fieldset[disabled][data-v-440e1a59]>*{pointer-events:none}")),document.head.appendChild(n),window.customElements){const e=window.customElements.define;window.customElements.define=function(i,t){const d=t.prototype.connectedCallback;return t.prototype.connectedCallback=function(){if(d&&d.call(this),this.shadowRoot){const o=document.createElement("style");o.appendChild(document.createTextNode("fieldset[data-v-440e1a59]{display:contents}fieldset[disabled][data-v-440e1a59]>*{pointer-events:none}")),this.shadowRoot.appendChild(o)}},e.call(window.customElements,i,t)}}}}catch(e){console.error("vite-plugin-css-injected-by-js",e)}})();
 import o from "./vue-components.es24.js";
 
 import m from "./vue-components.es23.js";
-const e = /* @__PURE__ */ m(o, [["__scopeId", "data-v-3e42af39"]]);
+const e = /* @__PURE__ */ m(o, [["__scopeId", "data-v-440e1a59"]]);
 export {
   e as default
 };

package/dist/vue-components.es15.js

@@ -1,4 +1,4 @@
-import { TraceAPI as r } from "./vue-components.es39.js";
+import { TraceAPI as r } from "./vue-components.es41.js";
 var t = r.getInstance();
 export {
   t as trace

package/dist/vue-components.es16.js

@@ -1,4 +1,4 @@
-import { ContextAPI as t } from "./vue-components.es38.js";
+import { ContextAPI as t } from "./vue-components.es40.js";
 var o = t.getInstance();
 export {
   o as context

package/dist/vue-components.es17.js

@@ -1,10 +1,9 @@
 (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 w, getCurrentInstance as x, useId as C, computed as a, watch as f, nextTick as N, onMounted as d, ref as $, watchEffect as k, renderSlot as B, normalizeProps as I, guardReactiveProps as O, createElementVNode as _, normalizeClass as q, createBlock as L, createCommentVNode as P, unref as F, openBlock as S, mergeProps as T } from "vue";
+import { defineComponent as E, getCurrentInstance as V, useId as w, computed as a, watch as f, nextTick as N, onMounted as d, ref as $, watchEffect as k, renderSlot as B, normalizeProps as I, guardReactiveProps as _, createElementVNode as q, normalizeClass as L, createBlock as O, createCommentVNode as P, unref as F, openBlock as S, mergeProps as T } from "vue";
 import { useStore as z } from "@tanstack/vue-form";
-import { useOmegaErrors as A } from "./vue-components.es5.js";
-import D from "./vue-components.es40.js";
+import A from "./vue-components.es27.js";
 
-const J = /* @__PURE__ */ w({
+const G = /* @__PURE__ */ E({
   inheritAttrs: !1,
   __name: "OmegaInternalInput",
   props: {
@@ -16,7 +15,7 @@ const J = /* @__PURE__ */ w({
     validators: {}
   },
   setup(c) {
-    const e = c, v = x()?.appContext.components.VTextField, l = C(), o = e.field, r = z(o.store, (t) => t), m = a(() => e.type ? e.type : e.meta?.type === "string" ? e.meta.format === "email" ? "email" : "string" : e.meta?.type || "unknown"), n = a(() => r.value.value), g = a(
+    const e = c, v = V()?.appContext.components.VTextField, l = w(), o = e.field, r = z(o.store, (t) => t), m = a(() => e.type ? e.type : e.meta?.type === "string" ? e.meta.format === "email" ? "email" : "string" : e.meta?.type || "unknown"), n = a(() => r.value.value), g = a(
       () => (
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
         r.value.meta.errors.map((t) => t?.message).filter(Boolean)
@@ -34,15 +33,15 @@ const J = /* @__PURE__ */ w({
     ), d(() => {
       !n.value && !e.meta?.required && e.meta?.nullableOrUndefined === "null" && o.setValue(null);
     });
-    const { addError: h, removeError: b, showErrors: E, showErrorsOn: V } = A(), s = $(!1);
+    const { addError: h, removeError: b, showErrors: x, showErrorsOn: C } = e.field.form.errorContext, s = $(!1);
     k(() => {
-      (E.value || V === "onChange") && (s.value = !0);
+      (x.value || C === "onChange") && (s.value = !0);
     });
-    const u = () => {
+    const i = () => {
       s.value = !0;
     };
     d(() => {
-      n.value && u();
+      n.value && i();
     });
     const p = a(() => !s.value && m.value !== "select" ? [] : g.value);
     f(
@@ -55,7 +54,7 @@ const J = /* @__PURE__ */ w({
         }) : b(l);
       }
     );
-    const i = a(() => ({
+    const u = a(() => ({
       id: l,
       required: e.meta?.required,
       minLength: e.meta?.type === "string" && e.meta?.minLength,
@@ -67,26 +66,26 @@ const J = /* @__PURE__ */ w({
       errorMessages: p.value,
       error: !!p.value.length,
       field: e.field,
-      setRealDirty: u,
+      setRealDirty: i,
       type: m.value,
       label: `${e.label}${e.meta?.required ? " *" : ""}`,
       options: e.options
     }));
-    return (t, R) => B(t.$slots, "default", I(O(i.value)), () => [
-      _("div", {
-        class: q(t.$attrs.class),
-        onFocusout: u
+    return (t, M) => B(t.$slots, "default", I(_(u.value)), () => [
+      q("div", {
+        class: L(t.$attrs.class),
+        onFocusout: i
       }, [
-        F(v) ? (S(), L(D, T({
+        F(v) ? (S(), O(A, T({
           key: 0,
-          "input-props": i.value
+          "input-props": u.value
         }, t.$attrs, {
-          "vuetify-value": i.value.field.state.value
+          "vuetify-value": u.value.field.state.value
         }), null, 16, ["input-props", "vuetify-value"])) : P("", !0)
       ], 34)
     ]);
   }
 });
 export {
-  J as default
+  G as default
 };

package/dist/vue-components.es2.js

@@ -1,14 +1,15 @@
-import { default as t } from "./vue-components.es4.js";
+import { default as r } from "./vue-components.es4.js";
 import * as e from "./vue-components.es5.js";
-import { createMeta as o, duplicateSchema as p, generateInputStandardSchemaFromFieldMeta as n, generateMetaFromSchema as u, nullableInput as l } from "./vue-components.es7.js";
+import { createMeta as o, duplicateSchema as p, generateInputStandardSchemaFromFieldMeta as n, generateMetaFromSchema as u, getInputType as g, nullableInput as l } from "./vue-components.es7.js";
 import { useOmegaForm as d } from "./vue-components.es6.js";
 export {
   e as OmegaErrorsContext,
-  t as OmegaInput,
+  r as OmegaInput,
   o as createMeta,
   p as duplicateSchema,
   n as generateInputStandardSchemaFromFieldMeta,
   u as generateMetaFromSchema,
+  g as getInputType,
   l as nullableInput,
   d as useOmegaForm
 };

package/dist/vue-components.es24.js

@@ -1,6 +1,6 @@
 import { defineComponent as m, createElementBlock as d, openBlock as a, withModifiers as l, createElementVNode as u, unref as r, renderSlot as b } from "vue";
 import { useStore as f } from "@tanstack/vue-form";
-import { getOmegaStore as p } from "./vue-components.es27.js";
+import { getOmegaStore as p } from "./vue-components.es29.js";
 const c = ["disabled"], V = /* @__PURE__ */ m({
   __name: "OmegaWrapper",
   props: {

package/dist/vue-components.es27.js

@@ -1,13 +1,137 @@
-import { useStore as u } from "@tanstack/vue-form";
-import { computed as f } from "vue";
-function c(o, t) {
-  return f(() => t ? u(o.store, (n) => {
-    const r = {};
-    for (const e of t)
-      r[e] = n[e];
-    return r;
-  }).value : {});
-}
+import { defineComponent as y, resolveComponent as s, createElementBlock as u, openBlock as o, createBlock as n, createCommentVNode as l, resolveDynamicComponent as a, mergeProps as i, unref as b, withCtx as f, Fragment as h, renderList as V } from "vue";
+import { getInputType as C } from "./vue-components.es7.js";
+const $ = /* @__PURE__ */ y({
+  inheritAttrs: !1,
+  __name: "OmegaInputVuetify",
+  props: {
+    inputProps: {},
+    vuetifyValue: {}
+  },
+  emits: ["focus", "blur"],
+  setup(q) {
+    return (e, p) => {
+      const t = s("v-text-field"), m = s("v-textarea"), d = s("v-radio"), P = s("v-radio-group"), g = s("v-select"), v = s("v-autocomplete");
+      return o(), u("div", {
+        class: "omega-input",
+        onFocusout: p[4] || (p[4] = (r) => e.$emit("blur", r)),
+        onFocusin: p[5] || (p[5] = (r) => e.$emit("focus", r))
+      }, [
+        e.inputProps.type === "boolean" || e.inputProps.type === "switch" ? (o(), n(a(e.inputProps.type === "boolean" ? "v-checkbox" : "v-switch"), i({
+          key: 0,
+          id: e.inputProps.id,
+          name: e.inputProps.name,
+          label: e.inputProps.label,
+          "error-messages": e.inputProps.errorMessages,
+          error: e.inputProps.error,
+          ripple: ""
+        }, e.$attrs, {
+          "model-value": e.vuetifyValue,
+          onChange: p[0] || (p[0] = (r) => e.inputProps.field.handleChange(r.target.checked))
+        }), null, 16, ["id", "name", "label", "error-messages", "error", "model-value"])) : l("", !0),
+        e.inputProps.type === "email" || e.inputProps.type === "string" || e.inputProps.type === "password" ? (o(), n(t, i({
+          key: 1,
+          id: e.inputProps.id,
+          required: e.inputProps.required,
+          "min-length": e.inputProps.minLength,
+          "max-length": e.inputProps.maxLength,
+          type: b(C)(e.inputProps.type),
+          name: e.inputProps.name,
+          label: e.inputProps.label,
+          "error-messages": e.inputProps.errorMessages,
+          error: e.inputProps.error
+        }, e.$attrs, {
+          "model-value": e.vuetifyValue,
+          "onUpdate:modelValue": e.inputProps.field.handleChange
+        }), null, 16, ["id", "required", "min-length", "max-length", "type", "name", "label", "error-messages", "error", "model-value", "onUpdate:modelValue"])) : l("", !0),
+        e.inputProps.type === "text" ? (o(), n(m, i({
+          key: 2,
+          id: e.inputProps.id,
+          required: e.inputProps.required,
+          "min-length": e.inputProps.minLength,
+          "max-length": e.inputProps.maxLength,
+          name: e.inputProps.name,
+          label: e.inputProps.label,
+          "error-messages": e.inputProps.errorMessages,
+          error: e.inputProps.error
+        }, e.$attrs, {
+          "model-value": e.vuetifyValue,
+          "onUpdate:modelValue": e.inputProps.field.handleChange
+        }), null, 16, ["id", "required", "min-length", "max-length", "name", "label", "error-messages", "error", "model-value", "onUpdate:modelValue"])) : l("", !0),
+        e.inputProps.type === "number" || e.inputProps.type === "range" ? (o(), n(a(e.inputProps.type === "range" ? "v-slider" : "v-text-field"), i({
+          key: 3,
+          id: e.inputProps.id,
+          required: e.inputProps.required,
+          min: e.inputProps.min,
+          max: e.inputProps.max,
+          type: e.inputProps.type,
+          name: e.inputProps.name,
+          label: e.inputProps.label,
+          "error-messages": e.inputProps.errorMessages,
+          error: e.inputProps.error
+        }, e.$attrs, {
+          "model-value": e.vuetifyValue,
+          "onUpdate:modelValue": p[1] || (p[1] = (r) => {
+            r || r === 0 ? e.inputProps.field.handleChange(Number(r)) : e.inputProps.field.handleChange(void 0);
+          })
+        }), null, 16, ["id", "required", "min", "max", "type", "name", "label", "error-messages", "error", "model-value"])) : l("", !0),
+        e.inputProps.type === "radio" ? (o(), n(P, i({
+          key: 4,
+          id: e.inputProps.id,
+          name: e.inputProps.name,
+          label: e.inputProps.label,
+          "error-messages": e.inputProps.errorMessages,
+          error: e.inputProps.error
+        }, e.$attrs, {
+          "model-value": e.vuetifyValue,
+          "onUpdate:modelValue": e.inputProps.field.handleChange
+        }), {
+          default: f(() => [
+            (o(!0), u(h, null, V(e.inputProps.options, (r) => (o(), n(d, {
+              key: r.value,
+              label: r.title,
+              value: r.value
+            }, null, 8, ["label", "value"]))), 128))
+          ]),
+          _: 1
+        }, 16, ["id", "name", "label", "error-messages", "error", "model-value", "onUpdate:modelValue"])) : l("", !0),
+        e.inputProps.type === "select" || e.inputProps.type === "multiple" ? (o(), n(g, i({
+          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.inputProps.name,
+          label: e.inputProps.label,
+          items: e.inputProps.options,
+          "error-messages": e.inputProps.errorMessages,
+          error: e.inputProps.error
+        }, e.$attrs, {
+          "model-value": e.vuetifyValue,
+          onClear: p[2] || (p[2] = (r) => e.inputProps.field.handleChange(void 0)),
+          "onUpdate:modelValue": e.inputProps.field.handleChange
+        }), null, 16, ["id", "clearable", "required", "multiple", "chips", "name", "label", "items", "error-messages", "error", "model-value", "onUpdate:modelValue"])) : l("", !0),
+        e.inputProps.type === "autocomplete" || e.inputProps.type === "autocompletemultiple" ? (o(), n(v, i({
+          key: 6,
+          id: e.inputProps.id,
+          clearable: e.inputProps.type === "autocomplete",
+          multiple: e.inputProps.type === "autocompletemultiple",
+          required: e.inputProps.required,
+          name: e.inputProps.name,
+          label: e.inputProps.label,
+          items: e.inputProps.options,
+          "error-messages": e.inputProps.errorMessages,
+          error: e.inputProps.error,
+          chips: e.inputProps.type === "autocompletemultiple"
+        }, e.$attrs, {
+          "model-value": e.vuetifyValue,
+          onClear: p[3] || (p[3] = (r) => e.inputProps.field.handleChange(void 0)),
+          "onUpdate:modelValue": e.inputProps.field.handleChange
+        }), null, 16, ["id", "clearable", "multiple", "required", "name", "label", "items", "error-messages", "error", "chips", "model-value", "onUpdate:modelValue"])) : l("", !0)
+      ], 32);
+    };
+  }
+});
 export {
-  c as getOmegaStore
+  $ as default
 };

package/dist/vue-components.es29.js

@@ -1,7 +1,13 @@
-var R;
-(function(E) {
-  E[E.NONE = 0] = "NONE", E[E.ERROR = 30] = "ERROR", E[E.WARN = 50] = "WARN", E[E.INFO = 60] = "INFO", E[E.DEBUG = 70] = "DEBUG", E[E.VERBOSE = 80] = "VERBOSE", E[E.ALL = 9999] = "ALL";
-})(R || (R = {}));
+import { useStore as u } from "@tanstack/vue-form";
+import { computed as f } from "vue";
+function c(o, t) {
+  return f(() => t ? u(o.store, (n) => {
+    const r = {};
+    for (const e of t)
+      r[e] = n[e];
+    return r;
+  }).value : {});
+}
 export {
-  R as DiagLogLevel
+  c as getOmegaStore
 };