@effect-app/vue-components 0.0.1 → 0.0.2

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

@@ -1,3 +1 @@
-import TestComponent from './TestComponent.vue';
 export * from "./OmegaForm";
-export { TestComponent };

package/dist/vue-components.css

@@ -1 +1 @@
-.cool{color:pink}.super[data-v-24ab8834]{color:#0ff}fieldset[data-v-0de09910]{display:contents}.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}.v-enter-from[data-v-55fda615],.v-leave-to[data-v-55fda615]{max-height:0px;grid-template-rows:0fr;opacity:0}.v-enter-active[data-v-55fda615],.v-leave-active[data-v-55fda615]{display:grid;transition:all .15s}.v-enter-to[data-v-55fda615],.v-leave-from[data-v-55fda615]{grid-template-rows:1fr;max-height:50vh;opacity:1}.error-alert[data-v-55fda615]{transition-behavior:allow-discrete;display:grid;overflow:hidden;min-height:0}.error-alert>*[data-v-55fda615]{min-height:0}.error-list[data-v-55fda615]{container-type:inline-size;display:grid;grid-template-columns:auto 1fr auto;gap:8px;align-items:start}@container (max-width: 28.125rem){.error-list[data-v-55fda615]{grid-template-columns:auto 1fr}.error-link[data-v-55fda615]{grid-column:1 / -1;justify-self:end;padding-bottom:16px}}@container (max-width: 18.75rem){.error-list[data-v-55fda615]{grid-template-columns:1fr}.error-message[data-v-55fda615]{grid-column:1 / -1}}.error-item[data-v-55fda615]{display:contents}a[data-v-55fda615]{min-width:min-content}.error-link[data-v-55fda615]{color:inherit;text-decoration:none;display:inline-flex;align-items:center}
+fieldset[data-v-0de09910]{display:contents}.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}.v-enter-from[data-v-55fda615],.v-leave-to[data-v-55fda615]{max-height:0px;grid-template-rows:0fr;opacity:0}.v-enter-active[data-v-55fda615],.v-leave-active[data-v-55fda615]{display:grid;transition:all .15s}.v-enter-to[data-v-55fda615],.v-leave-from[data-v-55fda615]{grid-template-rows:1fr;max-height:50vh;opacity:1}.error-alert[data-v-55fda615]{transition-behavior:allow-discrete;display:grid;overflow:hidden;min-height:0}.error-alert>*[data-v-55fda615]{min-height:0}.error-list[data-v-55fda615]{container-type:inline-size;display:grid;grid-template-columns:auto 1fr auto;gap:8px;align-items:start}@container (max-width: 28.125rem){.error-list[data-v-55fda615]{grid-template-columns:auto 1fr}.error-link[data-v-55fda615]{grid-column:1 / -1;justify-self:end;padding-bottom:16px}}@container (max-width: 18.75rem){.error-list[data-v-55fda615]{grid-template-columns:1fr}.error-message[data-v-55fda615]{grid-column:1 / -1}}.error-item[data-v-55fda615]{display:contents}a[data-v-55fda615]{min-width:min-content}.error-link[data-v-55fda615]{color:inherit;text-decoration:none;display:inline-flex;align-items:center}

package/dist/vue-components.es.js

@@ -1,38 +1,19 @@
-import { defineComponent as A, ref as C, createElementBlock as S, openBlock as c, createTextVNode as M, createElementVNode as k, toDisplayString as E, computed as O, readonly as Se, provide as ne, inject as re, watch as L, withModifiers as Oe, unref as f, renderSlot as ae, useId as _e, onMounted as Ee, watchEffect as Te, resolveComponent as U, createBlock as v, createCommentVNode as w, normalizeClass as ke, createVNode as q, resolveDynamicComponent as I, withCtx as _, Transition as we, Fragment as Y, renderList as Z, defineCustomElement as N } from "vue";
-import { useStore as $, useForm as Ie } from "@tanstack/vue-form";
-import { S as s, pipe as Ae, Option as h } from "effect-app";
-import { VTextField as ee, VSelect as Me } from "vuetify/components";
-import { mdiRefresh as qe, mdiLink as $e } from "@mdi/js";
-const Le = { class: "cool" }, Ue = { class: "super" }, Ce = /* @__PURE__ */ A({
-  __name: "TestComponent",
-  props: {
-    test: {}
-  },
-  setup(e) {
-    const n = C("COOL");
-    return (t, r) => (c(), S("div", Le, [
-      r[0] || (r[0] = M("I'm so ")),
-      k("span", Ue, E(n.value), 1),
-      M(" " + E(t.test), 1)
-    ]));
-  }
-}), V = (e, n) => {
-  const t = e.__vccOpts || e;
-  for (const [r, o] of n)
-    t[r] = o;
-  return t;
-}, Ne = /* @__PURE__ */ V(Ce, [["__scopeId", "data-v-24ab8834"]]);
-function Ve(e, n) {
-  return O(() => n ? $(e.store, (r) => {
+import { computed as S, ref as ee, readonly as Se, provide as te, inject as ne, defineComponent as q, watch as U, createElementBlock as E, openBlock as c, withModifiers as Oe, unref as f, createElementVNode as T, renderSlot as re, useId as Ee, onMounted as _e, watchEffect as ke, resolveComponent as L, createBlock as v, createCommentVNode as w, normalizeClass as Te, createVNode as A, resolveDynamicComponent as I, withCtx as O, Transition as we, toDisplayString as k, Fragment as H, renderList as Q, createTextVNode as X, defineCustomElement as $ } from "vue";
+import { useStore as M, useForm as Ie } from "@tanstack/vue-form";
+import { S as i, pipe as Ae, Option as h } from "effect-app";
+import { VTextField as Y, VSelect as Me } from "vuetify/components";
+import { mdiRefresh as qe, mdiLink as Ue } from "@mdi/js";
+function Le(e, n) {
+  return S(() => n ? M(e.store, (r) => {
     const o = {};
     for (const a of n)
       o[a] = r[a];
     return o;
   }).value : {});
 }
-const F = Symbol();
-function se(e, n) {
-  const t = C([]), r = (u) => {
+const N = Symbol();
+function ae(e, n) {
+  const t = ee([]), r = (u) => {
     t.value = t.value.filter((l) => l.inputId !== u);
   }, o = (u) => {
     r(u.inputId), t.value.push(u);
@@ -46,25 +27,25 @@ function se(e, n) {
     formSubmissionAttempts: e,
     generalErrors: n
   };
-  return ne(F, d), d;
+  return te(N, d), d;
 }
-function x() {
-  const e = re(F);
+function V() {
+  const e = ne(N);
   if (!e)
     throw new Error("useOmegaErrors must be used within an OmegaForm provider");
   return e;
 }
-const Fe = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const $e = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  OmegaErrorsKey: F,
-  provideOmegaErrors: se,
-  useOmegaErrors: x
-}, Symbol.toStringTag, { value: "Module" })), ie = Symbol(), oe = () => {
-  const e = re(ie);
+  OmegaErrorsKey: N,
+  provideOmegaErrors: ae,
+  useOmegaErrors: V
+}, Symbol.toStringTag, { value: "Module" })), ie = Symbol(), se = () => {
+  const e = ne(ie);
   if (!e)
     throw new Error("useIntl must be used within a IntlProvider");
   return e;
-}, ot = (e) => ne(ie, e), xe = s.NonEmptyArray(s.String), Be = (e) => s.AST.isUnion(e) && e.types.find((n) => n._tag === "UndefinedKeyword" || n === s.Null.ast), je = (e) => !e || !s.AST.isUnion(e) ? !1 : e.types.find((n) => n._tag === "UndefinedKeyword") ? "undefined" : e.types.find((n) => n === s.Null.ast) ? "null" : !1, y = ({ meta: e = {}, parent: n = "", property: t, propertySignatures: r }, o = {}) => {
+}, rt = (e) => te(ie, e), Ne = i.NonEmptyArray(i.String), Ve = (e) => i.AST.isUnion(e) && e.types.find((n) => n._tag === "UndefinedKeyword" || n === i.Null.ast), Ce = (e) => !e || !i.AST.isUnion(e) ? !1 : e.types.find((n) => n._tag === "UndefinedKeyword") ? "undefined" : e.types.find((n) => n === i.Null.ast) ? "null" : !1, y = ({ meta: e = {}, parent: n = "", property: t, propertySignatures: r }, o = {}) => {
   if (t && t._tag === "Transformation")
     return y({
       parent: n,
@@ -78,10 +59,10 @@ const Fe = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
     });
   if (r) {
     for (const a of r) {
-      const d = n ? `${n}.${a.name.toString()}` : a.name.toString(), u = je(a.type), l = e.required ?? !u;
+      const d = n ? `${n}.${a.name.toString()}` : a.name.toString(), u = Ce(a.type), l = e.required ?? !u;
       let p = a.type;
-      if (s.AST.isUnion(a.type) && (p = a.type.types.find(
-        (m) => m._tag !== "UndefinedKeyword" && m !== s.Null.ast
+      if (i.AST.isUnion(a.type) && (p = a.type.types.find(
+        (m) => m._tag !== "UndefinedKeyword" && m !== i.Null.ast
       )), "propertySignatures" in p)
         Object.assign(
           o,
@@ -103,16 +84,16 @@ const Fe = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
     return o;
   }
   if (t) {
-    const a = Be(t);
-    if (Object.hasOwnProperty.call(e, "required") || (e.required = !a), s.AST.isUnion(t)) {
+    const a = Ve(t);
+    if (Object.hasOwnProperty.call(e, "required") || (e.required = !a), i.AST.isUnion(t)) {
       const u = t.types.find(
-        (l) => l._tag !== "UndefinedKeyword" && l !== s.Null.ast
+        (l) => l._tag !== "UndefinedKeyword" && l !== i.Null.ast
       );
       return "propertySignatures" in u ? y({
         propertySignatures: u.propertySignatures,
         parent: n,
         meta: e
-      }) : t.types.every(s.AST.isLiteral) ? {
+      }) : t.types.every(i.AST.isLiteral) ? {
         ...e,
         type: "select",
         members: t.types.map((l) => l.literal)
@@ -125,32 +106,32 @@ const Fe = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
         })
       };
     }
-    if (s.AST.isTupleType(t))
+    if (i.AST.isTupleType(t))
       return {
         ...e,
         type: "multiple",
         members: t.elements
       };
-    const d = s.AST.getAnnotation(
+    const d = i.AST.getAnnotation(
       t,
-      s.AST.JSONSchemaAnnotationId
+      i.AST.JSONSchemaAnnotationId
     ).pipe(h.getOrElse(() => ({})));
     return e = { ...e, ...d }, "from" in t ? y({
       parent: n,
       meta: e,
       property: t.from
-    }) : (e.type = s.AST.getAnnotation(
+    }) : (e.type = i.AST.getAnnotation(
       t,
-      s.AST.TitleAnnotationId
+      i.AST.TitleAnnotationId
     ).pipe(
       h.getOrElse(() => "unknown")
     ), e);
   }
   return o;
-}, le = (e) => {
+}, oe = (e) => {
   const n = e.ast, t = {};
   if (n._tag === "Transformation" || n._tag === "Refinement")
-    return le(s.make(n.from));
+    return oe(i.make(n.from));
   if ("propertySignatures" in n) {
     const r = y({
       propertySignatures: n.propertySignatures
@@ -166,17 +147,17 @@ const Fe = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
     o(r);
   }
   return t;
-}, Ke = (e) => s.extend(e, s.Struct({})), ue = (e) => {
-  const n = le(e), t = Ae(
+}, Fe = (e) => i.extend(e, i.Struct({})), le = (e) => {
+  const n = oe(e), t = Ae(
     e.ast,
     h.liftPredicate((r) => r._tag === "Refinement" && "filter" in r),
-    h.flatMap((r) => s.AST.getJSONSchemaAnnotation(r)),
+    h.flatMap((r) => i.AST.getJSONSchemaAnnotation(r)),
     h.filter((r) => "items" in r),
     h.filterMap(
-      ({ items: r }) => s.decodeUnknownOption(xe)(r)
+      ({ items: r }) => i.decodeUnknownOption(Ne)(r)
     ),
     h.zipWith(
-      s.AST.getMessageAnnotation(e.ast),
+      i.AST.getMessageAnnotation(e.ast),
       (r, o) => ({
         items: r,
         message: o("")
@@ -185,51 +166,51 @@ const Fe = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
     h.getOrUndefined
   );
   return { schema: e, meta: n, filterItems: t };
-}, me = (e) => {
-  const { trans: n } = oe();
+}, ue = (e) => {
+  const { trans: n } = se();
   let t;
   switch (e.type) {
     case "string":
-      t = s.String.annotations({
+      t = i.String.annotations({
         message: () => n("validation.empty")
-      }), e.format === "email" && (t = s.compose(
+      }), e.format === "email" && (t = i.compose(
         t,
-        s.Email.annotations({
+        i.Email.annotations({
           message: () => n("validation.email.invalid")
         })
       )), e.required && t.annotations({
         message: () => n("validation.empty")
-      }), e.maxLength && (t = t.pipe(s.maxLength(e.maxLength)).annotations({
+      }), e.maxLength && (t = t.pipe(i.maxLength(e.maxLength)).annotations({
         message: () => n("validation.string.maxLength", {
           maxLength: e.maxLength
         })
-      })), e.minLength && (t = t.pipe(s.minLength(e.minLength)).annotations({
+      })), e.minLength && (t = t.pipe(i.minLength(e.minLength)).annotations({
         message: () => n("validation.string.minLength", {
           minLength: e.minLength
         })
       }));
       break;
     case "number":
-      t = s.Number.annotations({
+      t = i.Number.annotations({
         message: () => n("validation.empty")
       }), e.required && t.annotations({
         message: () => n("validation.empty")
-      }), e.minimum && (t = t.pipe(s.greaterThanOrEqualTo(e.minimum)).annotations({
+      }), e.minimum && (t = t.pipe(i.greaterThanOrEqualTo(e.minimum)).annotations({
         message: () => n("validation.number.min", {
           minimum: e.minimum,
           isExclusive: !0
         })
-      })), e.maximum && (t = t.pipe(s.lessThanOrEqualTo(e.maximum)).annotations({
+      })), e.maximum && (t = t.pipe(i.lessThanOrEqualTo(e.maximum)).annotations({
         message: () => n("validation.number.max", {
           maximum: e.maximum,
           isExclusive: !0
         })
-      })), e.exclusiveMinimum && (t = t.pipe(s.greaterThan(e.exclusiveMinimum)).annotations({
+      })), e.exclusiveMinimum && (t = t.pipe(i.greaterThan(e.exclusiveMinimum)).annotations({
         message: () => n("validation.number.min", {
           minimum: e.exclusiveMinimum,
           isExclusive: !1
         })
-      })), e.exclusiveMaximum && (t = t.pipe(s.lessThan(e.exclusiveMaximum)).annotations({
+      })), e.exclusiveMaximum && (t = t.pipe(i.lessThan(e.exclusiveMaximum)).annotations({
         message: () => n("validation.number.max", {
           maximum: e.exclusiveMaximum,
           isExclusive: !1
@@ -237,7 +218,7 @@ const Fe = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
       }));
       break;
     case "select":
-      t = s.Literal(...e.members).annotations({
+      t = i.Literal(...e.members).annotations({
         message: () => ({
           message: n("validation.not_a_valid", {
             type: "select",
@@ -248,7 +229,7 @@ const Fe = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
       });
       break;
     case "multiple":
-      t = s.Array(s.String).annotations({
+      t = i.Array(i.String).annotations({
         message: () => n("validation.not_a_valid", {
           type: "multiple",
           message: e.members.join(", ")
@@ -256,26 +237,26 @@ const Fe = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
       });
       break;
     case "boolean":
-      t = s.Boolean;
+      t = i.Boolean;
       break;
     // todo: switch must be exhaustive or have default case, otherwise falls through with schema undefined.
     case "unknown":
-      t = s.Unknown;
+      t = i.Unknown;
       break;
   }
   return e.required ? t.pipe(
-    s.annotations({
+    i.annotations({
       message: () => n("validation.empty")
     })
-  ) : t = s.NullishOr(t), s.standardSchemaV1(t);
-}, Pe = (e, n) => s.NullOr(e).pipe(
-  s.transform(s.typeSchema(e), {
+  ) : t = i.NullishOr(t), i.standardSchemaV1(t);
+}, xe = (e, n) => i.NullOr(e).pipe(
+  i.transform(i.typeSchema(e), {
     decode: (t) => t ?? n(),
     encode: (t) => t
   })
-), de = (e, n) => {
+), me = (e, n) => {
   if (!e) throw new Error("Schema is required");
-  const t = s.standardSchemaV1(e), { filterItems: r, meta: o } = ue(e), a = Ie({
+  const t = i.standardSchemaV1(e), { filterItems: r, meta: o } = le(e), a = Ie({
     ...n,
     validators: {
       onSubmit: t,
@@ -291,7 +272,7 @@ const Fe = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
     } : void 0
   });
   return Object.assign(a, { meta: o, filterItems: r });
-}, Re = ["disabled"], De = /* @__PURE__ */ A({
+}, Be = ["disabled"], je = /* @__PURE__ */ q({
   __name: "OmegaWrapper",
   props: {
     subscribe: {},
@@ -308,16 +289,16 @@ const Fe = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
     onSubmit: { type: Function }
   },
   setup(e, { expose: n }) {
-    const t = e, r = t.form ?? de(t.schema, t), o = $(r.store, (l) => l.isSubmitting);
+    const t = e, r = t.form ?? me(t.schema, t), o = M(r.store, (l) => l.isSubmitting);
     n(r);
-    const a = Ve(
+    const a = Le(
       r,
       t.subscribe
-    ), d = $(
+    ), d = M(
       r.store,
       (l) => l.submissionAttempts
     ), u = r.useStore((l) => l.errors);
-    return L(
+    return U(
       () => [r.filterItems, u.value],
       () => {
         const l = r.filterItems;
@@ -335,18 +316,23 @@ const Fe = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
           });
         }), {}) : {} : {};
       }
-    ), se(d, u), (l, p) => (c(), S("form", {
+    ), ae(d, u), (l, p) => (c(), E("form", {
       onSubmit: p[0] || (p[0] = Oe((m) => f(r).handleSubmit(), ["prevent", "stop"]))
     }, [
-      k("fieldset", { disabled: f(o) }, [
-        ae(l.$slots, "default", {
+      T("fieldset", { disabled: f(o) }, [
+        re(l.$slots, "default", {
           form: f(r),
           subscribedValues: f(a)
         }, void 0, !0)
-      ], 8, Re)
+      ], 8, Be)
     ], 32));
   }
-}), fe = /* @__PURE__ */ V(De, [["__scopeId", "data-v-0de09910"]]), ze = { class: "omega-input" }, Je = /* @__PURE__ */ A({
+}), de = (e, n) => {
+  const t = e.__vccOpts || e;
+  for (const [r, o] of n)
+    t[r] = o;
+  return t;
+}, fe = /* @__PURE__ */ de(je, [["__scopeId", "data-v-0de09910"]]), Ke = { class: "omega-input" }, Pe = /* @__PURE__ */ q({
   __name: "OmegaInternalInput",
   props: {
     field: {},
@@ -357,92 +343,92 @@ const Fe = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
     validators: {}
   },
   setup(e) {
-    const n = e, t = _e(), r = n.field, o = $(r.store, (i) => i), a = O(() => {
-      var i, g;
-      return n.type ? n.type : ((i = n.meta) == null ? void 0 : i.type) === "string" ? n.meta.format === "email" ? "email" : "text" : ((g = n.meta) == null ? void 0 : g.type) || "unknown";
-    }), d = O(() => o.value.value), u = O(
-      () => o.value.meta.errors.map((i) => i.message).filter(Boolean)
+    const n = e, t = Ee(), r = n.field, o = M(r.store, (s) => s), a = S(() => {
+      var s, g;
+      return n.type ? n.type : ((s = n.meta) == null ? void 0 : s.type) === "string" ? n.meta.format === "email" ? "email" : "text" : ((g = n.meta) == null ? void 0 : g.type) || "unknown";
+    }), d = S(() => o.value.value), u = S(
+      () => o.value.meta.errors.map((s) => s.message).filter(Boolean)
     );
-    L(
+    U(
       () => [!!d.value],
       () => {
-        var i, g;
-        u.value.length && !d.value && !((i = n.meta) != null && i.required) && r.setValue(
+        var s, g;
+        u.value.length && !d.value && !((s = n.meta) != null && s.required) && r.setValue(
           ((g = n.meta) == null ? void 0 : g.nullableOrUndefined) === "undefined" ? void 0 : null
         );
       }
-    ), Ee(() => {
-      var i, g;
-      !d.value && !((i = n.meta) != null && i.required) && ((g = n.meta) == null ? void 0 : g.nullableOrUndefined) === "null" && r.setValue(null);
+    ), _e(() => {
+      var s, g;
+      !d.value && !((s = n.meta) != null && s.required) && ((g = n.meta) == null ? void 0 : g.nullableOrUndefined) === "null" && r.setValue(null);
     });
-    const l = C(!1), p = () => {
+    const l = ee(!1), p = () => {
       l.value = !0;
-    }, { addError: m, formSubmissionAttempts: b, removeError: ye } = x();
-    Te(() => {
+    }, { addError: m, formSubmissionAttempts: b, removeError: ye } = V();
+    ke(() => {
       b.value > 0 && (l.value = !0);
     });
-    const T = O(() => !l.value && a.value !== "select" ? [] : u.value);
-    return L(
+    const _ = S(() => !l.value && a.value !== "select" ? [] : u.value);
+    return U(
       () => o.value.meta.errors,
       () => {
         o.value.meta.errors.length ? m({
           inputId: t,
-          errors: o.value.meta.errors.map((i) => i.message).filter(Boolean),
+          errors: o.value.meta.errors.map((s) => s.message).filter(Boolean),
           label: n.label
         }) : ye(t);
       }
-    ), (i, g) => {
-      var B, j, K, P, R, D, z, J, W, G, H, Q;
-      const he = U("v-btn");
-      return c(), S("div", ze, [
-        a.value === "email" || a.value === "text" ? (c(), v(f(ee), {
+    ), (s, g) => {
+      var C, F, x, B, j, K, P, R, D, z, J, W;
+      const he = L("v-btn");
+      return c(), E("div", Ke, [
+        a.value === "email" || a.value === "text" ? (c(), v(f(Y), {
           key: 0,
           id: f(t),
-          required: (B = i.meta) == null ? void 0 : B.required,
-          "min-length": ((j = i.meta) == null ? void 0 : j.type) === "string" && ((K = i.meta) == null ? void 0 : K.minLength),
-          "max-length": ((P = i.meta) == null ? void 0 : P.type) === "string" && ((R = i.meta) == null ? void 0 : R.maxLength),
+          required: (C = s.meta) == null ? void 0 : C.required,
+          "min-length": ((F = s.meta) == null ? void 0 : F.type) === "string" && ((x = s.meta) == null ? void 0 : x.minLength),
+          "max-length": ((B = s.meta) == null ? void 0 : B.type) === "string" && ((j = s.meta) == null ? void 0 : j.maxLength),
           type: a.value,
-          name: i.field.name,
-          label: `${i.label}${(D = i.meta) != null && D.required ? " *" : ""}`,
-          "model-value": i.field.state.value,
-          "error-messages": T.value,
-          error: !!T.value.length,
-          "onUpdate:modelValue": i.field.handleChange,
+          name: s.field.name,
+          label: `${s.label}${(K = s.meta) != null && K.required ? " *" : ""}`,
+          "model-value": s.field.state.value,
+          "error-messages": _.value,
+          error: !!_.value.length,
+          "onUpdate:modelValue": s.field.handleChange,
           onBlur: p
         }, null, 8, ["id", "required", "min-length", "max-length", "type", "name", "label", "model-value", "error-messages", "error", "onUpdate:modelValue"])) : w("", !0),
-        a.value === "number" ? (c(), v(f(ee), {
+        a.value === "number" ? (c(), v(f(Y), {
           key: 1,
           id: f(t),
-          required: (z = i.meta) == null ? void 0 : z.required,
-          min: ((J = i.meta) == null ? void 0 : J.type) === "number" && i.meta.minimum,
-          max: ((W = i.meta) == null ? void 0 : W.type) === "number" && i.meta.maximum,
+          required: (P = s.meta) == null ? void 0 : P.required,
+          min: ((R = s.meta) == null ? void 0 : R.type) === "number" && s.meta.minimum,
+          max: ((D = s.meta) == null ? void 0 : D.type) === "number" && s.meta.maximum,
           type: a.value,
-          name: i.field.name,
-          label: `${i.label}${(G = i.meta) != null && G.required ? " *" : ""}`,
-          "model-value": i.field.state.value,
-          "error-messages": T.value,
-          error: !!T.value.length,
-          "onUpdate:modelValue": g[0] || (g[0] = (X) => {
-            i.field.handleChange(Number(X));
+          name: s.field.name,
+          label: `${s.label}${(z = s.meta) != null && z.required ? " *" : ""}`,
+          "model-value": s.field.state.value,
+          "error-messages": _.value,
+          error: !!_.value.length,
+          "onUpdate:modelValue": g[0] || (g[0] = (G) => {
+            s.field.handleChange(Number(G));
           }),
           onBlur: p
         }, null, 8, ["id", "required", "min", "max", "type", "name", "label", "model-value", "error-messages", "error"])) : w("", !0),
-        a.value === "select" || a.value === "multiple" ? (c(), S("div", {
+        a.value === "select" || a.value === "multiple" ? (c(), E("div", {
           key: 2,
-          class: ke(a.value !== "multiple" && "d-flex align-center")
+          class: Te(a.value !== "multiple" && "d-flex align-center")
         }, [
-          q(f(Me), {
+          A(f(Me), {
             id: f(t),
-            required: (H = i.meta) == null ? void 0 : H.required,
+            required: (J = s.meta) == null ? void 0 : J.required,
             multiple: a.value === "multiple",
             chips: a.value === "multiple",
-            name: i.field.name,
-            "model-value": i.field.state.value,
-            label: `${i.label}${(Q = i.meta) != null && Q.required ? " *" : ""}`,
-            items: i.options,
-            "error-messages": T.value,
-            error: !!T.value.length,
-            "onUpdate:modelValue": i.field.handleChange,
+            name: s.field.name,
+            "model-value": s.field.state.value,
+            label: `${s.label}${(W = s.meta) != null && W.required ? " *" : ""}`,
+            items: s.options,
+            "error-messages": _.value,
+            error: !!_.value.length,
+            "onUpdate:modelValue": s.field.handleChange,
             onBlur: p
           }, null, 8, ["id", "required", "multiple", "chips", "name", "model-value", "label", "items", "error-messages", "error", "onUpdate:modelValue"]),
           a.value !== "multiple" ? (c(), v(he, {
@@ -451,13 +437,13 @@ const Fe = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
             "variant-icon": f(qe),
             class: "mr-2",
             title: "Reset",
-            onClick: g[1] || (g[1] = (X) => i.field.handleChange(void 0))
+            onClick: g[1] || (g[1] = (G) => s.field.handleChange(void 0))
           }, null, 8, ["variant-icon"])) : w("", !0)
         ], 2)) : w("", !0)
       ]);
     };
   }
-}), ce = /* @__PURE__ */ A({
+}), ce = /* @__PURE__ */ q({
   __name: "OmegaInput",
   props: {
     form: {},
@@ -468,10 +454,10 @@ const Fe = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
     type: {}
   },
   setup(e) {
-    const n = e, t = O(() => n.form.meta[n.name]), r = O(() => {
+    const n = e, t = S(() => n.form.meta[n.name]), r = S(() => {
       if (!t.value)
         throw new Error("Meta is undefined");
-      return me(t.value);
+      return ue(t.value);
     });
     return (o, a) => (c(), v(I(o.form.Field), {
       name: o.name,
@@ -480,17 +466,17 @@ const Fe = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
         ...o.validators
       }
     }, {
-      default: _(({
+      default: O(({
         field: d
       }) => [
-        ae(o.$slots, "default", {
+        re(o.$slots, "default", {
           field: d,
           label: o.label,
           options: o.options,
           meta: t.value,
           type: o.type
         }, () => [
-          q(Je, {
+          A(Pe, {
             field: d,
             label: o.label,
             options: o.options,
@@ -502,13 +488,13 @@ const Fe = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
       _: 3
     }, 8, ["name", "validators"]));
   }
-}), We = {
+}), Re = {
   key: 0,
   class: "error-alert"
-}, Ge = { class: "text-h6 mb-3" }, He = { class: "font-weight-medium" }, Qe = { class: "error-message" }, Xe = ["href"], Ye = { key: 1 }, Ze = /* @__PURE__ */ A({
+}, De = { class: "text-h6 mb-3" }, ze = { class: "font-weight-medium" }, Je = { class: "error-message" }, We = ["href"], Ge = { key: 1 }, He = /* @__PURE__ */ q({
   __name: "OmegaErrors",
   setup(e) {
-    const { errors: n, formSubmissionAttempts: t, generalErrors: r } = x(), { trans: o } = oe(), a = O(() => r.value ? r.value.filter(
+    const { errors: n, formSubmissionAttempts: t, generalErrors: r } = V(), { trans: o } = se(), a = S(() => r.value ? r.value.filter(
       (d) => !!d
     ).flatMap(
       (d) => Object.values(d).filter((u) => !!u).flatMap(
@@ -518,36 +504,36 @@ const Fe = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
       )
     ) : []);
     return (d, u) => {
-      const l = U("v-icon"), p = U("v-alert");
+      const l = L("v-icon"), p = L("v-alert");
       return c(), v(we, null, {
-        default: _(() => [
-          f(t) > 0 && (f(n).length || a.value.length) ? (c(), S("div", We, [
-            q(p, {
+        default: O(() => [
+          f(t) > 0 && (f(n).length || a.value.length) ? (c(), E("div", Re, [
+            A(p, {
               type: "error",
               variant: "tonal",
               role: "alert",
               "aria-live": "polite",
               class: "mb-4"
             }, {
-              default: _(() => [
-                k("div", Ge, E(f(o)("form.includes_error")) + ":", 1),
+              default: O(() => [
+                T("div", De, k(f(o)("form.includes_error")) + ":", 1),
                 f(n).length ? (c(), v(I(f(n).length > 1 ? "ul" : "div"), {
                   key: 0,
                   class: "error-list"
                 }, {
-                  default: _(() => [
-                    (c(!0), S(Y, null, Z(f(n), (m) => (c(), v(I(f(n).length > 1 ? "li" : "div"), {
+                  default: O(() => [
+                    (c(!0), E(H, null, Q(f(n), (m) => (c(), v(I(f(n).length > 1 ? "li" : "div"), {
                       key: m.inputId,
                       class: "error-item"
                     }, {
-                      default: _(() => [
-                        k("div", He, E(m.label), 1),
-                        k("div", Qe, [
+                      default: O(() => [
+                        T("div", ze, k(m.label), 1),
+                        T("div", Je, [
                           (c(), v(I(m.errors.length > 1 ? "ul" : "div"), { class: "error-list" }, {
-                            default: _(() => [
-                              (c(!0), S(Y, null, Z(m.errors, (b) => (c(), v(I(m.errors.length > 1 ? "li" : "span"), { key: b }, {
-                                default: _(() => [
-                                  M(E(b), 1)
+                            default: O(() => [
+                              (c(!0), E(H, null, Q(m.errors, (b) => (c(), v(I(m.errors.length > 1 ? "li" : "span"), { key: b }, {
+                                default: O(() => [
+                                  X(k(b), 1)
                                 ]),
                                 _: 2
                               }, 1024))), 128))
@@ -555,19 +541,19 @@ const Fe = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
                             _: 2
                           }, 1024))
                         ]),
-                        k("a", {
+                        T("a", {
                           href: `#${m.inputId}`,
                           class: "error-link"
                         }, [
-                          q(l, { icon: f($e) }, null, 8, ["icon"]),
-                          M(" " + E(f(o)("form.fix_input")), 1)
-                        ], 8, Xe)
+                          A(l, { icon: f(Ue) }, null, 8, ["icon"]),
+                          X(" " + k(f(o)("form.fix_input")), 1)
+                        ], 8, We)
                       ]),
                       _: 2
                     }, 1024))), 128))
                   ]),
                   _: 1
-                })) : (c(), S("span", Ye, E(a.value[0]), 1))
+                })) : (c(), E("span", Ge, k(a.value[0]), 1))
               ]),
               _: 1
             })
@@ -577,48 +563,46 @@ const Fe = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
       });
     };
   }
-}), pe = /* @__PURE__ */ V(Ze, [["__scopeId", "data-v-55fda615"]]), ge = N(fe), ve = N(ce), be = N(pe);
-function et() {
+}), pe = /* @__PURE__ */ de(He, [["__scopeId", "data-v-55fda615"]]), ge = $(fe), ve = $(ce), be = $(pe);
+function Qe() {
   customElements.get("omega-form") || customElements.define("omega-form", ge), customElements.get("omega-input") || customElements.define("omega-input", ve), customElements.get("omega-errors") || customElements.define("omega-errors", be);
 }
-const te = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const Z = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   OmegaErrors: pe,
   OmegaErrorsCE: be,
-  OmegaErrorsContext: Fe,
+  OmegaErrorsContext: $e,
   OmegaForm: fe,
   OmegaFormCE: ge,
   OmegaInput: ce,
   OmegaInputCE: ve,
-  TestComponent: Ne,
-  duplicateSchema: Ke,
-  generateInputStandardSchemaFromFieldMeta: me,
-  generateMetaFromSchema: ue,
-  nullableInput: Pe,
-  registerOmegaForm: et,
-  useOmegaForm: de
+  duplicateSchema: Fe,
+  generateInputStandardSchemaFromFieldMeta: ue,
+  generateMetaFromSchema: le,
+  nullableInput: xe,
+  registerOmegaForm: Qe,
+  useOmegaForm: me
 }, Symbol.toStringTag, { value: "Module" }));
-function tt(e) {
-  for (const n in te)
-    e.component(n, te[n]);
+function Xe(e) {
+  for (const n in Z)
+    e.component(n, Z[n]);
 }
-const lt = { install: tt };
+const at = { install: Xe };
 export {
   pe as OmegaErrors,
   be as OmegaErrorsCE,
-  Fe as OmegaErrorsContext,
+  $e as OmegaErrorsContext,
   fe as OmegaForm,
   ge as OmegaFormCE,
   ce as OmegaInput,
   ve as OmegaInputCE,
-  Ne as TestComponent,
-  lt as default,
-  Ke as duplicateSchema,
-  me as generateInputStandardSchemaFromFieldMeta,
-  ue as generateMetaFromSchema,
-  Pe as nullableInput,
-  ot as provideIntl,
-  et as registerOmegaForm,
-  oe as useIntl,
-  de as useOmegaForm
+  at as default,
+  Fe as duplicateSchema,
+  ue as generateInputStandardSchemaFromFieldMeta,
+  le as generateMetaFromSchema,
+  xe as nullableInput,
+  rt as provideIntl,
+  Qe as registerOmegaForm,
+  se as useIntl,
+  me as useOmegaForm
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@effect-app/vue-components",
-  "version": "0.0.1",
+  "version": "0.0.2",
   "peerDependencies": {
     "@mdi/js": "^7.4.47",
     "@tanstack/vue-form": "^1.1.3",
@@ -33,7 +33,7 @@
       "types": "./dist/types/index.d.ts",
       "import": "./dist/vue-components.es.js"
     },
-    "./dist/style.css": "./dist/style.css"
+    "./dist/vue-components.css": "./dist/vue-components.css"
   },
   "dependencies": {
     "@effect-app/vue": "2.39.2",

package/src/components/index.ts

@@ -1,6 +1 @@
-import TestComponent from './TestComponent.vue'
-
 export * from "./OmegaForm"
-export {
-  TestComponent
-}

package/dist/types/components/TestComponent.vue.d.ts

@@ -1,6 +0,0 @@
-import "./style.css";
-type __VLS_Props = {
-    test: string;
-};
-declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-export default _default;

package/src/components/TestComponent.vue

@@ -1,15 +0,0 @@
-<template>
-  <div class="cool">I'm so <span class="super">{{ cool }}</span> {{ test }}</div>
-</template>
-<style scoped>
-.super {
-  color: aqua;
-}
-</style>
-<script setup lang="ts">
-import "./style.css"
-import { ref, defineProps } from "vue"
-const cool = ref("COOL")
-
-defineProps<{ test: string }>()
-</script>