@effect-app/vue-components 1.1.1 → 1.3.0

package/dist/vue-components.es50.js

@@ -1,46 +1,4 @@
-import { VERSION as d } from "./vue-components.es49.js";
-var h = /^(\d+)\.(\d+)\.(\d+)(-(.+))?$/;
-function s(c) {
-  var m = /* @__PURE__ */ new Set([c]), f = /* @__PURE__ */ new Set(), t = c.match(h);
-  if (!t)
-    return function() {
-      return !1;
-    };
-  var e = {
-    major: +t[1],
-    minor: +t[2],
-    patch: +t[3],
-    prerelease: t[4]
-  };
-  if (e.prerelease != null)
-    return function(r) {
-      return r === c;
-    };
-  function a(n) {
-    return f.add(n), !1;
-  }
-  function p(n) {
-    return m.add(n), !0;
-  }
-  return function(r) {
-    if (m.has(r))
-      return !0;
-    if (f.has(r))
-      return !1;
-    var i = r.match(h);
-    if (!i)
-      return a(r);
-    var u = {
-      major: +i[1],
-      minor: +i[2],
-      patch: +i[3],
-      prerelease: i[4]
-    };
-    return u.prerelease != null || e.major !== u.major ? a(r) : e.major === 0 ? e.minor === u.minor && e.patch <= u.patch ? p(r) : a(r) : e.minor <= u.minor ? p(r) : a(r);
-  };
-}
-var v = s(d);
+var r = "1.9.0";
 export {
-  s as _makeCompatibilityCheck,
-  v as isCompatible
+  r as VERSION
 };

package/dist/vue-components.es51.js

@@ -1,4 +1,46 @@
-var o = typeof globalThis == "object" ? globalThis : typeof self == "object" ? self : typeof window == "object" ? window : typeof global == "object" ? global : {};
+import { VERSION as d } from "./vue-components.es50.js";
+var h = /^(\d+)\.(\d+)\.(\d+)(-(.+))?$/;
+function s(c) {
+  var m = /* @__PURE__ */ new Set([c]), f = /* @__PURE__ */ new Set(), t = c.match(h);
+  if (!t)
+    return function() {
+      return !1;
+    };
+  var e = {
+    major: +t[1],
+    minor: +t[2],
+    patch: +t[3],
+    prerelease: t[4]
+  };
+  if (e.prerelease != null)
+    return function(r) {
+      return r === c;
+    };
+  function a(n) {
+    return f.add(n), !1;
+  }
+  function p(n) {
+    return m.add(n), !0;
+  }
+  return function(r) {
+    if (m.has(r))
+      return !0;
+    if (f.has(r))
+      return !1;
+    var i = r.match(h);
+    if (!i)
+      return a(r);
+    var u = {
+      major: +i[1],
+      minor: +i[2],
+      patch: +i[3],
+      prerelease: i[4]
+    };
+    return u.prerelease != null || e.major !== u.major ? a(r) : e.major === 0 ? e.minor === u.minor && e.patch <= u.patch ? p(r) : a(r) : e.minor <= u.minor ? p(r) : a(r);
+  };
+}
+var v = s(d);
 export {
-  o as _globalThis
+  s as _makeCompatibilityCheck,
+  v as isCompatible
 };

package/dist/vue-components.es52.js

@@ -0,0 +1,4 @@
+var o = typeof globalThis == "object" ? globalThis : typeof self == "object" ? self : typeof window == "object" ? window : typeof global == "object" ? global : {};
+export {
+  o as _globalThis
+};

package/dist/vue-components.es6.js

@@ -1,5 +1,5 @@
-import { ref as a, computed as l, readonly as d, inject as E } from "vue";
-const f = Symbol();
+import { ref as a, computed as l, readonly as E, inject as p } from "vue";
+const d = Symbol();
 function b(o, u, t = "onSubmit") {
   const r = a([]), n = (e) => {
     r.value = r.value.filter((m) => m.inputId !== e);
@@ -9,8 +9,8 @@ function b(o, u, t = "onSubmit") {
     r.value = [];
   }, i = l(() => t === "onSubmit" ? o.value > 0 : !0);
   return {
-    errors: d(r),
-    addError: s,
+    errors: E(r),
+    mapError: s,
     removeError: n,
     clearErrors: c,
     showErrors: i,
@@ -19,13 +19,13 @@ function b(o, u, t = "onSubmit") {
   };
 }
 function g() {
-  const o = E(f);
+  const o = p(d);
   if (!o)
     throw new Error("useOmegaErrors must be used within an OmegaForm provider");
   return o;
 }
 export {
-  f as OmegaErrorsKey,
+  d as OmegaErrorsKey,
   b as buildOmegaErrors,
   g as useOmegaErrors
 };

package/dist/vue-components.es7.js

@@ -8,7 +8,7 @@ import Y from "./vue-components.es13.js";
 import { buildOmegaErrors as Z } from "./vue-components.es6.js";
 import C from "./vue-components.es14.js";
 import { generateMetaFromSchema as ee } from "./vue-components.es8.js";
-import re from "./vue-components.es5.js";
+import re from "./vue-components.es4.js";
 import te from "./vue-components.es15.js";
 import { trace as M } from "./vue-components.es16.js";
 import { context as E } from "./vue-components.es17.js";
@@ -19,8 +19,7 @@ const p = (l) => function(o) {
     render() {
       return P(o, {
         form: l,
-        on: this.$listeners,
-        attrs: this.$attrs
+        ...this.$attrs
       }, this.$slots);
     }
   };
@@ -36,8 +35,7 @@ const p = (l) => function(o) {
         errors: h,
         generalErrors: S,
         showErrors: w,
-        on: this.$listeners,
-        attrs: this.$attrs
+        ...this.$attrs
       }, this.$slots);
     }
   };

package/dist/vue-components.es8.js

@@ -1,5 +1,5 @@
 import { S as n, Option as c, pipe as L } from "effect-app";
-import { getTransformationFrom as U, useIntl as _ } from "./vue-components.es3.js";
+import { useIntl as U, getTransformationFrom as _ } from "./vue-components.es3.js";
 const N = n.NonEmptyArray(n.String), E = (e) => n.AST.isUnion(e) && e.types.find((i) => i._tag === "UndefinedKeyword" || i === n.Null.ast), g = (e) => !e || !n.AST.isUnion(e) ? !1 : e.types.find((i) => i._tag === "UndefinedKeyword") ? "undefined" : e.types.find((i) => i === n.Null.ast) ? "null" : !1, m = ({ meta: e = {}, parent: i = "", property: t, propertySignatures: p }, o = {}) => {
   if (t && t._tag === "Transformation")
     return m({
@@ -18,7 +18,7 @@ const N = n.NonEmptyArray(n.String), E = (e) => n.AST.isUnion(e) && e.types.find
       if (n.AST.isUnion(r.type)) {
         const T = r.type.types.filter(
           (s) => s._tag !== "UndefinedKeyword" && s !== n.Null.ast
-        ).map(U);
+        ).map(_);
         if (T.some(
           (s) => "propertySignatures" in s
         )) {
@@ -238,7 +238,7 @@ const N = n.NonEmptyArray(n.String), E = (e) => n.AST.isUnion(e) && e.types.find
   );
   return { schema: e, meta: i, filterItems: t };
 }, P = (e) => {
-  const { trans: i } = _();
+  const { trans: i } = U();
   let t;
   switch (e.type) {
     case "string":

package/dist/vue-components.es9.js

@@ -1,4 +1,32 @@
-import f from "./vue-components.es5.js";
+import { h as e } from "vue";
+import s from "./vue-components.es4.js";
+import { useOmegaForm as p } from "./vue-components.es7.js";
+const W = (r) => (...a) => {
+  const [m, n, o] = a;
+  return p(
+    m,
+    n,
+    {
+      ...o,
+      input: {
+        name: "WrappedInput",
+        inheritAttrs: !1,
+        setup(f, { attrs: u, slots: i }) {
+          return () => e(s, {
+            ...f,
+            ...u
+          }, {
+            // Override the default slot that OmegaInternalInput provides
+            default: (t) => t && "field" in t ? e(r, {
+              inputProps: t,
+              vuetifyValue: t.field.state.value
+            }) : i.default?.(t)
+          });
+        }
+      }
+    }
+  );
+};
 export {
-  f as default
+  W as createUseFormWithCustomInput
 };

package/package.json

@@ -1,36 +1,36 @@
 {
   "name": "@effect-app/vue-components",
-  "version": "1.1.1",
+  "version": "1.3.0",
   "peerDependencies": {
     "@mdi/js": "^7.4.47",
-    "effect": "^3.17.13",
+    "effect": "^3.18.0",
     "intl-messageformat": "^10.7.16",
     "mdi-js": "^1.0.1",
     "primeflex": "^4.0.0",
     "primeicons": "^7.0.0",
     "primevue": "^4.3.9",
-    "vue": "^3.5.21",
-    "vuetify": "^3.10.1"
+    "vue": "^3.5.22",
+    "vuetify": "^3.10.3"
   },
   "devDependencies": {
-    "@storybook/vue3": "^9.1.6",
-    "@storybook/vue3-vite": "^9.1.6",
-    "@types/node": "^24.5.1",
+    "@storybook/vue3": "^9.1.9",
+    "@storybook/vue3-vite": "^9.1.9",
+    "@types/node": "^24.6.0",
     "@vitejs/plugin-vue": "^6.0.1",
     "@vue/test-utils": "^2.4.6",
     "dprint": "^0.50.2",
     "jsdom": "^27.0.0",
     "rimraf": "^6.0.1",
-    "sass": "^1.92.1",
-    "storybook": "^9.1.6",
+    "sass": "^1.93.2",
+    "storybook": "^9.1.9",
     "typescript": "~5.9.2",
-    "vite": "^7.1.5",
+    "vite": "^7.1.7",
     "vite-plugin-css-injected-by-js": "^3.5.2",
     "vitepress": "^1.6.4",
     "vitest": "^3.2.4",
-    "vue-router": "^4.2.2",
-    "vue-tsc": "^3.0.7",
-    "@effect-app/eslint-shared-config": "0.2.1"
+    "vue-router": "^4.5.1",
+    "vue-tsc": "^3.1.0",
+    "@effect-app/eslint-shared-config": "0.3.0"
   },
   "files": [
     "src",
@@ -49,8 +49,8 @@
     "@tanstack/vue-form": "^1.23.4",
     "highlight.js": "^11.11.1",
     "vue3-highlightjs": "^1.0.5",
-    "@effect-app/vue": "2.81.0",
-    "effect-app": "3.8.1"
+    "effect-app": "3.9.0",
+    "@effect-app/vue": "2.82.0"
   },
   "scripts": {
     "build": "pnpm build:run",

package/src/components/OmegaForm/OmegaErrorsContext.ts

@@ -4,7 +4,7 @@ import { type OmegaError, type ShowErrorsOn } from "./OmegaFormStuff"
 
 export const OmegaErrorsKey = Symbol() as InjectionKey<{
   errors: Ref<readonly OmegaError[]>
-  addError: (error: OmegaError) => void
+  mapError: (error: OmegaError) => void
   removeError: (inputId: string) => void
   clearErrors: () => void
   showErrors: Ref<boolean>
@@ -31,7 +31,7 @@ export function buildOmegaErrors(
     errors.value = errors.value.filter((error) => error.inputId !== inputId)
   }
 
-  const addError = (error: OmegaError) => {
+  const mapError = (error: OmegaError) => {
     removeError(error.inputId)
     errors.value.push(error)
   }
@@ -47,7 +47,7 @@ export function buildOmegaErrors(
 
   const context = {
     errors: readonly(errors),
-    addError,
+    mapError,
     removeError,
     clearErrors,
     showErrors,

package/src/components/OmegaForm/OmegaInternalInput.vue

@@ -92,7 +92,7 @@ onMounted(() => {
     fieldApi.setValue(null as any)
   }
 })
-const { addError, removeError, showErrors, showErrorsOn } = (props.field.form as any).errorContext // todo; update types to include extended Omega Form props
+const { mapError, removeError, showErrors, showErrorsOn } = (props.field.form as any).errorContext // todo; update types to include extended Omega Form props
 
 const realDirty = ref(false)
 
@@ -122,7 +122,7 @@ watch(
   () => fieldState.value.meta.errors,
   () => {
     if (fieldState.value.meta.errors.length) {
-      addError({
+      mapError({
         inputId: id,
         errors: fieldState
           .value
@@ -139,7 +139,10 @@ watch(
   }
 )
 
-onUnmounted(() => removeError(id))
+onUnmounted(() => {
+  removeError(id)
+  props.field.form.deleteField(props.field.name)
+})
 
 const inputProps: ComputedRef<InputProps<From, Name>> = computed(() => ({
   id,

package/src/components/OmegaForm/createUseFormWithCustomInput.ts

@@ -0,0 +1,53 @@
+import type { DeepKeys } from "@tanstack/vue-form"
+import { type Component, h } from "vue"
+import type { InputProps } from "./InputProps"
+import OmegaInput from "./OmegaInput.vue"
+import { useOmegaForm } from "./useOmegaForm"
+
+export const createUseFormWithCustomInput = (CustomInputComponent: Component) => {
+  return <
+    From extends Record<PropertyKey, any>,
+    To extends Record<PropertyKey, any>
+  >(
+    ...args: Parameters<typeof useOmegaForm<From, To>>
+  ) => {
+    const [schema, tanstackFormOptions, omegaConfig] = args
+
+    // Create a wrapper that extends OmegaInput and overrides its default slot
+    const WrappedInput = {
+      name: "WrappedInput",
+      inheritAttrs: false,
+      setup(props: any, { attrs, slots }: any) {
+        return () =>
+          h(OmegaInput, {
+            ...props,
+            ...attrs
+          }, {
+            // Override the default slot that OmegaInternalInput provides
+            default: <TName extends DeepKeys<From>>(inputProps: InputProps<From, TName>) => {
+              // If we receive inputProps from OmegaInternalInput, use our custom component
+              if (inputProps && "field" in inputProps) {
+                return h(CustomInputComponent, {
+                  inputProps,
+                  vuetifyValue: inputProps.field.state.value
+                })
+              }
+              // Otherwise, pass through the slot content
+              return slots.default?.(inputProps)
+            }
+          })
+      }
+    }
+
+    const form = useOmegaForm<From, To>(
+      schema,
+      tanstackFormOptions,
+      {
+        ...omegaConfig,
+        input: WrappedInput
+      }
+    )
+
+    return form
+  }
+}

package/src/components/OmegaForm/index.ts

@@ -1,11 +1,10 @@
-import { default as OmegaInput } from "./OmegaInput.vue"
-
 export * as OmegaErrorsContext from "./OmegaErrorsContext"
 export * from "./OmegaFormStuff"
 export { type OmegaFormReturn, useOmegaForm } from "./useOmegaForm"
 
+export { default as OmegaInput } from "./OmegaInput.vue"
 export { default as OmegaVuetifyInput } from "./OmegaInternalInput.vue"
 
 export { getInputType } from "./OmegaFormStuff"
 
-export { OmegaInput }
+export { createUseFormWithCustomInput } from "./createUseFormWithCustomInput"

package/src/components/OmegaForm/useOmegaForm.ts

@@ -57,8 +57,7 @@ const fHoc = (form: OF<any, any>) => {
       render() {
         return h(WrappedComponent, {
           form,
-          on: this.$listeners,
-          attrs: this.$attrs
+          ...this.$attrs
         } as any, this.$slots)
       }
     }
@@ -80,8 +79,7 @@ const eHoc = (errorProps: ReturnType<typeof buildOmegaErrors>) => {
           errors,
           generalErrors,
           showErrors,
-          on: this.$listeners,
-          attrs: this.$attrs
+          ...this.$attrs
         } as any, this.$slots)
       }
     }

package/dist/vue-components.es21.js

@@ -1,44 +0,0 @@
-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 {
-  a as dual,
-  f as isFunction
-};

package/dist/vue-components.es26.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
-};

package/dist/vue-components.es29.js

@@ -1,6 +0,0 @@
-(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.es19.js";
-
-export {
-  o as default
-};