@effect-app/vue-components 1.9.0 → 1.9.1

package/dist/vue-components.es14.js

@@ -1,5 +1,5 @@
 import { Exit as c, Runtime as u } from "effect";
-import { dual as n, isFunction as m } from "./vue-components.es28.js";
+import { dual as n, isFunction as m } from "./vue-components.es26.js";
 const i = Symbol.for("clone-trait"), a = n(2, (e, t) => i in e ? e[i](t) : Object.setPrototypeOf(t, Object.getPrototypeOf(e)));
 n(2, (e, t) => a(e, { ...e, ...m(t) ? t(e) : t }));
 const p = (e, t) => new Promise((o, s) => e.addObserver((r) => {

package/dist/vue-components.es15.js

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

package/dist/vue-components.es18.js

@@ -1,7 +1,7 @@
 (function(){"use strict";try{if(typeof document<"u"){var a=document.createElement("style");if(a.appendChild(document.createTextNode(".v-enter-from[data-v-d4ffe76f],.v-leave-to[data-v-d4ffe76f]{max-height:0px;grid-template-rows:0fr;opacity:0}.v-enter-active[data-v-d4ffe76f],.v-leave-active[data-v-d4ffe76f]{display:grid;transition:all .15s}.v-enter-to[data-v-d4ffe76f],.v-leave-from[data-v-d4ffe76f]{grid-template-rows:1fr;max-height:50vh;opacity:1}.error-alert[data-v-d4ffe76f]{transition-behavior:allow-discrete;display:grid;overflow:hidden;min-height:0}.error-alert>*[data-v-d4ffe76f]{min-height:0}.error-list[data-v-d4ffe76f]{list-style-position:inside}div.error-list[data-v-d4ffe76f]{container-type:inline-size;display:grid;grid-template-columns:auto 1fr auto;gap:1.5em;align-items:start}@container (max-width: 27.125rem){div.error-list[data-v-d4ffe76f]{grid-template-columns:auto 1fr}.error-link[data-v-d4ffe76f]{grid-column:1 / -1;justify-self:end}}@container (max-width: 17.75rem){div.error-list[data-v-d4ffe76f]{grid-template-columns:1fr}.error-message[data-v-d4ffe76f]{grid-column:1 / -1}}.error-item[data-v-d4ffe76f]{display:contents}a[data-v-d4ffe76f]{min-width:min-content}.error-link[data-v-d4ffe76f]{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(r,t){const i=t.prototype.connectedCallback;return t.prototype.connectedCallback=function(){if(i&&i.call(this),this.shadowRoot){const d=document.createElement("style");d.appendChild(document.createTextNode(".v-enter-from[data-v-d4ffe76f],.v-leave-to[data-v-d4ffe76f]{max-height:0px;grid-template-rows:0fr;opacity:0}.v-enter-active[data-v-d4ffe76f],.v-leave-active[data-v-d4ffe76f]{display:grid;transition:all .15s}.v-enter-to[data-v-d4ffe76f],.v-leave-from[data-v-d4ffe76f]{grid-template-rows:1fr;max-height:50vh;opacity:1}.error-alert[data-v-d4ffe76f]{transition-behavior:allow-discrete;display:grid;overflow:hidden;min-height:0}.error-alert>*[data-v-d4ffe76f]{min-height:0}.error-list[data-v-d4ffe76f]{list-style-position:inside}div.error-list[data-v-d4ffe76f]{container-type:inline-size;display:grid;grid-template-columns:auto 1fr auto;gap:1.5em;align-items:start}@container (max-width: 27.125rem){div.error-list[data-v-d4ffe76f]{grid-template-columns:auto 1fr}.error-link[data-v-d4ffe76f]{grid-column:1 / -1;justify-self:end}}@container (max-width: 17.75rem){div.error-list[data-v-d4ffe76f]{grid-template-columns:1fr}.error-message[data-v-d4ffe76f]{grid-column:1 / -1}}.error-item[data-v-d4ffe76f]{display:contents}a[data-v-d4ffe76f]{min-width:min-content}.error-link[data-v-d4ffe76f]{align-items:center;color:inherit;display:inline-flex;flex-wrap:wrap;gap:.25em;padding-bottom:1em;text-decoration:none}")),this.shadowRoot.appendChild(d)}},e.call(window.customElements,r,t)}}}}catch(e){console.error("vite-plugin-css-injected-by-js",e)}})();
-import r from "./vue-components.es31.js";
+import r from "./vue-components.es29.js";
 
-import o from "./vue-components.es33.js";
+import o from "./vue-components.es31.js";
 const e = /* @__PURE__ */ o(r, [["__scopeId", "data-v-d4ffe76f"]]);
 export {
   e as default

package/dist/vue-components.es19.js

@@ -1,7 +1,7 @@
 (function(){"use strict";try{if(typeof document<"u"){var n=document.createElement("style");if(n.appendChild(document.createTextNode("fieldset[data-v-8fe92df3]{display:contents}fieldset[disabled][data-v-8fe92df3]>*{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-8fe92df3]{display:contents}fieldset[disabled][data-v-8fe92df3]>*{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.es34.js";
+import o from "./vue-components.es32.js";
 
-import m from "./vue-components.es33.js";
+import m from "./vue-components.es31.js";
 const a = /* @__PURE__ */ m(o, [["__scopeId", "data-v-8fe92df3"]]);
 export {
   a as default

package/dist/vue-components.es26.js

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

package/dist/vue-components.es27.js

@@ -0,0 +1,4 @@
+import f from "./vue-components.es16.js";
+export {
+  f as default
+};

package/dist/vue-components.es28.js

@@ -1,44 +1,4 @@
-const f = (c) => typeof c == "function", a = function(c, r) {
-  switch (c) {
-    case 0:
-    case 1:
-      throw new RangeError(`Invalid arity ${c}`);
-    case 2:
-      return function(n, t) {
-        return arguments.length >= 2 ? r(n, t) : function(e) {
-          return r(e, n);
-        };
-      };
-    case 3:
-      return function(n, t, e) {
-        return arguments.length >= 3 ? r(n, t, e) : function(u) {
-          return r(u, n, t);
-        };
-      };
-    case 4:
-      return function(n, t, e, u) {
-        return arguments.length >= 4 ? r(n, t, e, u) : function(i) {
-          return r(i, n, t, e);
-        };
-      };
-    case 5:
-      return function(n, t, e, u, i) {
-        return arguments.length >= 5 ? r(n, t, e, u, i) : function(s) {
-          return r(s, n, t, e, u);
-        };
-      };
-    default:
-      return function() {
-        if (arguments.length >= c)
-          return r.apply(this, arguments);
-        const n = arguments;
-        return function(t) {
-          return r(t, ...n);
-        };
-      };
-  }
-};
+import f from "./vue-components.es17.js";
 export {
-  a as dual,
-  f as isFunction
+  f as default
 };

package/dist/vue-components.es29.js

@@ -1,4 +1,91 @@
-import f from "./vue-components.es16.js";
+import { defineComponent as y, getCurrentInstance as E, computed as C, createBlock as n, openBlock as e, Transition as x, withCtx as o, createElementBlock as d, createCommentVNode as B, renderSlot as b, normalizeProps as I, guardReactiveProps as w, resolveDynamicComponent as s, unref as a, normalizeClass as V, createElementVNode as c, toDisplayString as u, Fragment as p, renderList as _, createTextVNode as k } from "vue";
+import { mdiLink as N } from "@mdi/js";
+import { useIntl as z } from "./vue-components.es3.js";
+const D = {
+  key: 0,
+  class: "error-alert"
+}, G = { class: "text-h6 mb-3" }, L = { class: "font-weight-medium" }, M = { class: "error-message" }, O = ["href"], P = { key: 1 }, A = /* @__PURE__ */ y({
+  __name: "OmegaErrorsInternal",
+  props: {
+    generalErrors: {},
+    errors: {}
+  },
+  setup(t) {
+    const m = E()?.appContext.components.VAlert, h = t, { trans: g } = z(), f = C(() => h.generalErrors ? h.generalErrors.filter((i) => !!i).flatMap(
+      (i) => Object.values(i).filter((l) => !!l).flatMap(
+        (l) => l.filter(
+          (r) => !!r?.message
+        ).map((r) => r.message)
+      )
+    ) : []);
+    return (i, l) => (e(), n(x, null, {
+      default: o(() => [
+        t.errors.length || f.value.length ? (e(), d("div", D, [
+          b(i.$slots, "default", I(w({ errors: t.errors, showedGeneralErrors: f.value })), () => [
+            (e(), n(s(a(m) ? "v-alert" : "div"), {
+              class: V([a(m) ? "mb-4" : "error-alert-content", "mb-4"]),
+              type: "error",
+              variant: "tonal",
+              role: "alert",
+              "aria-live": "polite"
+            }, {
+              default: o(() => [
+                c("div", G, u(a(g)("form.includes_error")) + ": ", 1),
+                t.errors.length ? (e(), n(s(t.errors.length > 1 ? "ul" : "div"), {
+                  key: 0,
+                  class: "error-list"
+                }, {
+                  default: o(() => [
+                    (e(!0), d(p, null, _(t.errors, (r) => (e(), n(s(t.errors.length > 1 ? "li" : "div"), {
+                      key: r.inputId,
+                      class: "error-item"
+                    }, {
+                      default: o(() => [
+                        c("div", L, u(r.label), 1),
+                        c("div", M, [
+                          (e(), n(s(r.errors.length > 1 ? "ul" : "div"), { class: "error-list" }, {
+                            default: o(() => [
+                              (e(!0), d(p, null, _(r.errors, (v) => (e(), n(s(r.errors.length > 1 ? "li" : "span"), { key: v }, {
+                                default: o(() => [
+                                  k(u(v), 1)
+                                ]),
+                                _: 2
+                              }, 1024))), 128))
+                            ]),
+                            _: 2
+                          }, 1024))
+                        ]),
+                        c("a", {
+                          href: `#${r.inputId}`,
+                          class: "error-link"
+                        }, [
+                          (e(), n(s(a(m) ? "v-icon" : "i"), {
+                            icon: a(N),
+                            "aria-hidden": "true"
+                          }, {
+                            default: o(() => [...l[0] || (l[0] = [
+                              c("i", null, "🔗", -1)
+                            ])]),
+                            _: 1
+                          }, 8, ["icon"])),
+                          k(" " + u(a(g)("form.fix_input")), 1)
+                        ], 8, O)
+                      ]),
+                      _: 2
+                    }, 1024))), 128))
+                  ]),
+                  _: 1
+                })) : (e(), d("span", P, u(f.value[0]), 1))
+              ]),
+              _: 1
+            }, 8, ["class"]))
+          ], !0)
+        ])) : B("", !0)
+      ]),
+      _: 3
+    }));
+  }
+});
 export {
-  f as default
+  A as default
 };

package/dist/vue-components.es31.js

@@ -1,91 +1,9 @@
-import { defineComponent as y, getCurrentInstance as E, computed as C, createBlock as n, openBlock as e, Transition as x, withCtx as o, createElementBlock as d, createCommentVNode as B, renderSlot as b, normalizeProps as I, guardReactiveProps as w, resolveDynamicComponent as s, unref as a, normalizeClass as V, createElementVNode as c, toDisplayString as u, Fragment as p, renderList as _, createTextVNode as k } from "vue";
-import { mdiLink as N } from "@mdi/js";
-import { useIntl as z } from "./vue-components.es3.js";
-const D = {
-  key: 0,
-  class: "error-alert"
-}, G = { class: "text-h6 mb-3" }, L = { class: "font-weight-medium" }, M = { class: "error-message" }, O = ["href"], P = { key: 1 }, A = /* @__PURE__ */ y({
-  __name: "OmegaErrorsInternal",
-  props: {
-    generalErrors: {},
-    errors: {}
-  },
-  setup(t) {
-    const m = E()?.appContext.components.VAlert, h = t, { trans: g } = z(), f = C(() => h.generalErrors ? h.generalErrors.filter((i) => !!i).flatMap(
-      (i) => Object.values(i).filter((l) => !!l).flatMap(
-        (l) => l.filter(
-          (r) => !!r?.message
-        ).map((r) => r.message)
-      )
-    ) : []);
-    return (i, l) => (e(), n(x, null, {
-      default: o(() => [
-        t.errors.length || f.value.length ? (e(), d("div", D, [
-          b(i.$slots, "default", I(w({ errors: t.errors, showedGeneralErrors: f.value })), () => [
-            (e(), n(s(a(m) ? "v-alert" : "div"), {
-              class: V([a(m) ? "mb-4" : "error-alert-content", "mb-4"]),
-              type: "error",
-              variant: "tonal",
-              role: "alert",
-              "aria-live": "polite"
-            }, {
-              default: o(() => [
-                c("div", G, u(a(g)("form.includes_error")) + ": ", 1),
-                t.errors.length ? (e(), n(s(t.errors.length > 1 ? "ul" : "div"), {
-                  key: 0,
-                  class: "error-list"
-                }, {
-                  default: o(() => [
-                    (e(!0), d(p, null, _(t.errors, (r) => (e(), n(s(t.errors.length > 1 ? "li" : "div"), {
-                      key: r.inputId,
-                      class: "error-item"
-                    }, {
-                      default: o(() => [
-                        c("div", L, u(r.label), 1),
-                        c("div", M, [
-                          (e(), n(s(r.errors.length > 1 ? "ul" : "div"), { class: "error-list" }, {
-                            default: o(() => [
-                              (e(!0), d(p, null, _(r.errors, (v) => (e(), n(s(r.errors.length > 1 ? "li" : "span"), { key: v }, {
-                                default: o(() => [
-                                  k(u(v), 1)
-                                ]),
-                                _: 2
-                              }, 1024))), 128))
-                            ]),
-                            _: 2
-                          }, 1024))
-                        ]),
-                        c("a", {
-                          href: `#${r.inputId}`,
-                          class: "error-link"
-                        }, [
-                          (e(), n(s(a(m) ? "v-icon" : "i"), {
-                            icon: a(N),
-                            "aria-hidden": "true"
-                          }, {
-                            default: o(() => [...l[0] || (l[0] = [
-                              c("i", null, "🔗", -1)
-                            ])]),
-                            _: 1
-                          }, 8, ["icon"])),
-                          k(" " + u(a(g)("form.fix_input")), 1)
-                        ], 8, O)
-                      ]),
-                      _: 2
-                    }, 1024))), 128))
-                  ]),
-                  _: 1
-                })) : (e(), d("span", P, u(f.value[0]), 1))
-              ]),
-              _: 1
-            }, 8, ["class"]))
-          ], !0)
-        ])) : B("", !0)
-      ]),
-      _: 3
-    }));
-  }
-});
+const s = (t, e) => {
+  const o = t.__vccOpts || t;
+  for (const [r, c] of e)
+    o[r] = c;
+  return o;
+};
 export {
-  A as default
+  s as default
 };

package/dist/vue-components.es32.js

@@ -0,0 +1,33 @@
+import { defineComponent as m, createElementBlock as d, openBlock as a, withModifiers as l, createElementVNode as u, unref as s, renderSlot as b } from "vue";
+import { useStore as f } from "@tanstack/vue-form";
+import { getOmegaStore as c } from "./vue-components.es36.js";
+const p = ["disabled"], V = /* @__PURE__ */ m({
+  __name: "OmegaWrapper",
+  props: {
+    form: {},
+    disabled: { type: Boolean },
+    subscribe: {}
+  },
+  setup(e) {
+    const t = e, i = f(
+      t.form.store,
+      (o) => o.isSubmitting
+    ), n = c(
+      t.form,
+      t.subscribe
+    );
+    return (o, r) => (a(), d("form", {
+      novalidate: "",
+      onSubmit: r[0] || (r[0] = l((S) => e.form.handleSubmit(), ["prevent", "stop"]))
+    }, [
+      u("fieldset", {
+        disabled: s(i) || e.disabled
+      }, [
+        b(o.$slots, "default", { subscribedValues: s(n) }, void 0, !0)
+      ], 8, p)
+    ], 32));
+  }
+});
+export {
+  V as default
+};

package/dist/vue-components.es34.js

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

package/dist/vue-components.es36.js

@@ -1,6 +1,13 @@
-(function(){"use strict";try{if(typeof document<"u"){var i=document.createElement("style");if(i.appendChild(document.createTextNode(".omega-input .v-input__details:has(.v-messages:empty){grid-template-rows:0fr;transition:all .2s}.omega-input .v-messages:empty{min-height:0}.omega-input .v-input__details:has(.v-messages){transition:all .2s;overflow:hidden;min-height:0;display:grid;grid-template-rows:1fr}.omega-input .v-messages{transition:all .2s}.omega-input .v-messages>*{transition-duration:0s!important}.omega-input [role=alert]:has(.v-messages:empty){padding:0}.omega-input .v-btn{cursor:pointer;width:auto;appearance:none;box-shadow:none;display:block;min-width:auto;height:auto;padding:.5em .5em .5em 1em}")),document.head.appendChild(i),window.customElements){const e=window.customElements.define;window.customElements.define=function(s,t){const n=t.prototype.connectedCallback;return t.prototype.connectedCallback=function(){if(n&&n.call(this),this.shadowRoot){const a=document.createElement("style");a.appendChild(document.createTextNode(".omega-input .v-input__details:has(.v-messages:empty){grid-template-rows:0fr;transition:all .2s}.omega-input .v-messages:empty{min-height:0}.omega-input .v-input__details:has(.v-messages){transition:all .2s;overflow:hidden;min-height:0;display:grid;grid-template-rows:1fr}.omega-input .v-messages{transition:all .2s}.omega-input .v-messages>*{transition-duration:0s!important}.omega-input [role=alert]:has(.v-messages:empty){padding:0}.omega-input .v-btn{cursor:pointer;width:auto;appearance:none;box-shadow:none;display:block;min-width:auto;height:auto;padding:.5em .5em .5em 1em}")),this.shadowRoot.appendChild(a)}},e.call(window.customElements,s,t)}}}}catch(e){console.error("vite-plugin-css-injected-by-js",e)}})();
-import o from "./vue-components.es26.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 {
-  o as default
+  c as getOmegaStore
 };

package/dist/vue-components.es37.js

@@ -1,13 +1,6 @@
-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 i=document.createElement("style");if(i.appendChild(document.createTextNode(".omega-input .v-input__details:has(.v-messages:empty){grid-template-rows:0fr;transition:all .2s}.omega-input .v-messages:empty{min-height:0}.omega-input .v-input__details:has(.v-messages){transition:all .2s;overflow:hidden;min-height:0;display:grid;grid-template-rows:1fr}.omega-input .v-messages{transition:all .2s}.omega-input .v-messages>*{transition-duration:0s!important}.omega-input [role=alert]:has(.v-messages:empty){padding:0}.omega-input .v-btn{cursor:pointer;width:auto;appearance:none;box-shadow:none;display:block;min-width:auto;height:auto;padding:.5em .5em .5em 1em}")),document.head.appendChild(i),window.customElements){const e=window.customElements.define;window.customElements.define=function(s,t){const n=t.prototype.connectedCallback;return t.prototype.connectedCallback=function(){if(n&&n.call(this),this.shadowRoot){const a=document.createElement("style");a.appendChild(document.createTextNode(".omega-input .v-input__details:has(.v-messages:empty){grid-template-rows:0fr;transition:all .2s}.omega-input .v-messages:empty{min-height:0}.omega-input .v-input__details:has(.v-messages){transition:all .2s;overflow:hidden;min-height:0;display:grid;grid-template-rows:1fr}.omega-input .v-messages{transition:all .2s}.omega-input .v-messages>*{transition-duration:0s!important}.omega-input [role=alert]:has(.v-messages:empty){padding:0}.omega-input .v-btn{cursor:pointer;width:auto;appearance:none;box-shadow:none;display:block;min-width:auto;height:auto;padding:.5em .5em .5em 1em}")),this.shadowRoot.appendChild(a)}},e.call(window.customElements,s,t)}}}}catch(e){console.error("vite-plugin-css-injected-by-js",e)}})();
+import o from "./vue-components.es34.js";
+
 export {
-  c as getOmegaStore
+  o as default
 };

package/dist/vue-components.es7.js

@@ -1,7 +1,7 @@
 (function(){"use strict";try{if(typeof document<"u"){var i=document.createElement("style");if(i.appendChild(document.createTextNode(".omega-input .v-input__details:has(.v-messages:empty){grid-template-rows:0fr;transition:all .2s}.omega-input .v-messages:empty{min-height:0}.omega-input .v-input__details:has(.v-messages){transition:all .2s;overflow:hidden;min-height:0;display:grid;grid-template-rows:1fr}.omega-input .v-messages{transition:all .2s}.omega-input .v-messages>*{transition-duration:0s!important}.omega-input [role=alert]:has(.v-messages:empty){padding:0}.omega-input .v-btn{cursor:pointer;width:auto;appearance:none;box-shadow:none;display:block;min-width:auto;height:auto;padding:.5em .5em .5em 1em}")),document.head.appendChild(i),window.customElements){const e=window.customElements.define;window.customElements.define=function(s,t){const n=t.prototype.connectedCallback;return t.prototype.connectedCallback=function(){if(n&&n.call(this),this.shadowRoot){const a=document.createElement("style");a.appendChild(document.createTextNode(".omega-input .v-input__details:has(.v-messages:empty){grid-template-rows:0fr;transition:all .2s}.omega-input .v-messages:empty{min-height:0}.omega-input .v-input__details:has(.v-messages){transition:all .2s;overflow:hidden;min-height:0;display:grid;grid-template-rows:1fr}.omega-input .v-messages{transition:all .2s}.omega-input .v-messages>*{transition-duration:0s!important}.omega-input [role=alert]:has(.v-messages:empty){padding:0}.omega-input .v-btn{cursor:pointer;width:auto;appearance:none;box-shadow:none;display:block;min-width:auto;height:auto;padding:.5em .5em .5em 1em}")),this.shadowRoot.appendChild(a)}},e.call(window.customElements,s,t)}}}}catch(e){console.error("vite-plugin-css-injected-by-js",e)}})();
 import { defineComponent as b, getCurrentInstance as C, useId as x, computed as n, onMounted as _, renderSlot as P, normalizeProps as m, guardReactiveProps as M, createElementVNode as N, normalizeClass as $, createBlock as V, createCommentVNode as k, unref as q, openBlock as B, mergeProps as F } from "vue";
 import { useStore as I } from "@tanstack/vue-form";
-import L from "./vue-components.es26.js";
+import L from "./vue-components.es34.js";
 
 const U = /* @__PURE__ */ b({
   inheritAttrs: !1,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@effect-app/vue-components",
-  "version": "1.9.0",
+  "version": "1.9.1",
   "peerDependencies": {
     "@mdi/js": "^7.4.47",
     "effect": "^3.18.0",
@@ -53,7 +53,7 @@
     "highlight.js": "^11.11.1",
     "mitt": "^3.0.1",
     "vue3-highlightjs": "^1.0.5",
-    "@effect-app/vue": "2.89.0",
+    "@effect-app/vue": "2.90.0",
     "effect-app": "3.11.0"
   },
   "scripts": {

package/dist/vue-components.es30.js

@@ -1,4 +0,0 @@
-import f from "./vue-components.es17.js";
-export {
-  f as default
-};

package/dist/vue-components.es33.js

@@ -1,9 +0,0 @@
-const s = (t, e) => {
-  const o = t.__vccOpts || t;
-  for (const [r, c] of e)
-    o[r] = c;
-  return o;
-};
-export {
-  s as default
-};