@effect-app/vue-components 4.0.0-beta.2 → 4.0.0-beta.21

package/dist/vue-components.es60.js

@@ -1,85 +1,44 @@
-import { hasProperty as b } from "./vue-components.es38.js";
-import { symbolRedactable as h, getRedacted as l, redact as j } from "./vue-components.es78.js";
-function w(n, i) {
-  const c = i?.space ?? 0, s = /* @__PURE__ */ new WeakSet(), a = c ? typeof c == "number" ? " ".repeat(c) : c : "", o = (t) => a.repeat(t), g = (t, r) => {
-    const e = t?.constructor;
-    return e && e !== Object.prototype.constructor && e.name ? `${e.name}(${r})` : r;
-  }, $ = (t) => {
+import { ROOT_CONTEXT as l } from "./vue-components.es42.js";
+var c = function(t, o) {
+  var n = typeof Symbol == "function" && t[Symbol.iterator];
+  if (!n) return t;
+  var e = n.call(t), a, r = [], u;
+  try {
+    for (; (o === void 0 || o-- > 0) && !(a = e.next()).done; ) r.push(a.value);
+  } catch (i) {
+    u = { error: i };
+  } finally {
     try {
-      return Reflect.ownKeys(t);
-    } catch {
-      return ["[ownKeys threw]"];
-    }
-  };
-  function f(t, r = 0) {
-    if (Array.isArray(t)) {
-      if (s.has(t)) return m;
-      if (s.add(t), !a || t.length <= 1) return `[${t.map((u) => f(u, r)).join(",")}]`;
-      const e = t.map((u) => f(u, r + 1)).join(`,
-` + o(r + 1));
-      return `[
-${o(r + 1)}${e}
-${o(r)}]`;
-    }
-    if (t instanceof Date) return d(t);
-    if (!i?.ignoreToString && b(t, "toString") && typeof t.toString == "function" && t.toString !== Object.prototype.toString && t.toString !== Array.prototype.toString) {
-      const e = O(t);
-      return t instanceof Error && t.cause ? `${e} (cause: ${f(t.cause, r)})` : e;
+      a && !a.done && (n = e.return) && n.call(e);
+    } finally {
+      if (u) throw u.error;
     }
-    if (typeof t == "string") return JSON.stringify(t);
-    if (typeof t == "number" || t == null || typeof t == "boolean" || typeof t == "symbol") return String(t);
-    if (typeof t == "bigint") return String(t) + "n";
-    if (typeof t == "object" || typeof t == "function") {
-      if (s.has(t)) return m;
-      if (s.add(t), h in t) return w(l(t));
-      if (Symbol.iterator in t)
-        return `${t.constructor.name}(${f(Array.from(t), r)})`;
-      const e = $(t);
-      if (!a || e.length <= 1) {
-        const y = `{${e.map((S) => `${p(S)}:${f(t[S], r)}`).join(",")}}`;
-        return g(t, y);
-      }
-      const u = `{
-${e.map((y) => `${o(r + 1)}${p(y)}: ${f(t[y], r + 1)}`).join(`,
-`)}
-${o(r)}}`;
-      return g(t, u);
-    }
-    return String(t);
   }
-  return f(n, 0);
-}
-const m = "[Circular]";
-function p(n) {
-  return typeof n == "string" ? JSON.stringify(n) : String(n);
-}
-function J(n) {
-  return n.map((i) => `[${p(i)}]`).join("");
-}
-function d(n) {
-  try {
-    return n.toISOString();
-  } catch {
-    return "Invalid Date";
-  }
-}
-function O(n) {
-  try {
-    const i = n.toString();
-    return typeof i == "string" ? i : String(i);
-  } catch {
-    return "[toString threw]";
-  }
-}
-function K(n, i) {
-  let c = [];
-  const s = JSON.stringify(n, (a, o) => typeof o == "object" && o !== null ? c.includes(o) ? void 0 : c.push(o) && j(o) : o, i?.space);
-  return c = void 0, s;
-}
+  return r;
+}, p = function(t, o, n) {
+  if (n || arguments.length === 2) for (var e = 0, a = o.length, r; e < a; e++)
+    (r || !(e in o)) && (r || (r = Array.prototype.slice.call(o, 0, e)), r[e] = o[e]);
+  return t.concat(r || Array.prototype.slice.call(o));
+}, y = (
+  /** @class */
+  (function() {
+    function t() {
+    }
+    return t.prototype.active = function() {
+      return l;
+    }, t.prototype.with = function(o, n, e) {
+      for (var a = [], r = 3; r < arguments.length; r++)
+        a[r - 3] = arguments[r];
+      return n.call.apply(n, p([e], c(a), !1));
+    }, t.prototype.bind = function(o, n) {
+      return n;
+    }, t.prototype.enable = function() {
+      return this;
+    }, t.prototype.disable = function() {
+      return this;
+    }, t;
+  })()
+);
 export {
-  w as format,
-  d as formatDate,
-  K as formatJson,
-  J as formatPath,
-  p as formatPropertyKey
+  y as NoopContextManager
 };

package/dist/vue-components.es61.js

@@ -1,43 +1,4 @@
-const o = (e, t) => {
-  switch (t.length) {
-    case 0:
-      return e;
-    case 1:
-      return t[0](e);
-    case 2:
-      return t[1](t[0](e));
-    case 3:
-      return t[2](t[1](t[0](e)));
-    case 4:
-      return t[3](t[2](t[1](t[0](e))));
-    case 5:
-      return t[4](t[3](t[2](t[1](t[0](e)))));
-    case 6:
-      return t[5](t[4](t[3](t[2](t[1](t[0](e))))));
-    case 7:
-      return t[6](t[5](t[4](t[3](t[2](t[1](t[0](e)))))));
-    case 8:
-      return t[7](t[6](t[5](t[4](t[3](t[2](t[1](t[0](e))))))));
-    case 9:
-      return t[8](t[7](t[6](t[5](t[4](t[3](t[2](t[1](t[0](e)))))))));
-    default: {
-      let n = e;
-      for (let u = 0, c = t.length; u < c; u++)
-        n = t[u](n);
-      return n;
-    }
-  }
-}, p = {
-  pipe() {
-    return o(this, arguments);
-  }
-}, i = /* @__PURE__ */ (function() {
-  function e() {
-  }
-  return e.prototype = p, e;
-})();
+var r = "1.9.0";
 export {
-  i as Class,
-  p as Prototype,
-  o as pipeArguments
+  r as VERSION
 };

package/dist/vue-components.es62.js

@@ -1,7 +1,46 @@
-import { isFailure as s, succeed as e, fail as i } from "./vue-components.es87.js";
-const c = e, l = i, o = s;
+import { VERSION as d } from "./vue-components.es61.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 {
-  l as fail,
-  o as isFailure,
-  c as succeed
+  s as _makeCompatibilityCheck,
+  v as isCompatible
 };

package/dist/vue-components.es63.js

@@ -1,6 +1,4 @@
-(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.es57.js";
-
+var o = typeof globalThis == "object" ? globalThis : typeof self == "object" ? self : typeof window == "object" ? window : typeof global == "object" ? global : {};
 export {
-  o as default
+  o as _globalThis
 };

package/dist/vue-components.es7.js

@@ -1,9 +1,9 @@
 (function(){"use strict";try{if(typeof document<"u"){var i=document.createElement("style");if(i.appendChild(document.createTextNode(".omega-input .v-input__details:has(.v-messages:empty){grid-template-rows:0fr;transition:all .2s}.omega-input .v-messages:empty{min-height:0}.omega-input .v-input__details:has(.v-messages){transition:all .2s;overflow:hidden;min-height:0;display:grid;grid-template-rows:1fr}.omega-input .v-messages{transition:all .2s}.omega-input .v-messages>*{transition-duration:0s!important}.omega-input [role=alert]:has(.v-messages:empty){padding:0}.omega-input .v-btn{cursor:pointer;width:auto;appearance:none;box-shadow:none;display:block;min-width:auto;height:auto;padding:.5em .5em .5em 1em}")),document.head.appendChild(i),window.customElements){const e=window.customElements.define;window.customElements.define=function(s,t){const n=t.prototype.connectedCallback;return t.prototype.connectedCallback=function(){if(n&&n.call(this),this.shadowRoot){const a=document.createElement("style");a.appendChild(document.createTextNode(".omega-input .v-input__details:has(.v-messages:empty){grid-template-rows:0fr;transition:all .2s}.omega-input .v-messages:empty{min-height:0}.omega-input .v-input__details:has(.v-messages){transition:all .2s;overflow:hidden;min-height:0;display:grid;grid-template-rows:1fr}.omega-input .v-messages{transition:all .2s}.omega-input .v-messages>*{transition-duration:0s!important}.omega-input [role=alert]:has(.v-messages:empty){padding:0}.omega-input .v-btn{cursor:pointer;width:auto;appearance:none;box-shadow:none;display:block;min-width:auto;height:auto;padding:.5em .5em .5em 1em}")),this.shadowRoot.appendChild(a)}},e.call(window.customElements,s,t)}}}}catch(e){console.error("vite-plugin-css-injected-by-js",e)}})();
-import { defineComponent as N, computed as n, getCurrentInstance as k, useAttrs as q, useSlots as B, useId as S, renderSlot as d, normalizeProps as s, guardReactiveProps as p, createElementVNode as w, normalizeClass as F, createBlock as I, createCommentVNode as L, unref as A, openBlock as O, mergeProps as R, createSlots as V, withCtx as z } from "vue";
-import { useStore as f } from "@tanstack/vue-form";
-import T from "./vue-components.es57.js";
+import { defineComponent as k, computed as a, getCurrentInstance as q, useAttrs as B, useSlots as S, useId as w, renderSlot as p, normalizeProps as s, guardReactiveProps as f, createElementVNode as F, normalizeClass as I, createBlock as L, createCommentVNode as A, unref as O, openBlock as R, mergeProps as V, createSlots as z, withCtx as T } from "vue";
+import { useStore as c } from "@tanstack/vue-form";
+import U from "./vue-components.es39.js";
 
-const H = /* @__PURE__ */ N({
+const J = /* @__PURE__ */ k({
   inheritAttrs: !1,
   __name: "OmegaInternalInput",
   props: {
@@ -18,31 +18,31 @@ const H = /* @__PURE__ */ N({
     register: {},
     options: { default: void 0 }
   },
-  setup(c) {
-    const e = c, l = n(() => e.required ?? e?.meta?.required), g = k()?.appContext.components.VTextField, v = q(), y = B(), h = n(() => {
-      const { class: t, ...a } = v;
-      return a;
-    }), i = S(), o = e.field;
-    f(o.store, (t) => t);
-    const b = f(o.form.store, (t) => t.fieldMeta), C = n(() => e.type ? e.type : e.meta?.type === "string" ? e.meta.format === "email" ? "email" : "string" : e.meta?.type || "unknown");
-    e.register(n(() => ({ name: e.field.name, label: e.label, id: i })));
-    const x = n(() => b.value[e.field.name]?.errors ?? []), m = n(
+  setup(g) {
+    const e = g, l = a(() => e.required ?? e?.meta?.required), v = q()?.appContext.components.VTextField, o = B(), y = S(), h = a(() => {
+      const { class: t, ...n } = o;
+      return n;
+    }), b = a(() => o.class), i = w(), m = e.field;
+    c(m.store, (t) => t);
+    const C = c(m.form.store, (t) => t.fieldMeta), x = a(() => e.type ? e.type : e.meta?.type === "string" ? e.meta.format === "email" ? "email" : "string" : e.meta?.type || "unknown");
+    e.register(a(() => ({ name: e.field.name, label: e.label, id: i })));
+    const M = a(() => C.value[e.field.name]?.errors ?? []), u = a(
       () => (
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
-        x.value.map((t) => t?.message).filter(Boolean)
+        M.value.map((t) => t?.message).filter(Boolean)
       )
-    ), M = (t) => t == null || t === !1 || t === "" || Number.isNaN(t), _ = (t) => {
-      M(t) && e.meta?.type !== "boolean" && e.meta?.nullableOrUndefined ? e.field.handleChange(
+    ), _ = (t) => t == null || t === !1 || t === "" || Number.isNaN(t), P = (t) => {
+      _(t) && e.meta?.type !== "boolean" && e.meta?.nullableOrUndefined ? e.field.handleChange(
         e.meta.nullableOrUndefined === "undefined" ? void 0 : null
-      ) : e.field.handleChange(t), e.field.setMeta((a) => ({ ...a, errorMap: { ...a.errorMap, onSubmit: void 0 } }));
-    }, P = (t) => {
-      const a = {
-        get(E, $, W) {
-          return $ === "handleChange" ? _ : Reflect.get(...arguments);
+      ) : e.field.handleChange(t), e.field.setMeta((n) => ({ ...n, errorMap: { ...n.errorMap, onSubmit: void 0 } }));
+    }, N = (t) => {
+      const n = {
+        get(W, $, Z) {
+          return $ === "handleChange" ? P : Reflect.get(...arguments);
         }
       };
-      return new Proxy(t, a);
-    }, r = n(() => ({
+      return new Proxy(t, n);
+    }, r = a(() => ({
       inputProps: {
         id: i,
         required: l.value,
@@ -50,34 +50,34 @@ const H = /* @__PURE__ */ N({
         maxLength: e.meta?.type === "string" && e.meta?.maxLength,
         max: e.meta?.type === "number" && (e.meta?.maximum ?? (typeof e.meta?.exclusiveMaximum == "number" && e.meta.exclusiveMaximum - 1)),
         min: e.meta?.type === "number" && (e.meta?.minimum ?? (typeof e.meta?.exclusiveMinimum == "number" && e.meta.exclusiveMinimum + 1)),
-        errorMessages: m.value,
-        error: !!m.value.length,
-        type: C.value,
+        errorMessages: u.value,
+        error: !!u.value.length,
+        type: x.value,
         // Only add asterisk if label slot is not provided (slot has full control)
         label: y.label ? e.label : `${e.label}${l.value ? " *" : ""}`,
         options: e.options,
         inputClass: e.inputClass
       },
       state: e.state,
-      field: P(e.field)
+      field: N(e.field)
     }));
-    return (t, a) => d(t.$slots, "default", s(p({ ...r.value.inputProps, field: r.value.field, state: r.value.state })), () => [
-      w("div", {
-        class: F(t.$attrs.class)
+    return (t, n) => p(t.$slots, "default", s(f({ ...r.value.inputProps, field: r.value.field, state: r.value.state })), () => [
+      F("div", {
+        class: I(b.value)
       }, [
-        A(g) ? (O(), I(T, s(R({ key: 0 }, { ...h.value, ...r.value, class: e.inputClass })), V({ _: 2 }, [
+        O(v) ? (R(), L(U, s(V({ key: 0 }, { ...h.value, ...r.value, class: e.inputClass })), z({ _: 2 }, [
           t.$slots.label ? {
             name: "label",
-            fn: z((u) => [
-              d(t.$slots, "label", s(p(u)))
+            fn: T((d) => [
+              p(t.$slots, "label", s(f(d)))
             ]),
             key: "0"
           } : void 0
-        ]), 1040)) : L("", !0)
+        ]), 1040)) : A("", !0)
       ], 2)
     ]);
   }
 });
 export {
-  H as default
+  J as default
 };

package/package.json

@@ -1,20 +1,20 @@
 {
   "name": "@effect-app/vue-components",
-  "version": "4.0.0-beta.2",
+  "version": "4.0.0-beta.21",
   "peerDependencies": {
     "@mdi/js": "^7.4.47",
-    "effect": "^4.0.0-beta.25",
+    "effect": "^4.0.0-beta.36",
     "intl-messageformat": "^11.1.2",
     "mdi-js": "^1.0.1",
     "primeflex": "^4.0.0",
     "primeicons": "^7.0.0",
     "primevue": "^4.5.4",
     "vue": "^3.5.29",
-    "vuetify": "^4.0.0"
+    "vuetify": "^4.0.1"
   },
   "devDependencies": {
-    "@storybook/vue3": "^10.2.13",
-    "@storybook/vue3-vite": "^10.2.13",
+    "@storybook/vue3": "^10.2.15",
+    "@storybook/vue3-vite": "^10.2.15",
     "@types/node": "^25.3.3",
     "@vitejs/plugin-vue": "^6.0.4",
     "@vue/test-utils": "^2.4.6",
@@ -23,7 +23,7 @@
     "jsdom": "^28.1.0",
     "rimraf": "^6.1.3",
     "sass": "^1.97.3",
-    "storybook": "^10.2.13",
+    "storybook": "^10.2.15",
     "typescript": "~5.9.3",
     "vite": "^7.3.1",
     "vite-plugin-css-injected-by-js": "^4.0.1",
@@ -32,8 +32,8 @@
     "vue-router": "^5.0.3",
     "vue-toastification": "^2.0.0-rc.5",
     "vue-tsc": "^3.2.5",
-    "vuetify": "^4.0.0",
-    "@effect-app/eslint-shared-config": "0.5.7-beta.1"
+    "vuetify": "^4.0.1",
+    "@effect-app/eslint-shared-config": "0.5.7-beta.2"
   },
   "files": [
     "src",
@@ -53,8 +53,8 @@
     "highlight.js": "^11.11.1",
     "mitt": "^3.0.1",
     "vue3-highlightjs": "^1.0.5",
-    "@effect-app/vue": "4.0.0-beta.2",
-    "effect-app": "4.0.0-beta.2"
+    "@effect-app/vue": "4.0.0-beta.21",
+    "effect-app": "4.0.0-beta.21"
   },
   "scripts": {
     "check": "vue-tsc",

package/src/components/OmegaForm/OmegaAutoGen.vue

@@ -20,8 +20,7 @@
   Name extends DeepKeys<From>"
 >
 import { type DeepKeys } from "@tanstack/vue-form"
-import { pipe } from "effect/Function"
-import * as Order from "effect/Order"
+import { Order } from "effect-app"
 import { computed } from "vue"
 import { type FieldMeta, type FieldPath, type OmegaAutoGenMeta, type OmegaInputProps } from "./OmegaFormStuff"
 
@@ -71,37 +70,33 @@ const orderBy: Order.Order<NewMeta> = Order.mapInput(
   (x: NewMeta) => namePosition(x.name, props.order || [])
 )
 
-const children = computed<NewMeta[]>(() =>
-  pipe(
-    props.form.meta as Record<DeepKeys<From>, FieldMeta | undefined>,
-    // include / exclude
-    filterRecord((_, metaKey) =>
+const children = computed<NewMeta[]>(() => {
+  const included = filterRecord((value, metaKey) =>
+    Boolean(value)
+    && (
       props.pick
         ? props.pick.includes(metaKey) && !props.omit?.includes(metaKey)
         : !props.omit?.includes(metaKey)
-    ),
-    (x: Record<DeepKeys<From>, FieldMeta | undefined>) => x,
-    // labelMap and adding name
-    mapObject((metaValue, metaKey) => ({
-      name: metaKey as Name,
-      label: props.labelMap?.(metaKey) || metaKey,
-      ...(metaValue ?? {})
-    })),
-    // filterMap
-    props.filterMap
-      ? filterMapRecord((m: NewMeta) => {
-        const result = props.filterMap?.(m.name!, m as NewMeta)
-        return result === undefined || result === true ? m : result
-      })
-      : (x: Record<DeepKeys<From>, NewMeta>) => x,
-    // transform to array
-    (obj: Record<DeepKeys<From>, NewMeta>) => Object.values(obj) as NewMeta[],
-    // order
-    (items: NewMeta[]) => [...items].sort((a, b) => orderBy(a, b)),
-    // sort
-    props.sort ? (items: NewMeta[]) => [...items].sort((a, b) => props.sort!(a, b)) : (x: NewMeta[]) => x
-  )
-)
+    )
+  )(props.form.meta as Record<DeepKeys<From>, FieldMeta | undefined>) as Record<DeepKeys<From>, FieldMeta>
+
+  const withLabels = mapObject((metaValue: FieldMeta, metaKey) => ({
+    name: metaKey,
+    label: props.labelMap?.(metaKey) || metaKey,
+    ...metaValue
+  }))(included) as unknown as Record<DeepKeys<From>, NewMeta>
+
+  const filtered = props.filterMap
+    ? filterMapRecord((m: NewMeta) => {
+      const result = props.filterMap?.(m.name, m)
+      return result === undefined || result === true ? m : result
+    })(withLabels) as Record<DeepKeys<From>, NewMeta>
+    : withLabels
+
+  const sorted = [...Object.values(filtered) as NewMeta[]].sort(orderBy)
+
+  return props.sort ? sorted.sort(props.sort) : sorted
+})
 
 defineSlots<{
   default(props: { child: NewMeta }): void

package/src/components/OmegaForm/OmegaErrorsInternal.vue

@@ -130,10 +130,9 @@ const showedGeneralErrors = computed(() => {
         .flatMap((issues) =>
           issues
             .filter(
-              (issue): issue is StandardSchemaV1Issue & { message: string } =>
-                typeof (issue as { message?: unknown })?.message === "string"
+              (issue): issue is StandardSchemaV1Issue & { message: string } => Boolean(issue?.message)
             )
-            .map((issue) => (issue as StandardSchemaV1Issue & { message: string }).message)
+            .map((issue) => issue.message)
         )
     )
 })