@effect-app/vue-components 4.0.0-beta.220 → 4.0.0-beta.221

package/dist/vue-components90.es.js

@@ -0,0 +1,73 @@
+import { useIntl as e } from "./vue-components6.es.js";
+import { computed as t, h as n, onUnmounted as r, ref as i, watch as a } from "vue";
+//#region src/components/OmegaForm/errors.ts
+var o = (t) => {
+	let { formatMessage: n } = e(), r = (e) => e.replace(/([A-Z])/g, " $1").replace(/^./, (e) => e.toUpperCase()).trim(), i = (e) => n ? n({
+		id: `general.fields.${e}`,
+		defaultMessage: r(e)
+	}) : r(e);
+	return (e) => t.i18nNamespace ? n({
+		id: `${t.i18nNamespace}.fields.${e}`,
+		defaultMessage: i(e)
+	}) : i(e);
+}, s = (e) => function(r) {
+	return {
+		setup() {
+			let { fieldMap: n, form: r } = e, i = r.useStore((e) => e.errors), a = r.useStore((e) => e.fieldMeta), s = r.useStore((e) => e.errorMap), c = o(r);
+			return {
+				generalErrors: i,
+				errors: t(() => {
+					let e = Object.entries(a.value).reduce((e, [t, r]) => {
+						let i = r?.errors ?? [];
+						if (!i.length) return e;
+						let a = n.value.get(t);
+						return a && e.push({
+							label: a.label,
+							inputId: a.id,
+							errors: [i[0]?.message].filter(Boolean)
+						}), e;
+					}, []), t = [], r = [s.value.onDynamic, s.value.onSubmit].filter(Boolean), i = /* @__PURE__ */ new Set();
+					for (let e of r) for (let [r, a] of Object.entries(e)) if (Array.isArray(a) && a.length) for (let e of a) {
+						let r = e;
+						if (r?.path && Array.isArray(r.path) && r.path.length) {
+							let e = r.path.join(".");
+							if (!n.value.has(e) && !i.has(e)) {
+								i.add(e), t.push({
+									label: c(e),
+									inputId: e,
+									errors: [r.message].filter(Boolean)
+								});
+								break;
+							}
+						}
+					}
+					return [...e, ...t];
+				})
+			};
+		},
+		render({ errors: e, generalErrors: t }) {
+			return n(r, {
+				errors: e,
+				generalErrors: t,
+				...this.$attrs
+			}, this.$slots);
+		}
+	};
+}, c = () => {
+	let e = i(/* @__PURE__ */ new Map());
+	return {
+		fieldMap: e,
+		registerField: (t) => {
+			a(t, (t) => {
+				e.value.set(t.name, {
+					label: t.label,
+					id: t.id
+				});
+			}, { immediate: !0 }), r(() => {
+				e.value.get(t.value.name)?.id === t.value.id && e.value.delete(t.value.name);
+			});
+		}
+	};
+};
+//#endregion
+export { s as eHoc, c as makeFieldMap, o as useErrorLabel };

package/dist/vue-components91.es.js

@@ -0,0 +1,12 @@
+import { h as e } from "vue";
+//#region src/components/OmegaForm/hocs.ts
+var t = (t) => function(n) {
+	return { render() {
+		return e(n, {
+			form: t,
+			...this.$attrs
+		}, this.$slots);
+	} };
+};
+//#endregion
+export { t as fHoc };

package/dist/vue-components92.es.js

@@ -0,0 +1,56 @@
+import { Fragment as e, computed as t, createBlock as n, createElementBlock as r, defineComponent as i, guardReactiveProps as a, mergeProps as o, normalizeProps as s, onMounted as c, openBlock as l, provide as u, renderList as d, renderSlot as f, resolveDynamicComponent as p, withCtx as m } from "vue";
+//#region src/components/OmegaForm/OmegaArray.vue?vue&type=script&setup=true&lang.ts
+var h = /* @__PURE__ */ i({
+	inheritAttrs: !1,
+	__name: "OmegaArray",
+	props: {
+		form: {},
+		inputClass: {},
+		name: {},
+		defaultItems: {},
+		items: {}
+	},
+	setup(i) {
+		let h = i, g = h.form.useStore((e) => e.values), _ = t(() => {
+			let e = h.name.replace(/\[/g, ".").replace(/\]/g, "");
+			try {
+				return e.split(".").reduce((e, t) => e && e[t], g.value);
+			} catch (e) {
+				return console.error(e), [];
+			}
+		});
+		return c(async () => {
+			h.defaultItems && !_.value && h.form.setFieldValue(h.name, h.defaultItems);
+		}), u("getMetaFromArray", t(() => (e) => {
+			let t = e.replace(/\[\d+\]/g, "");
+			return h.form.meta[t];
+		})), (t, c) => (l(), n(p(i.form.Field), { name: i.name }, {
+			default: m(({ field: c, state: u }) => [
+				f(t.$slots, "pre-array", s(a({
+					field: c,
+					state: u
+				}))),
+				(l(!0), r(e, null, d(_.value, (e, r) => (l(), n(p(i.form.Field), {
+					key: `${i.name}[${Number(r)}]`,
+					name: `${i.name}[${Number(r)}]`
+				}, {
+					default: m(({ field: e, state: n }) => [f(t.$slots, "default", o({ ref_for: !0 }, {
+						subField: e,
+						subState: n,
+						index: Number(r),
+						field: c
+					}))]),
+					_: 2
+				}, 1032, ["name"]))), 128)),
+				f(t.$slots, "post-array", s(a({
+					field: c,
+					state: u
+				}))),
+				f(t.$slots, "field", s(a({ field: c })))
+			]),
+			_: 3
+		}, 8, ["name"]));
+	}
+});
+//#endregion
+export { h as default };

package/dist/vue-components93.es.js

@@ -0,0 +1,5 @@
+import e from "./vue-components92.es.js";
+//#region src/components/OmegaForm/OmegaArray.vue
+var t = e;
+//#endregion
+export { t as default };

package/dist/vue-components94.es.js

@@ -0,0 +1,44 @@
+import { Number as e, mapInput as t } from "./vue-components27.es.js";
+import { Fragment as n, computed as r, createElementBlock as i, createVNode as a, defineComponent as o, mergeProps as s, openBlock as c, renderList as l, renderSlot as u, unref as d } from "vue";
+//#region src/components/OmegaForm/OmegaAutoGen.vue?vue&type=script&setup=true&lang.ts
+var f = /* @__PURE__ */ o({
+	__name: "OmegaAutoGen",
+	props: {
+		form: {},
+		pick: {},
+		omit: {},
+		labelMap: { type: Function },
+		filterMap: { type: Function },
+		order: {},
+		sort: {}
+	},
+	setup(o) {
+		let f = (e) => (t) => Object.fromEntries(Object.entries(t).map(([t, n]) => [t, e(n, t)])), p = (e) => (t) => Object.fromEntries(Object.entries(t).filter(([t, n]) => e(n, t))), m = (e) => (t) => Object.entries(t).reduce((t, [n, r]) => {
+			let i = e(r, n);
+			return i !== !1 && (t[n] = i), t;
+		}, {}), h = o, g = (e, t) => {
+			let n = t?.indexOf(e) ?? -1;
+			return n === -1 ? 2 ** 53 - 1 : n;
+		}, _ = t(e, (e) => g(e.name, h.order || [])), v = r(() => {
+			let e = p((e, t) => !!e && (h.pick ? h.pick.includes(t) && !h.omit?.includes(t) : !h.omit?.includes(t)))(h.form.meta), t = f((e, t) => ({
+				name: t,
+				label: h.labelMap?.(t) || t,
+				...e
+			}))(e), n = h.filterMap ? m((e) => {
+				let t = h.filterMap?.(e.name, e);
+				return t === void 0 || t === !0 ? e : t;
+			})(t) : t, r = [...Object.values(n)].sort(_);
+			return h.sort ? r.sort(h.sort) : r;
+		});
+		return (e, t) => (c(!0), i(n, null, l(v.value, ({ name: t, label: n, ...r }) => u(e.$slots, "default", { child: {
+			name: t,
+			label: n,
+			...r
+		} }, () => [a(d(o.form).Input, s({
+			name: t,
+			label: n
+		}, { ref_for: !0 }, r), null, 16, ["name", "label"])])), 256));
+	}
+});
+//#endregion
+export { f as default };

package/dist/vue-components95.es.js

@@ -0,0 +1,5 @@
+import e from "./vue-components94.es.js";
+//#region src/components/OmegaForm/OmegaAutoGen.vue
+var t = e;
+//#endregion
+export { t as default };

package/dist/vue-components96.es.js

@@ -0,0 +1,84 @@
+import { useIntl as e } from "./vue-components6.es.js";
+import { Fragment as t, Transition as n, computed as r, createBlock as i, createCommentVNode as a, createElementBlock as o, createElementVNode as s, createTextVNode as c, defineComponent as l, getCurrentInstance as u, guardReactiveProps as d, normalizeClass as f, normalizeProps as p, openBlock as m, renderList as h, renderSlot as g, resolveDynamicComponent as _, toDisplayString as v, unref as y, withCtx as b } from "vue";
+//#region src/components/OmegaForm/OmegaErrorsInternal.vue?vue&type=script&setup=true&lang.ts
+var x = {
+	key: 0,
+	class: "error-alert"
+}, S = { class: "container" }, C = {
+	key: 0,
+	viewBox: "0 0 24 24",
+	fill: "none",
+	xmlns: "http://www.w3.org/2000/svg"
+}, w = { class: "text-h6" }, T = {
+	key: 0,
+	class: "error-list"
+}, E = ["for"], D = { key: 1 }, O = /* @__PURE__ */ l({
+	__name: "OmegaErrorsInternal",
+	props: {
+		generalErrors: {},
+		errors: {},
+		hideErrorDetails: { type: Boolean }
+	},
+	setup(l) {
+		let O = u()?.appContext.components.VAlert, k = l, { trans: A } = e(), j = r(() => k.generalErrors ? k.generalErrors.filter((e) => !!e).flatMap((e) => Object.values(e).filter((e) => !!e).flatMap((e) => e.filter((e) => !!e?.message).map((e) => e.message))) : []);
+		return (e, r) => (m(), i(n, null, {
+			default: b(() => [l.errors.length || j.value.length ? (m(), o("div", x, [g(e.$slots, "default", p(d({
+				errors: l.errors,
+				showedGeneralErrors: j.value
+			})), () => [(m(), i(_(y(O) ? "v-alert" : "div"), {
+				class: f([y(O) ? "mb-4" : "error-alert-content", "mb-4"]),
+				type: "error",
+				variant: "tonal",
+				role: "alert",
+				"aria-live": "polite"
+			}, {
+				default: b(() => [s("div", S, [g(e.$slots, "icon", {}, () => [y(O) ? a("", !0) : (m(), o("svg", C, [...r[0] ||= [
+					s("path", {
+						d: "M16 2H8L2 8V16L8 22H16L22 16V8L16 2Z",
+						stroke: "currentColor",
+						"stroke-width": "2",
+						"stroke-linecap": "round",
+						"stroke-linejoin": "round"
+					}, null, -1),
+					s("path", {
+						d: "M12 8V12",
+						stroke: "currentColor",
+						"stroke-width": "2",
+						"stroke-linecap": "round",
+						"stroke-linejoin": "round"
+					}, null, -1),
+					s("path", {
+						d: "M12 16.0195V16",
+						stroke: "currentColor",
+						"stroke-width": "2",
+						"stroke-linecap": "round",
+						"stroke-linejoin": "round"
+					}, null, -1)
+				]]))], !0), s("div", null, [s("div", w, v(y(A)("form.includes_error")) + ": ", 1), l.errors.length ? (m(), o("ul", T, [(m(!0), o(t, null, h(l.errors, (e) => (m(), o("li", {
+					key: e.inputId,
+					class: "error-item"
+				}, [s("div", null, [
+					s("label", {
+						for: e.inputId,
+						class: "error-link"
+					}, v(e.label), 9, E),
+					r[1] ||= c(" " + v(" ") + " ", -1),
+					l.hideErrorDetails ? a("", !0) : (m(), o("div", {
+						key: 0,
+						class: f(["error-message", e.errors.length < 2 && "single-error"])
+					}, [(m(), i(_(e.errors.length > 1 ? "ul" : "div"), { class: "error-list" }, {
+						default: b(() => [(m(!0), o(t, null, h(e.errors, (t) => (m(), i(_(e.errors.length > 1 ? "li" : "span"), { key: t }, {
+							default: b(() => [c(v(t), 1)]),
+							_: 2
+						}, 1024))), 128))]),
+						_: 2
+					}, 1024))], 2))
+				])]))), 128))])) : (m(), o("span", D, v(j.value[0]), 1))])])]),
+				_: 3
+			}, 8, ["class"]))], !0)])) : a("", !0)]),
+			_: 3
+		}));
+	}
+});
+//#endregion
+export { O as default };

package/dist/vue-components98.es.js

@@ -0,0 +1,8 @@
+//#region \0plugin-vue:export-helper
+var e = (e, t) => {
+	let n = e.__vccOpts || e;
+	for (let [e, r] of t) n[e] = r;
+	return n;
+};
+//#endregion
+export { e as default };

package/dist/vue-components99.es.js

@@ -0,0 +1,9 @@
+(function(){try{if(typeof document<`u`){var e=document.createElement(`style`);if(e.appendChild(document.createTextNode(`.v-enter-from[data-v-5278f8d3],.v-leave-to[data-v-5278f8d3]{opacity:0;grid-template-rows:0fr;max-height:0}.v-enter-active[data-v-5278f8d3],.v-leave-active[data-v-5278f8d3]{transition:all .15s;display:grid}.v-enter-to[data-v-5278f8d3],.v-leave-from[data-v-5278f8d3]{opacity:1;grid-template-rows:1fr;max-height:50vh}.error-alert[data-v-5278f8d3]{transition-behavior:allow-discrete;min-height:0;display:grid;overflow:hidden}.error-alert>[data-v-5278f8d3]{min-height:0}.error-list[data-v-5278f8d3]{list-style-position:inside}.error-list [data-v-5278f8d3]::marker{margin:0;padding:0}.error-alert-content[data-v-5278f8d3]{background-color:var(--error-background,#fff5f5);color:var(--error-color,#c92a2a);padding:1em}.error-link[data-v-5278f8d3]{color:var(--error-color,#c92a2a);cursor:pointer;font-weight:700;position:relative}.error-link[data-v-5278f8d3]:after{content:"";background:rgba(from var(--error-color,#c92a2a) r g b / .5);height:1px;position:absolute;bottom:0;left:0;right:0}.text-h6[data-v-5278f8d3]{font-size:1.25em;font-weight:700}.error-message[data-v-5278f8d3]{font-style:italic}.error-item[data-v-5278f8d3]{margin-bottom:.5em;overflow:hidden}.error-item>div[data-v-5278f8d3]{float:right;width:100%;max-width:calc(100% - 1.5em)}.container[data-v-5278f8d3]{gap:1.5em;display:flex}.container svg[data-v-5278f8d3]{width:3em}.container .single-error[data-v-5278f8d3]{display:inline-block}`)),document.head.appendChild(e),window.customElements){let e=window.customElements.define;window.customElements.define=function(t,n){let r=n.prototype.connectedCallback;return n.prototype.connectedCallback=function(){if(r&&r.call(this),this.shadowRoot){let e=document.createElement(`style`);e.appendChild(document.createTextNode(`.v-enter-from[data-v-5278f8d3],.v-leave-to[data-v-5278f8d3]{opacity:0;grid-template-rows:0fr;max-height:0}.v-enter-active[data-v-5278f8d3],.v-leave-active[data-v-5278f8d3]{transition:all .15s;display:grid}.v-enter-to[data-v-5278f8d3],.v-leave-from[data-v-5278f8d3]{opacity:1;grid-template-rows:1fr;max-height:50vh}.error-alert[data-v-5278f8d3]{transition-behavior:allow-discrete;min-height:0;display:grid;overflow:hidden}.error-alert>[data-v-5278f8d3]{min-height:0}.error-list[data-v-5278f8d3]{list-style-position:inside}.error-list [data-v-5278f8d3]::marker{margin:0;padding:0}.error-alert-content[data-v-5278f8d3]{background-color:var(--error-background,#fff5f5);color:var(--error-color,#c92a2a);padding:1em}.error-link[data-v-5278f8d3]{color:var(--error-color,#c92a2a);cursor:pointer;font-weight:700;position:relative}.error-link[data-v-5278f8d3]:after{content:"";background:rgba(from var(--error-color,#c92a2a) r g b / .5);height:1px;position:absolute;bottom:0;left:0;right:0}.text-h6[data-v-5278f8d3]{font-size:1.25em;font-weight:700}.error-message[data-v-5278f8d3]{font-style:italic}.error-item[data-v-5278f8d3]{margin-bottom:.5em;overflow:hidden}.error-item>div[data-v-5278f8d3]{float:right;width:100%;max-width:calc(100% - 1.5em)}.container[data-v-5278f8d3]{gap:1.5em;display:flex}.container svg[data-v-5278f8d3]{width:3em}.container .single-error[data-v-5278f8d3]{display:inline-block}`)),this.shadowRoot.appendChild(e)}},e.call(window.customElements,t,n)}}}}catch(e){console.error(`vite-plugin-css-injected-by-js`,e)}})();
+(function(){try{if(typeof document<`u`){var e=document.createElement(`style`);if(e.appendChild(document.createTextNode(`.v-enter-from[data-v-5278f8d3],.v-leave-to[data-v-5278f8d3]{opacity:0;grid-template-rows:0fr;max-height:0}.v-enter-active[data-v-5278f8d3],.v-leave-active[data-v-5278f8d3]{transition:all .15s;display:grid}.v-enter-to[data-v-5278f8d3],.v-leave-from[data-v-5278f8d3]{opacity:1;grid-template-rows:1fr;max-height:50vh}.error-alert[data-v-5278f8d3]{transition-behavior:allow-discrete;min-height:0;display:grid;overflow:hidden}.error-alert>[data-v-5278f8d3]{min-height:0}.error-list[data-v-5278f8d3]{list-style-position:inside}.error-list [data-v-5278f8d3]::marker{margin:0;padding:0}.error-alert-content[data-v-5278f8d3]{background-color:var(--error-background,#fff5f5);color:var(--error-color,#c92a2a);padding:1em}.error-link[data-v-5278f8d3]{color:var(--error-color,#c92a2a);cursor:pointer;font-weight:700;position:relative}.error-link[data-v-5278f8d3]:after{content:"";background:rgba(from var(--error-color,#c92a2a) r g b / .5);height:1px;position:absolute;bottom:0;left:0;right:0}.text-h6[data-v-5278f8d3]{font-size:1.25em;font-weight:700}.error-message[data-v-5278f8d3]{font-style:italic}.error-item[data-v-5278f8d3]{margin-bottom:.5em;overflow:hidden}.error-item>div[data-v-5278f8d3]{float:right;width:100%;max-width:calc(100% - 1.5em)}.container[data-v-5278f8d3]{gap:1.5em;display:flex}.container svg[data-v-5278f8d3]{width:3em}.container .single-error[data-v-5278f8d3]{display:inline-block}`)),document.head.appendChild(e),window.customElements){let e=window.customElements.define;window.customElements.define=function(t,n){let r=n.prototype.connectedCallback;return n.prototype.connectedCallback=function(){if(r&&r.call(this),this.shadowRoot){let e=document.createElement(`style`);e.appendChild(document.createTextNode(`.v-enter-from[data-v-5278f8d3],.v-leave-to[data-v-5278f8d3]{opacity:0;grid-template-rows:0fr;max-height:0}.v-enter-active[data-v-5278f8d3],.v-leave-active[data-v-5278f8d3]{transition:all .15s;display:grid}.v-enter-to[data-v-5278f8d3],.v-leave-from[data-v-5278f8d3]{opacity:1;grid-template-rows:1fr;max-height:50vh}.error-alert[data-v-5278f8d3]{transition-behavior:allow-discrete;min-height:0;display:grid;overflow:hidden}.error-alert>[data-v-5278f8d3]{min-height:0}.error-list[data-v-5278f8d3]{list-style-position:inside}.error-list [data-v-5278f8d3]::marker{margin:0;padding:0}.error-alert-content[data-v-5278f8d3]{background-color:var(--error-background,#fff5f5);color:var(--error-color,#c92a2a);padding:1em}.error-link[data-v-5278f8d3]{color:var(--error-color,#c92a2a);cursor:pointer;font-weight:700;position:relative}.error-link[data-v-5278f8d3]:after{content:"";background:rgba(from var(--error-color,#c92a2a) r g b / .5);height:1px;position:absolute;bottom:0;left:0;right:0}.text-h6[data-v-5278f8d3]{font-size:1.25em;font-weight:700}.error-message[data-v-5278f8d3]{font-style:italic}.error-item[data-v-5278f8d3]{margin-bottom:.5em;overflow:hidden}.error-item>div[data-v-5278f8d3]{float:right;width:100%;max-width:calc(100% - 1.5em)}.container[data-v-5278f8d3]{gap:1.5em;display:flex}.container svg[data-v-5278f8d3]{width:3em}.container .single-error[data-v-5278f8d3]{display:inline-block}`)),this.shadowRoot.appendChild(e)}},e.call(window.customElements,t,n)}}}}catch(e){console.error(`vite-plugin-css-injected-by-js`,e)}})();
+import e from "./vue-components96.es.js";
+
+import t from "./vue-components98.es.js";
+//#region src/components/OmegaForm/OmegaErrorsInternal.vue
+var n = /* @__PURE__ */ t(e, [["__scopeId", "data-v-5278f8d3"]]);
+//#endregion
+export { n as default };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@effect-app/vue-components",
-  "version": "4.0.0-beta.220",
+  "version": "4.0.0-beta.221",
   "peerDependencies": {
     "@mdi/js": "^7.4.47",
     "effect": "^4.0.0-beta.62",
@@ -57,8 +57,8 @@
     "highlight.js": "^11.11.1",
     "mitt": "^3.0.1",
     "vue3-highlightjs": "^1.0.5",
-    "@effect-app/vue": "4.0.0-beta.220",
-    "effect-app": "4.0.0-beta.220"
+    "@effect-app/vue": "4.0.0-beta.221",
+    "effect-app": "4.0.0-beta.221"
   },
   "scripts": {
     "check": "vue-tsc",

package/src/components/CommandButton.vue

@@ -3,7 +3,7 @@
   lang="ts"
   generic="I = never, RA = unknown, RE = unknown"
 >
-import type { CommandBase, Progress } from "@effect-app/vue"
+import type { CommandBase, Progress } from "@effect-app/vue/makeClient"
 import type * as AsyncResult from "effect/unstable/reactivity/AsyncResult"
 import { computed } from "vue"
 import type { VBtn } from "vuetify/components"

package/src/components/OmegaForm/OmegaAutoGen.vue

@@ -20,7 +20,7 @@
   Name extends DeepKeys<From>"
 >
 import { type DeepKeys } from "@tanstack/vue-form"
-import { Order } from "effect-app"
+import * as Order from "effect/Order"
 import { computed } from "vue"
 import { type FieldMeta } from "./meta/types"
 import { type FieldPath, type OmegaAutoGenMeta, type OmegaInputProps } from "./types"

package/src/components/OmegaForm/index.ts

@@ -1,4 +1,4 @@
-import type { S } from "effect-app"
+import type * as S from "effect-app/Schema"
 
 export { getInputType, type SupportedInputs } from "./inputs"
 export { createMeta, generateMetaFromSchema, isNullableOrUndefined, metadataFromAst } from "./meta/createMeta"

package/src/components/OmegaForm/meta/checks.ts

@@ -1,5 +1,6 @@
 /* eslint-disable @typescript-eslint/no-explicit-any */
-import { type Record, S } from "effect-app"
+import * as S from "effect-app/Schema"
+import type * as Record from "effect/Record"
 import type { FieldMeta } from "./types"
 
 export const getCheckMetas = (property: S.AST.AST): Array<Record<string, any>> => {

package/src/components/OmegaForm/meta/createMeta.ts

@@ -1,5 +1,7 @@
 /* eslint-disable @typescript-eslint/no-explicit-any */
-import { type Effect, type Record, S } from "effect-app"
+import type * as Effect from "effect-app/Effect"
+import * as S from "effect-app/Schema"
+import type * as Record from "effect/Record"
 import { getTransformationFrom } from "../../../utils"
 import type { FieldMeta, MetaRecord } from "./types"
 import { classifyAndWalkUnion, leafMetaForAst, type ParentMeta, type WalkerContext, walkStruct } from "./walker"

package/src/components/OmegaForm/meta/defaults.ts

@@ -1,5 +1,7 @@
 /* eslint-disable @typescript-eslint/no-explicit-any */
-import { Effect, Option, S } from "effect-app"
+import * as Effect from "effect-app/Effect"
+import * as Option from "effect-app/Option"
+import * as S from "effect-app/Schema"
 import { isNullableOrUndefined, unwrapDeclaration } from "./createMeta"
 
 const extractDefaultFromLink = (link: any): unknown | undefined => {

package/src/components/OmegaForm/meta/redacted.ts

@@ -1,4 +1,4 @@
-import { S } from "effect-app"
+import * as S from "effect-app/Schema"
 
 /*
  * Checks if an AST node is a S.Redacted Declaration without encoding.

package/src/components/OmegaForm/meta/types.ts

@@ -1,6 +1,6 @@
 /* eslint-disable @typescript-eslint/no-explicit-any */
 import type { DeepKeys } from "@tanstack/vue-form"
-import type { S } from "effect-app"
+import type * as S from "effect-app/Schema"
 import type { Redacted } from "effect/Redacted"
 
 // Recursively replace Redacted<A> with its inner type so DeepKeys treats it as a leaf

package/src/components/OmegaForm/meta/walker.ts

@@ -1,6 +1,6 @@
 /* eslint-disable @typescript-eslint/no-explicit-any -- AST walker interops with Effect Schema generics */
 /* eslint-disable @typescript-eslint/no-use-before-define -- mutual recursion between walk and helpers (handleStruct/handleUnion/etc.) */
-import { S } from "effect-app"
+import * as S from "effect-app/Schema"
 import { getFieldMetadataFromAst } from "./checks"
 import { isNullableOrUndefined, unwrapDeclaration } from "./createMeta"
 import type { FieldMeta, MetaRecord, NestedKeyOf, SelectFieldMeta } from "./types"

package/src/components/OmegaForm/submit.ts

@@ -2,8 +2,11 @@
 
 import * as api from "@opentelemetry/api"
 import type { DeepKeys, StandardSchemaV1Issue, ValidationError, ValidationErrorMap } from "@tanstack/vue-form"
-import { Data, Effect, Fiber, Option } from "effect-app"
+import * as Effect from "effect-app/Effect"
+import * as Option from "effect-app/Option"
 import { runtimeFiberAsPromise } from "effect-app/utils"
+import * as Data from "effect/Data"
+import * as Fiber from "effect/Fiber"
 import type { Fiber as EffectFiber } from "effect/Fiber"
 import type { OmegaFormApi, OmegaFormParams } from "./types"
 

package/src/components/OmegaForm/types.ts

@@ -1,8 +1,10 @@
 /* eslint-disable @typescript-eslint/no-explicit-any */
 import type { DeepKeys, DeepValue, FieldApi, FieldAsyncValidateOrFn, FieldState, FieldValidateOrFn, FormApi, FormAsyncValidateOrFn, FormOptions, FormState, FormValidateOrFn, StandardSchemaV1, VueFormApi } from "@tanstack/vue-form"
-import type { Effect, Order, S } from "effect-app"
+import type * as Effect from "effect-app/Effect"
+import type * as S from "effect-app/Schema"
 import type { UnionToTuples } from "effect-app/utils"
 import type { Fiber as EffectFiber } from "effect/Fiber"
+import type * as Order from "effect/Order"
 import type { Redacted } from "effect/Redacted"
 import type { AllowedComponentProps, ComponentCustomProps, ComputedRef, PublicProps, ShallowUnwrapRef, VNode, VNodeProps } from "vue"
 import type { MergedInputProps, OmegaFieldInternalApi, TaggedUnionOptionsArray } from "./InputProps"

package/src/components/OmegaForm/useOmegaForm.ts

@@ -2,7 +2,8 @@
 /* eslint-disable @typescript-eslint/no-explicit-any */
 
 import { type FormAsyncValidateOrFn, type FormValidateOrFn, revalidateLogic, type StandardSchemaV1, useForm } from "@tanstack/vue-form"
-import { Context, S } from "effect-app"
+import * as Context from "effect-app/Context"
+import * as S from "effect-app/Schema"
 import { type InjectionKey, watch } from "vue"
 import { eHoc, makeFieldMap } from "./errors"
 import { fHoc } from "./hocs"

package/src/components/OmegaForm/useRegisterField.ts

@@ -1,4 +1,4 @@
-import { injectCertain } from "@effect-app/vue"
+import { injectCertain } from "@effect-app/vue/makeContext"
 import { type ComputedRef, type InjectionKey, onUnmounted, provide, watch } from "vue"
 
 const Key = Symbol("injected") as InjectionKey<Map<string, { label: string; id: string }>>

package/src/components/OmegaForm/validation/localized.ts

@@ -1,6 +1,7 @@
 /* eslint-disable @typescript-eslint/no-explicit-any */
 import type { StandardSchemaV1 } from "@tanstack/vue-form"
-import { Option, S } from "effect-app"
+import * as Option from "effect-app/Option"
+import * as S from "effect-app/Schema"
 import type { useIntl } from "../../../utils"
 
 export type TransFn = ReturnType<typeof useIntl>["trans"]

package/src/utils/index.ts

@@ -1,5 +1,5 @@
-import { type makeIntl } from "@effect-app/vue"
-import type { S } from "effect-app"
+import { type makeIntl } from "@effect-app/vue/makeIntl"
+import type * as S from "effect-app/Schema"
 import { inject, type InjectionKey, provide } from "vue"
 
 export const useIntlKey = Symbol() as InjectionKey<