@effect-app/vue-components 0.5.0 → 0.6.2

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

@@ -0,0 +1,30 @@
+import { type NestedKeyOf, type MetaRecord, type FormType, type OmegaInputProps } from "./OmegaFormStuff";
+import { Order } from "effect-app";
+export type OmegaAutoGenMeta<From, To> = Omit<OmegaInputProps<From, To>, "form">;
+declare const _default: <From, To>(__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: FormType<From, To> & {
+            meta: MetaRecord<To>;
+        };
+        pick?: NestedKeyOf<To>[];
+        omit?: NestedKeyOf<To>[];
+        labelMap?: (key: NestedKeyOf<To>) => string | undefined;
+        filterMap?: <M extends OmegaAutoGenMeta<From, To>>(key: NestedKeyOf<To>, meta: M) => boolean | M;
+        order?: NestedKeyOf<To>[];
+        sort?: Order.Order<OmegaAutoGenMeta<From, To>>;
+    } & Partial<{}>> & import("vue").PublicProps;
+    expose(exposed: import("vue").ShallowUnwrapRef<{}>): void;
+    attrs: any;
+    slots: {
+        default(props: {
+            child: OmegaAutoGenMeta<From, To>;
+        }): void;
+    };
+    emit: {};
+}>) => import("vue").VNode & {
+    __ctx?: Awaited<typeof __VLS_setup>;
+};
+export default _default;
+type __VLS_PrettifyLocal<T> = {
+    [K in keyof T]: T[K];
+} & {};

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

@@ -1,13 +1,9 @@
 import { default as OmegaForm } from "./OmegaWrapper.vue";
 import { default as OmegaInput } from "./OmegaInput.vue";
 import { default as OmegaErrors } from "./OmegaErrors.vue";
+import { default as OmegaAutoGen } from "./OmegaAutoGen.vue";
 export * as OmegaErrorsContext from "./OmegaErrorsContext";
 export * from "./OmegaFormStuff";
-export { useOmegaForm } from "./useOmegaForm";
+export { useOmegaForm, type OmegaFormReturn } from "./useOmegaForm";
 export { default } from "./OmegaWrapper.vue";
-export { OmegaForm, OmegaInput, OmegaErrors };
-declare const OmegaFormCE: import("vue").VueElementConstructor<unknown>;
-declare const OmegaInputCE: import("vue").VueElementConstructor<unknown>;
-declare const OmegaErrorsCE: import("vue").VueElementConstructor<unknown>;
-export { OmegaFormCE, OmegaInputCE, OmegaErrorsCE };
-export declare function registerOmegaForm(): void;
+export { OmegaForm, OmegaInput, OmegaErrors, OmegaAutoGen };

package/dist/vue-components.es.js

@@ -1,35 +1,32 @@
-import * as r from "./vue-components.es2.js";
-import { provideIntl as s, useIntl as l } from "./vue-components.es3.js";
-import { default as i } from "./vue-components.es4.js";
-import * as m from "./vue-components.es5.js";
-import { useOmegaForm as g } from "./vue-components.es6.js";
-import { duplicateSchema as d, generateInputStandardSchemaFromFieldMeta as O, generateMetaFromSchema as F, nullableInput as E } from "./vue-components.es7.js";
-import { default as h } from "./vue-components.es8.js";
-import { default as C } from "./vue-components.es9.js";
-import { OmegaErrorsCE as b, OmegaFormCE as j, OmegaInputCE as M, registerOmegaForm as k } from "./vue-components.es10.js";
-function a(t) {
-  for (const e in r)
-    if (Object.prototype.hasOwnProperty.call(r, e)) {
-      const o = r[e];
-      o && typeof o == "object" && t.component(e, o);
+import * as t from "./vue-components.es2.js";
+import { provideIntl as l, useIntl as s } from "./vue-components.es3.js";
+import { default as c } from "./vue-components.es4.js";
+import { default as i } from "./vue-components.es5.js";
+import * as m from "./vue-components.es6.js";
+import { useOmegaForm as g } from "./vue-components.es7.js";
+import { duplicateSchema as F, generateInputStandardSchemaFromFieldMeta as I, generateMetaFromSchema as h, nullableInput as y } from "./vue-components.es8.js";
+import { default as b } from "./vue-components.es9.js";
+import { default as E } from "./vue-components.es10.js";
+function a(r) {
+  for (const e in t)
+    if (Object.prototype.hasOwnProperty.call(t, e)) {
+      const o = t[e];
+      o && typeof o == "object" && r.component(e, o);
     }
 }
 const n = { install: a };
 export {
-  C as OmegaErrors,
-  b as OmegaErrorsCE,
+  i as OmegaAutoGen,
+  E as OmegaErrors,
   m as OmegaErrorsContext,
-  h as OmegaForm,
-  j as OmegaFormCE,
-  i as OmegaInput,
-  M as OmegaInputCE,
+  b as OmegaForm,
+  c as OmegaInput,
   n as default,
-  d as duplicateSchema,
-  O as generateInputStandardSchemaFromFieldMeta,
-  F as generateMetaFromSchema,
-  E as nullableInput,
-  s as provideIntl,
-  k as registerOmegaForm,
-  l as useIntl,
+  F as duplicateSchema,
+  I as generateInputStandardSchemaFromFieldMeta,
+  h as generateMetaFromSchema,
+  y as nullableInput,
+  l as provideIntl,
+  s as useIntl,
   g as useOmegaForm
 };

package/dist/vue-components.es10.js

@@ -1,25 +1,8 @@
-import { defineCustomElement as e } from "vue";
-import m from "./vue-components.es8.js";
-import t from "./vue-components.es4.js";
-import o from "./vue-components.es9.js";
-import { duplicateSchema as d, generateInputStandardSchemaFromFieldMeta as O, generateMetaFromSchema as F, nullableInput as C } from "./vue-components.es7.js";
-import "@tanstack/vue-form";
-import "effect-app";
-const r = e(m), a = e(t), n = e(o);
-function p() {
-  customElements.get("omega-form") || customElements.define("omega-form", r), customElements.get("omega-input") || customElements.define("omega-input", a), customElements.get("omega-errors") || customElements.define("omega-errors", n);
-}
+(function(){"use strict";try{if(typeof document<"u"){var a=document.createElement("style");if(a.appendChild(document.createTextNode(".v-enter-from[data-v-31f11e27],.v-leave-to[data-v-31f11e27]{max-height:0px;grid-template-rows:0fr;opacity:0}.v-enter-active[data-v-31f11e27],.v-leave-active[data-v-31f11e27]{display:grid;transition:all .15s}.v-enter-to[data-v-31f11e27],.v-leave-from[data-v-31f11e27]{grid-template-rows:1fr;max-height:50vh;opacity:1}.error-alert[data-v-31f11e27]{transition-behavior:allow-discrete;display:grid;overflow:hidden;min-height:0}.error-alert>*[data-v-31f11e27]{min-height:0}div.error-list[data-v-31f11e27]{container-type:inline-size;display:grid;grid-template-columns:auto 1fr auto;gap:.5em;align-items:start}@container (max-width: 28.125rem){div.error-list[data-v-31f11e27]{grid-template-columns:auto 1fr}.error-link[data-v-31f11e27]{grid-column:1 / -1;justify-self:end}}@container (max-width: 18.75rem){div.error-list[data-v-31f11e27]{grid-template-columns:1fr}.error-message[data-v-31f11e27]{grid-column:1 / -1}}.error-item[data-v-31f11e27]{display:contents}a[data-v-31f11e27]{min-width:min-content}.error-link[data-v-31f11e27]{align-items:center;color:inherit;display:inline-flex;flex-wrap:wrap;gap:.25em;padding-bottom:1em;text-decoration:none}")),document.head.appendChild(a),window.customElements){const e=window.customElements.define;window.customElements.define=function(n,t){const i=t.prototype.connectedCallback;return t.prototype.connectedCallback=function(){if(i&&i.call(this),this.shadowRoot){const r=document.createElement("style");r.appendChild(document.createTextNode(".v-enter-from[data-v-31f11e27],.v-leave-to[data-v-31f11e27]{max-height:0px;grid-template-rows:0fr;opacity:0}.v-enter-active[data-v-31f11e27],.v-leave-active[data-v-31f11e27]{display:grid;transition:all .15s}.v-enter-to[data-v-31f11e27],.v-leave-from[data-v-31f11e27]{grid-template-rows:1fr;max-height:50vh;opacity:1}.error-alert[data-v-31f11e27]{transition-behavior:allow-discrete;display:grid;overflow:hidden;min-height:0}.error-alert>*[data-v-31f11e27]{min-height:0}div.error-list[data-v-31f11e27]{container-type:inline-size;display:grid;grid-template-columns:auto 1fr auto;gap:.5em;align-items:start}@container (max-width: 28.125rem){div.error-list[data-v-31f11e27]{grid-template-columns:auto 1fr}.error-link[data-v-31f11e27]{grid-column:1 / -1;justify-self:end}}@container (max-width: 18.75rem){div.error-list[data-v-31f11e27]{grid-template-columns:1fr}.error-message[data-v-31f11e27]{grid-column:1 / -1}}.error-item[data-v-31f11e27]{display:contents}a[data-v-31f11e27]{min-width:min-content}.error-link[data-v-31f11e27]{align-items:center;color:inherit;display:inline-flex;flex-wrap:wrap;gap:.25em;padding-bottom:1em;text-decoration:none}")),this.shadowRoot.appendChild(r)}},e.call(window.customElements,n,t)}}}}catch(e){console.error("vite-plugin-css-injected-by-js",e)}})();
+import o from "./vue-components.es15.js";
+
+import r from "./vue-components.es13.js";
+const e = /* @__PURE__ */ r(o, [["__scopeId", "data-v-31f11e27"]]);
 export {
-  o as OmegaErrors,
-  n as OmegaErrorsCE,
-  m as OmegaForm,
-  r as OmegaFormCE,
-  t as OmegaInput,
-  a as OmegaInputCE,
-  m as default,
-  d as duplicateSchema,
-  O as generateInputStandardSchemaFromFieldMeta,
-  F as generateMetaFromSchema,
-  C as nullableInput,
-  p as registerOmegaForm
+  e as default
 };

package/dist/vue-components.es11.js

@@ -1,8 +1,8 @@
 import { defineComponent as w, computed as f, onBeforeMount as E, watch as j, createElementBlock as v, openBlock as b, withModifiers as F, createElementVNode as M, unref as c, renderSlot as p, createCommentVNode as k, Fragment as V } from "vue";
 import { useStore as g } from "@tanstack/vue-form";
-import { getOmegaStore as B } from "./vue-components.es22.js";
-import { provideOmegaErrors as C } from "./vue-components.es5.js";
-import { useOmegaForm as I } from "./vue-components.es6.js";
+import { getOmegaStore as B } from "./vue-components.es23.js";
+import { provideOmegaErrors as C } from "./vue-components.es6.js";
+import { useOmegaForm as I } from "./vue-components.es7.js";
 const $ = ["disabled"], N = /* @__PURE__ */ w({
   __name: "OmegaWrapper",
   props: {

package/dist/vue-components.es15.js

@@ -1,5 +1,5 @@
 import { defineComponent as C, getCurrentInstance as x, computed as B, createBlock as o, openBlock as t, Transition as b, withCtx as l, createElementBlock as c, createCommentVNode as w, unref as e, renderSlot as I, normalizeProps as V, guardReactiveProps as N, resolveDynamicComponent as s, normalizeClass as O, createElementVNode as d, toDisplayString as u, Fragment as g, renderList as k, createTextVNode as y } from "vue";
-import { useOmegaErrors as z } from "./vue-components.es5.js";
+import { useOmegaErrors as z } from "./vue-components.es6.js";
 import { mdiLink as D } from "@mdi/js";
 import { useIntl as G } from "./vue-components.es3.js";
 const L = {

package/dist/vue-components.es17.js

@@ -1,7 +1,4 @@
-import { isFunction as c } from "./vue-components.es19.js";
-const s = c, t = (o) => typeof o == "object" && o !== null, i = (o) => t(o) || s(o);
+import f from "./vue-components.es5.js";
 export {
-  s as isFunction,
-  i as isObject,
-  t as isRecordOrArray
+  f as default
 };

package/dist/vue-components.es18.js

@@ -1,34 +1,7 @@
-import { defineComponent as a, inject as t, createBlock as n, openBlock as m, mergeProps as p, unref as s, withCtx as i, renderSlot as l, normalizeProps as f, guardReactiveProps as u } from "vue";
-import d from "./vue-components.es4.js";
-import { OmegaFormKey as c } from "./vue-components.es6.js";
-const w = /* @__PURE__ */ a({
-  __name: "OmegaFormInput",
-  props: {
-    name: {},
-    label: {},
-    validators: {},
-    options: {},
-    type: {}
-  },
-  setup(g) {
-    const o = t(c);
-    if (!o)
-      throw new Error("OmegaFormInput must be used within an OmegaForm context");
-    return (e, b) => (m(), n(d, p(e.$props, {
-      form: s(o),
-      name: e.name,
-      label: e.label,
-      validators: e.validators,
-      options: e.options,
-      type: e.type
-    }), {
-      default: i((r) => [
-        l(e.$slots, "default", f(u(r)))
-      ]),
-      _: 3
-    }, 16, ["form", "name", "label", "validators", "options", "type"]));
-  }
-});
+import { isFunction as c } from "./vue-components.es20.js";
+const s = c, t = (o) => typeof o == "object" && o !== null, i = (o) => t(o) || s(o);
 export {
-  w as default
+  s as isFunction,
+  i as isObject,
+  t as isRecordOrArray
 };

package/dist/vue-components.es19.js

@@ -1,4 +1,34 @@
-const o = (n) => typeof n == "function";
+import { defineComponent as a, inject as t, createBlock as n, openBlock as m, mergeProps as p, unref as s, withCtx as i, renderSlot as l, normalizeProps as f, guardReactiveProps as u } from "vue";
+import d from "./vue-components.es4.js";
+import { OmegaFormKey as c } from "./vue-components.es7.js";
+const w = /* @__PURE__ */ a({
+  __name: "OmegaFormInput",
+  props: {
+    name: {},
+    label: {},
+    validators: {},
+    options: {},
+    type: {}
+  },
+  setup(g) {
+    const o = t(c);
+    if (!o)
+      throw new Error("OmegaFormInput must be used within an OmegaForm context");
+    return (e, b) => (m(), n(d, p(e.$props, {
+      form: s(o),
+      name: e.name,
+      label: e.label,
+      validators: e.validators,
+      options: e.options,
+      type: e.type
+    }), {
+      default: i((r) => [
+        l(e.$slots, "default", f(u(r)))
+      ]),
+      _: 3
+    }, 16, ["form", "name", "label", "validators", "options", "type"]));
+  }
+});
 export {
-  o as isFunction
+  w as default
 };

package/dist/vue-components.es2.js

@@ -1,22 +1,19 @@
-import { OmegaErrorsCE as m, OmegaFormCE as o, OmegaInputCE as t, registerOmegaForm as p } from "./vue-components.es10.js";
-import { default as f } from "./vue-components.es4.js";
-import * as e from "./vue-components.es5.js";
-import { useOmegaForm as n } from "./vue-components.es6.js";
-import { duplicateSchema as O, generateInputStandardSchemaFromFieldMeta as l, generateMetaFromSchema as x, nullableInput as d } from "./vue-components.es7.js";
-import { default as E } from "./vue-components.es8.js";
-import { default as i } from "./vue-components.es9.js";
+import { default as t } from "./vue-components.es9.js";
+import { default as m } from "./vue-components.es4.js";
+import { default as f } from "./vue-components.es10.js";
+import { default as l } from "./vue-components.es5.js";
+import * as e from "./vue-components.es6.js";
+import { duplicateSchema as d, generateInputStandardSchemaFromFieldMeta as g, generateMetaFromSchema as s, nullableInput as x } from "./vue-components.es8.js";
+import { useOmegaForm as F } from "./vue-components.es7.js";
 export {
-  i as OmegaErrors,
-  m as OmegaErrorsCE,
+  l as OmegaAutoGen,
+  f as OmegaErrors,
   e as OmegaErrorsContext,
-  E as OmegaForm,
-  o as OmegaFormCE,
-  f as OmegaInput,
-  t as OmegaInputCE,
-  O as duplicateSchema,
-  l as generateInputStandardSchemaFromFieldMeta,
-  x as generateMetaFromSchema,
-  d as nullableInput,
-  p as registerOmegaForm,
-  n as useOmegaForm
+  t as OmegaForm,
+  m as OmegaInput,
+  d as duplicateSchema,
+  g as generateInputStandardSchemaFromFieldMeta,
+  s as generateMetaFromSchema,
+  x as nullableInput,
+  F as useOmegaForm
 };

package/dist/vue-components.es20.js

@@ -1,4 +1,4 @@
-import f from "./vue-components.es18.js";
+const o = (n) => typeof n == "function";
 export {
-  f as default
+  o as isFunction
 };

package/dist/vue-components.es21.js

@@ -1,100 +1,4 @@
-(function(){"use strict";try{if(typeof document<"u"){var n=document.createElement("style");if(n.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;-webkit-appearance:none;-moz-appearance:none;appearance:none;box-shadow:none;display:block;min-width:auto;height:auto;padding:.5em .5em .5em 1em}")),document.head.appendChild(n),window.customElements){const e=window.customElements.define;window.customElements.define=function(o,t){const a=t.prototype.connectedCallback;return t.prototype.connectedCallback=function(){if(a&&a.call(this),this.shadowRoot){const i=document.createElement("style");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;-webkit-appearance:none;-moz-appearance:none;appearance:none;box-shadow:none;display:block;min-width:auto;height:auto;padding:.5em .5em .5em 1em}")),this.shadowRoot.appendChild(i)}},e.call(window.customElements,o,t)}}}}catch(e){console.error("vite-plugin-css-injected-by-js",e)}})();
-import { defineComponent as B, getCurrentInstance as L, useId as P, computed as l, watch as w, nextTick as S, onMounted as x, ref as T, watchEffect as z, renderSlot as A, normalizeProps as D, guardReactiveProps as F, createElementVNode as M, normalizeClass as N, createBlock as R, createCommentVNode as U, unref as j, openBlock as G, mergeProps as H } from "vue";
-import { useStore as J } from "@tanstack/vue-form";
-import { useOmegaErrors as K } from "./vue-components.es5.js";
-import Q from "./vue-components.es24.js";
-
-const te = /* @__PURE__ */ B({
-  inheritAttrs: !1,
-  __name: "OmegaInternalInput",
-  props: {
-    field: {},
-    meta: {},
-    label: {},
-    options: {},
-    type: {},
-    validators: {}
-  },
-  setup(C) {
-    const e = C, n = L(), $ = n == null ? void 0 : n.appContext.components.VTextField, o = P(), s = e.field, a = J(s.store, (t) => t), f = l(() => {
-      var t, r;
-      return e.type ? e.type : ((t = e.meta) == null ? void 0 : t.type) === "string" ? e.meta.format === "email" ? "email" : "string" : ((r = e.meta) == null ? void 0 : r.type) || "unknown";
-    }), u = l(() => a.value.value), k = l(
-      () => (
-        // eslint-disable-next-line @typescript-eslint/no-explicit-any
-        a.value.meta.errors.map((t) => t == null ? void 0 : t.message).filter(Boolean)
-      )
-    );
-    w(
-      () => !!u.value,
-      (t) => {
-        t || S(() => {
-          var r;
-          s.setValue(
-            ((r = e.meta) == null ? void 0 : r.nullableOrUndefined) === "undefined" ? void 0 : null
-          );
-        });
-      }
-    ), x(() => {
-      var t, r;
-      !u.value && !((t = e.meta) != null && t.required) && ((r = e.meta) == null ? void 0 : r.nullableOrUndefined) === "null" && s.setValue(null);
-    });
-    const { addError: I, removeError: O, showErrors: _, showErrorsOn: q } = K(), i = T(!1);
-    z(() => {
-      (_.value || q === "onChange") && (i.value = !0);
-    });
-    const m = () => {
-      i.value = !0;
-    };
-    x(() => {
-      u.value && m();
-    });
-    const d = l(() => !i.value && f.value !== "select" ? [] : k.value);
-    w(
-      () => a.value.meta.errors,
-      () => {
-        a.value.meta.errors.length ? I({
-          inputId: o,
-          errors: a.value.meta.errors.map((t) => t.message).filter(Boolean),
-          label: e.label
-        }) : O(o);
-      }
-    );
-    const p = l(() => {
-      var t, r, c, v, g, y, h, b, E, V;
-      return {
-        id: o,
-        required: (t = e.meta) == null ? void 0 : t.required,
-        minLength: ((r = e.meta) == null ? void 0 : r.type) === "string" && ((c = e.meta) == null ? void 0 : c.minLength),
-        maxLength: ((v = e.meta) == null ? void 0 : v.type) === "string" && ((g = e.meta) == null ? void 0 : g.maxLength),
-        max: ((y = e.meta) == null ? void 0 : y.type) === "number" && ((h = e.meta) == null ? void 0 : h.maximum),
-        min: ((b = e.meta) == null ? void 0 : b.type) === "number" && ((E = e.meta) == null ? void 0 : E.minimum),
-        name: e.field.name,
-        modelValue: e.field.state.value,
-        errorMessages: d.value,
-        error: !!d.value.length,
-        field: e.field,
-        setRealDirty: m,
-        type: f.value,
-        label: `${e.label}${(V = e.meta) != null && V.required ? " *" : ""}`,
-        options: e.options
-      };
-    });
-    return (t, r) => A(t.$slots, "default", D(F(p.value)), () => [
-      M("div", {
-        class: N(t.$attrs.class),
-        onFocusout: m
-      }, [
-        j($) ? (G(), R(Q, H({
-          key: 0,
-          "input-props": p.value
-        }, t.$attrs, {
-          "vuetify-value": p.value.field.state.value
-        }), null, 16, ["input-props", "vuetify-value"])) : U("", !0)
-      ], 34)
-    ]);
-  }
-});
+import f from "./vue-components.es19.js";
 export {
-  te as default
+  f as default
 };

package/dist/vue-components.es22.js

@@ -1,13 +1,100 @@
-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 : {});
-}
+(function(){"use strict";try{if(typeof document<"u"){var n=document.createElement("style");if(n.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;-webkit-appearance:none;-moz-appearance:none;appearance:none;box-shadow:none;display:block;min-width:auto;height:auto;padding:.5em .5em .5em 1em}")),document.head.appendChild(n),window.customElements){const e=window.customElements.define;window.customElements.define=function(o,t){const a=t.prototype.connectedCallback;return t.prototype.connectedCallback=function(){if(a&&a.call(this),this.shadowRoot){const i=document.createElement("style");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;-webkit-appearance:none;-moz-appearance:none;appearance:none;box-shadow:none;display:block;min-width:auto;height:auto;padding:.5em .5em .5em 1em}")),this.shadowRoot.appendChild(i)}},e.call(window.customElements,o,t)}}}}catch(e){console.error("vite-plugin-css-injected-by-js",e)}})();
+import { defineComponent as B, getCurrentInstance as L, useId as P, computed as l, watch as w, nextTick as S, onMounted as x, ref as T, watchEffect as z, renderSlot as A, normalizeProps as D, guardReactiveProps as F, createElementVNode as M, normalizeClass as N, createBlock as R, createCommentVNode as U, unref as j, openBlock as G, mergeProps as H } from "vue";
+import { useStore as J } from "@tanstack/vue-form";
+import { useOmegaErrors as K } from "./vue-components.es6.js";
+import Q from "./vue-components.es25.js";
+
+const te = /* @__PURE__ */ B({
+  inheritAttrs: !1,
+  __name: "OmegaInternalInput",
+  props: {
+    field: {},
+    meta: {},
+    label: {},
+    options: {},
+    type: {},
+    validators: {}
+  },
+  setup(C) {
+    const e = C, n = L(), $ = n == null ? void 0 : n.appContext.components.VTextField, o = P(), s = e.field, a = J(s.store, (t) => t), f = l(() => {
+      var t, r;
+      return e.type ? e.type : ((t = e.meta) == null ? void 0 : t.type) === "string" ? e.meta.format === "email" ? "email" : "string" : ((r = e.meta) == null ? void 0 : r.type) || "unknown";
+    }), u = l(() => a.value.value), k = l(
+      () => (
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        a.value.meta.errors.map((t) => t == null ? void 0 : t.message).filter(Boolean)
+      )
+    );
+    w(
+      () => !!u.value,
+      (t) => {
+        t || S(() => {
+          var r;
+          s.setValue(
+            ((r = e.meta) == null ? void 0 : r.nullableOrUndefined) === "undefined" ? void 0 : null
+          );
+        });
+      }
+    ), x(() => {
+      var t, r;
+      !u.value && !((t = e.meta) != null && t.required) && ((r = e.meta) == null ? void 0 : r.nullableOrUndefined) === "null" && s.setValue(null);
+    });
+    const { addError: I, removeError: O, showErrors: _, showErrorsOn: q } = K(), i = T(!1);
+    z(() => {
+      (_.value || q === "onChange") && (i.value = !0);
+    });
+    const m = () => {
+      i.value = !0;
+    };
+    x(() => {
+      u.value && m();
+    });
+    const d = l(() => !i.value && f.value !== "select" ? [] : k.value);
+    w(
+      () => a.value.meta.errors,
+      () => {
+        a.value.meta.errors.length ? I({
+          inputId: o,
+          errors: a.value.meta.errors.map((t) => t.message).filter(Boolean),
+          label: e.label
+        }) : O(o);
+      }
+    );
+    const p = l(() => {
+      var t, r, c, v, g, y, h, b, E, V;
+      return {
+        id: o,
+        required: (t = e.meta) == null ? void 0 : t.required,
+        minLength: ((r = e.meta) == null ? void 0 : r.type) === "string" && ((c = e.meta) == null ? void 0 : c.minLength),
+        maxLength: ((v = e.meta) == null ? void 0 : v.type) === "string" && ((g = e.meta) == null ? void 0 : g.maxLength),
+        max: ((y = e.meta) == null ? void 0 : y.type) === "number" && ((h = e.meta) == null ? void 0 : h.maximum),
+        min: ((b = e.meta) == null ? void 0 : b.type) === "number" && ((E = e.meta) == null ? void 0 : E.minimum),
+        name: e.field.name,
+        modelValue: e.field.state.value,
+        errorMessages: d.value,
+        error: !!d.value.length,
+        field: e.field,
+        setRealDirty: m,
+        type: f.value,
+        label: `${e.label}${(V = e.meta) != null && V.required ? " *" : ""}`,
+        options: e.options
+      };
+    });
+    return (t, r) => A(t.$slots, "default", D(F(p.value)), () => [
+      M("div", {
+        class: N(t.$attrs.class),
+        onFocusout: m
+      }, [
+        j($) ? (G(), R(Q, H({
+          key: 0,
+          "input-props": p.value
+        }, t.$attrs, {
+          "vuetify-value": p.value.field.state.value
+        }), null, 16, ["input-props", "vuetify-value"])) : U("", !0)
+      ], 34)
+    ]);
+  }
+});
 export {
-  c as getOmegaStore
+  te as default
 };

package/dist/vue-components.es23.js

@@ -1,4 +1,13 @@
-import f from "./vue-components.es21.js";
+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 {
-  f as default
+  c as getOmegaStore
 };