@wirecore/wirelayer-vue 0.5.0 → 0.6.0

package/dist/editor.js

@@ -1,5 +1,5 @@
 import { a as e, n as t } from "./recipes-BlM9aKyt.js";
-import { t as n } from "./Button-DZ_ZGl7X.js";
+import { t as n } from "./Button-BpMOPs8b.js";
 import { t as r } from "./Checkbox-D9f77jtl.js";
 import { Fragment as i, computed as a, createBlock as o, createCommentVNode as s, createElementBlock as c, createElementVNode as l, createTextVNode as u, createVNode as d, defineComponent as f, nextTick as ee, normalizeClass as p, normalizeStyle as te, onBeforeUnmount as ne, openBlock as m, ref as h, renderList as g, resolveDynamicComponent as re, toDisplayString as _, unref as v, useAttrs as ie, useId as ae, useTemplateRef as y, vModelText as b, watch as oe, withCtx as x, withDirectives as S, withKeys as se, withModifiers as C } from "vue";
 import { Baseline as ce, Bold as le, Code as ue, CodeXml as de, Heading2 as fe, Heading3 as pe, Highlighter as me, Image as he, Italic as ge, Link as _e, List as ve, ListChecks as ye, ListCollapse as be, ListOrdered as xe, Minus as Se, Pilcrow as Ce, Redo2 as we, SquareCode as Te, Strikethrough as Ee, Subscript as De, Superscript as Oe, Table as ke, TextAlignCenter as Ae, TextAlignEnd as je, TextAlignJustify as Me, TextAlignStart as Ne, TextQuote as Pe, Underline as Fe, Undo2 as Ie } from "@lucide/vue";

package/dist/form/FormField.vue.d.ts

@@ -11,11 +11,16 @@ export interface FormFieldProps {
     optional?: boolean;
     disabled?: boolean;
 }
-declare var __VLS_7: {
-    field: AnyFieldApi;
-};
-type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_7) => any;
+type __VLS_Slots = {
+    default?(props: {
+        field: AnyFieldApi;
+    }): unknown;
+    /** Own content of the label (instead of `label`) */
+    label?(): unknown;
+    /** Own helper text, e.g. with a link – part of the control's description (instead of `helperText`) */
+    'helper-text'?(): unknown;
+    /** Own confirmation (instead of `success`) */
+    success?(): unknown;
 };
 declare const __VLS_base: import("vue").DefineComponent<FormFieldProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<FormFieldProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/form/FormField.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FormField.vue.d.ts","sourceRoot":"","sources":["../../src/form/FormField.vue"],"names":[],"mappings":"AA2CA,OAAO,EAAY,KAAK,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAKhE,MAAM,WAAW,cAAc;IAC3B,uEAAuE;IACvE,KAAK,EAAE,WAAW,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,uDAAuD;IACvD,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,mCAAmC;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACtB;AA6CD,QAAA,IAAI,OAAO;;CAAW,CAAC;AACvB,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AAG/C,QAAA,MAAM,UAAU,wSAEd,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AACzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}
+{"version":3,"file":"FormField.vue.d.ts","sourceRoot":"","sources":["../../src/form/FormField.vue"],"names":[],"mappings":"AAuDA,OAAO,EAAY,KAAK,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAKhE,MAAM,WAAW,cAAc;IAC3B,uEAAuE;IACvE,KAAK,EAAE,WAAW,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,uDAAuD;IACvD,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,mCAAmC;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACtB;AAKD,KAAK,WAAW,GAAG;IACf,OAAO,CAAC,CAAC,KAAK,EAAE;QAAE,KAAK,EAAE,WAAW,CAAA;KAAE,GAAG,OAAO,CAAC;IACjD,oDAAoD;IACpD,KAAK,CAAC,IAAI,OAAO,CAAC;IAClB,sGAAsG;IACtG,aAAa,CAAC,IAAI,OAAO,CAAC;IAC1B,8CAA8C;IAC9C,OAAO,CAAC,IAAI,OAAO,CAAC;CACvB,CAAC;AAyEF,QAAA,MAAM,UAAU,wSAEd,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AACzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}

package/dist/form.js

@@ -1,23 +1,23 @@
 import { a as e, i as t, n } from "./recipes-BlM9aKyt.js";
-import { t as r } from "./Button-DZ_ZGl7X.js";
-import { t as i } from "./Field-BdIPugFP.js";
-import { n as a, t as o } from "./Input-C59NJK4m.js";
-import { Fragment as s, computed as c, createBlock as l, createCommentVNode as u, createElementBlock as d, createElementVNode as f, createTextVNode as p, createVNode as m, defineComponent as h, guardReactiveProps as g, mergeProps as _, nextTick as v, normalizeClass as y, normalizeProps as b, openBlock as x, ref as S, renderList as C, renderSlot as w, toDisplayString as T, unref as E, useAttrs as D, useId as O, useTemplateRef as k, withCtx as A } from "vue";
-import { ArrowDown as j, ArrowUp as M, Plus as N, Trash2 as P } from "@lucide/vue";
-import { combineValidators as F, createValidator as I, createValidators as L, formList as ee, hasLength as R, isEmail as z, isIban as B, isInRange as V, isInteger as H, isPhone as U, isRequired as W, isUrl as G, keyValueEditor as K, matchesField as q, matchesPattern as J, visuallyHidden as Y } from "@wirecore/wirelayer-recipes";
-import { useStore as X } from "@tanstack/vue-form";
+import { t as r } from "./Button-BpMOPs8b.js";
+import { t as i } from "./Field-B1EsNF84.js";
+import { n as a, t as o } from "./Input-BhnYMKjE.js";
+import { Fragment as s, computed as c, createBlock as l, createCommentVNode as u, createElementBlock as d, createElementVNode as f, createSlots as p, createTextVNode as m, createVNode as h, defineComponent as g, guardReactiveProps as _, mergeProps as v, nextTick as y, normalizeClass as b, normalizeProps as ee, openBlock as x, ref as S, renderList as C, renderSlot as w, toDisplayString as T, unref as E, useAttrs as D, useId as O, useTemplateRef as k, withCtx as A } from "vue";
+import { ArrowDown as j, ArrowUp as te, Plus as ne, Trash2 as re } from "@lucide/vue";
+import { combineValidators as M, createValidator as N, createValidators as P, formList as F, hasLength as I, isEmail as L, isIban as R, isInRange as z, isInteger as B, isPhone as V, isRequired as H, isUrl as U, keyValueEditor as W, matchesField as G, matchesPattern as K, visuallyHidden as q } from "@wirecore/wirelayer-recipes";
+import { useStore as J } from "@tanstack/vue-form";
 //#region src/form/bind.ts
-var te = (e) => ({
+var Y = (e) => ({
 	name: e.name,
 	modelValue: e.state.value ?? "",
 	"onUpdate:modelValue": (t) => e.handleChange(t ?? ""),
 	onBlur: e.handleBlur
-}), ne = (e) => ({
+}), ie = (e) => ({
 	name: e.name,
 	checked: e.state.value,
 	"onUpdate:checked": (t) => e.handleChange(t === !0),
 	onBlur: e.handleBlur
-}), re = (e) => ({
+}), ae = (e) => ({
 	name: e.name,
 	modelValue: e.state.value,
 	"onUpdate:modelValue": (t) => e.handleChange(t),
@@ -25,7 +25,7 @@ var te = (e) => ({
 });
 //#endregion
 //#region src/form/errors.ts
-function Z(e) {
+function X(e) {
 	for (let t of e) {
 		if (typeof t == "string" && t) return t;
 		if (t && typeof t == "object" && "message" in t && typeof t.message == "string") return t.message;
@@ -33,19 +33,19 @@ function Z(e) {
 }
 //#endregion
 //#region src/form/errors-summary.ts
-function ie(e, t = {}) {
-	let n = X(e.store, (e) => e.fieldMeta), r = X(e.store, (e) => e.submissionAttempts), i = (e) => typeof t.ids == "function" ? t.ids(e) : t.ids?.[e] ?? e;
+function oe(e, t = {}) {
+	let n = J(e.store, (e) => e.fieldMeta), r = J(e.store, (e) => e.submissionAttempts), i = (e) => typeof t.ids == "function" ? t.ids(e) : t.ids?.[e] ?? e;
 	return {
 		errors: c(() => Object.entries(n.value).map(([e, t]) => ({
 			id: i(e),
-			message: t?.isTouched && Z(t.errors ?? []) || ""
+			message: t?.isTouched && X(t.errors ?? []) || ""
 		})).filter((e) => !!e.message)),
 		attempts: c(() => r.value)
 	};
 }
 //#endregion
 //#region src/form/FormField.vue
-var ae = /* @__PURE__ */ h({
+var se = /* @__PURE__ */ g({
 	__name: "FormField",
 	props: {
 		field: {},
@@ -57,7 +57,7 @@ var ae = /* @__PURE__ */ h({
 		disabled: { type: Boolean }
 	},
 	setup(e) {
-		let t = X(e.field.store, (e) => e.meta), n = c(() => t.value.isTouched ? Z(t.value.errors) : void 0);
+		let t = J(e.field.store, (e) => e.meta), n = c(() => t.value.isTouched ? X(t.value.errors) : void 0);
 		return (t, r) => (x(), l(i, {
 			label: e.label,
 			"helper-text": e.helperText,
@@ -66,10 +66,26 @@ var ae = /* @__PURE__ */ h({
 			required: e.required,
 			optional: e.optional,
 			disabled: e.disabled
-		}, {
+		}, p({
 			default: A(() => [w(t.$slots, "default", { field: e.field })]),
-			_: 3
-		}, 8, [
+			_: 2
+		}, [
+			t.$slots.label ? {
+				name: "label",
+				fn: A(() => [w(t.$slots, "label")]),
+				key: "0"
+			} : void 0,
+			t.$slots["helper-text"] ? {
+				name: "helper-text",
+				fn: A(() => [w(t.$slots, "helper-text")]),
+				key: "1"
+			} : void 0,
+			t.$slots.success ? {
+				name: "success",
+				fn: A(() => [w(t.$slots, "success")]),
+				key: "2"
+			} : void 0
+		]), 1032, [
 			"label",
 			"helper-text",
 			"success",
@@ -79,7 +95,7 @@ var ae = /* @__PURE__ */ h({
 			"disabled"
 		]));
 	}
-}), oe = ["aria-label", "onKeydown"], se = "input, select, textarea, button:not(:disabled), [tabindex]", Q = "input, select, textarea, button, [tabindex]", $ = /* @__PURE__ */ h({
+}), ce = ["aria-label", "onKeydown"], le = "input, select, textarea, button:not(:disabled), [tabindex]", Z = "input, select, textarea, button, [tabindex]", Q = /* @__PURE__ */ g({
 	inheritAttrs: !1,
 	__name: "FormList",
 	props: {
@@ -97,126 +113,126 @@ var ae = /* @__PURE__ */ h({
 		classes: {}
 	},
 	setup(t) {
-		let i = t, o = n("formList", ee, () => i.classes), l = D(), h = e().formList, _ = o(), O = k("list"), F = X(i.field.store, (e) => e.value), I = c(() => F.value?.length ?? 0), L = c(() => i.max !== void 0 && I.value >= i.max), R = c(() => I.value <= i.min), z = S(""), B = (e) => (i.itemLabel ?? h.item)(e + 1), V = Y(), H = () => [...O.value?.querySelectorAll(":scope > li") ?? []];
-		async function U(e, t) {
-			await v();
-			let n = H()[e];
-			n && (t?.(n) ?? n.querySelector(se))?.focus();
+		let i = t, o = n("formList", F, () => i.classes), l = D(), p = e().formList, g = o(), v = k("list"), O = J(i.field.store, (e) => e.value), M = c(() => O.value?.length ?? 0), N = c(() => i.max !== void 0 && M.value >= i.max), P = c(() => M.value <= i.min), I = S(""), L = (e) => (i.itemLabel ?? p.item)(e + 1), R = q(), z = () => [...v.value?.querySelectorAll(":scope > li") ?? []];
+		async function B(e, t) {
+			await y();
+			let n = z()[e];
+			n && (t?.(n) ?? n.querySelector(le))?.focus();
 		}
-		let W = (e) => e.querySelector("[data-action=up]:not(:disabled)") ?? e.querySelector("[data-action=down]:not(:disabled)");
-		function G() {
-			if (L.value) return;
-			let e = I.value;
-			i.field.pushValue(i.newItem()), z.value = h.added(B(e)), U(e);
+		let V = (e) => e.querySelector("[data-action=up]:not(:disabled)") ?? e.querySelector("[data-action=down]:not(:disabled)");
+		function H() {
+			if (N.value) return;
+			let e = M.value;
+			i.field.pushValue(i.newItem()), I.value = p.added(L(e)), B(e);
 		}
-		async function K(e) {
-			if (R.value) return;
-			let t = B(e);
-			i.field.removeValue(e), z.value = h.removed(t), await v();
-			let n = H();
-			(n[Math.min(e, n.length - 1)]?.querySelector("[data-action=\"remove\"]:not(:disabled)") ?? O.value?.parentElement?.querySelector("[data-action=\"add\"]"))?.focus();
+		async function U(e) {
+			if (P.value) return;
+			let t = L(e);
+			i.field.removeValue(e), I.value = p.removed(t), await y();
+			let n = z();
+			(n[Math.min(e, n.length - 1)]?.querySelector("[data-action=\"remove\"]:not(:disabled)") ?? v.value?.parentElement?.querySelector("[data-action=\"add\"]"))?.focus();
 		}
-		function q(e, t, n = W) {
+		function W(e, t, n = V) {
 			let r = e + t;
-			r < 0 || r >= I.value || (i.field.moveValue(e, r), z.value = h.moved(B(e), r + 1), U(r, n));
+			r < 0 || r >= M.value || (i.field.moveValue(e, r), I.value = p.moved(L(e), r + 1), B(r, n));
 		}
-		function J(e, t) {
+		function G(e, t) {
 			if (!i.reorderable || !t.altKey || t.key !== "ArrowUp" && t.key !== "ArrowDown") return;
 			t.preventDefault();
-			let n = [...t.currentTarget.querySelectorAll(Q)].indexOf(t.target);
-			q(e, t.key === "ArrowUp" ? -1 : 1, (e) => {
-				let t = e.querySelectorAll(Q)[n];
-				return t && !t.matches(":disabled") ? t : W(e);
+			let n = [...t.currentTarget.querySelectorAll(Z)].indexOf(t.target);
+			W(e, t.key === "ArrowUp" ? -1 : 1, (e) => {
+				let t = e.querySelectorAll(Z)[n];
+				return t && !t.matches(":disabled") ? t : V(e);
 			});
 		}
-		return (e, n) => (x(), d("fieldset", b(g({
+		return (e, n) => (x(), d("fieldset", ee(_({
 			...E(l),
-			class: E(_).base({ class: y(E(l).class) })
+			class: E(g).base({ class: b(E(l).class) })
 		})), [
-			f("legend", { class: y(E(_).legend()) }, T(t.label), 3),
+			f("legend", { class: b(E(g).legend()) }, T(t.label), 3),
 			f("ol", {
 				ref_key: "list",
-				ref: O,
-				class: y(E(_).list())
-			}, [(x(!0), d(s, null, C(E(F) ?? [], (n, r) => (x(), d("li", {
+				ref: v,
+				class: b(E(g).list())
+			}, [(x(!0), d(s, null, C(E(O) ?? [], (n, r) => (x(), d("li", {
 				key: r,
-				class: y(E(_).item()),
-				"aria-label": B(r),
-				onKeydown: (e) => J(r, e)
+				class: b(E(g).item()),
+				"aria-label": L(r),
+				onKeydown: (e) => G(r, e)
 			}, [
 				f("span", {
-					class: y(E(_).index()),
+					class: b(E(g).index()),
 					"aria-hidden": "true"
 				}, T(r + 1), 3),
-				f("div", { class: y(E(_).body()) }, [w(e.$slots, "item", {
+				f("div", { class: b(E(g).body()) }, [w(e.$slots, "item", {
 					index: r,
-					itemLabel: B(r),
-					remove: () => K(r),
-					moveUp: () => q(r, -1),
-					moveDown: () => q(r, 1)
+					itemLabel: L(r),
+					remove: () => U(r),
+					moveUp: () => W(r, -1),
+					moveDown: () => W(r, 1)
 				})], 2),
-				f("div", { class: y(E(_).actions()) }, [t.reorderable ? (x(), d(s, { key: 0 }, [m(a, {
-					icon: E(M),
-					label: E(h).moveUp(B(r)),
+				f("div", { class: b(E(g).actions()) }, [t.reorderable ? (x(), d(s, { key: 0 }, [h(a, {
+					icon: E(te),
+					label: E(p).moveUp(L(r)),
 					variant: "text",
 					size: "sm",
 					"data-action": "up",
 					disabled: r === 0,
-					onClick: (e) => q(r, -1)
+					onClick: (e) => W(r, -1)
 				}, null, 8, [
 					"icon",
 					"label",
 					"disabled",
 					"onClick"
-				]), m(a, {
+				]), h(a, {
 					icon: E(j),
-					label: E(h).moveDown(B(r)),
+					label: E(p).moveDown(L(r)),
 					variant: "text",
 					size: "sm",
 					"data-action": "down",
-					disabled: r === I.value - 1,
-					onClick: (e) => q(r, 1)
+					disabled: r === M.value - 1,
+					onClick: (e) => W(r, 1)
 				}, null, 8, [
 					"icon",
 					"label",
 					"disabled",
 					"onClick"
-				])], 64)) : u("", !0), m(a, {
-					icon: E(P),
-					label: E(h).remove(B(r)),
+				])], 64)) : u("", !0), h(a, {
+					icon: E(re),
+					label: E(p).remove(L(r)),
 					variant: "text",
 					size: "sm",
 					"data-action": "remove",
-					disabled: R.value,
-					onClick: (e) => K(r)
+					disabled: P.value,
+					onClick: (e) => U(r)
 				}, null, 8, [
 					"icon",
 					"label",
 					"disabled",
 					"onClick"
 				])], 2)
-			], 42, oe))), 128))], 2),
-			f("div", { class: y(E(_).footer()) }, [m(r, {
+			], 42, ce))), 128))], 2),
+			f("div", { class: b(E(g).footer()) }, [h(r, {
 				variant: "outline",
 				size: "sm",
-				"leading-icon": E(N),
+				"leading-icon": E(ne),
 				"data-action": "add",
-				disabled: L.value,
-				onClick: G
+				disabled: N.value,
+				onClick: H
 			}, {
-				default: A(() => [p(T(t.addLabel ?? E(h).add), 1)]),
+				default: A(() => [m(T(t.addLabel ?? E(p).add), 1)]),
 				_: 1
 			}, 8, ["leading-icon", "disabled"]), t.max !== void 0 || t.min > 0 ? (x(), d("span", {
 				key: 0,
-				class: y(E(_).hint())
-			}, T([t.min > 0 ? E(h).min(t.min) : "", t.max === void 0 ? "" : E(h).max(t.max)].filter(Boolean).join(" · ")), 3)) : u("", !0)], 2),
+				class: b(E(g).hint())
+			}, T([t.min > 0 ? E(p).min(t.min) : "", t.max === void 0 ? "" : E(p).max(t.max)].filter(Boolean).join(" · ")), 3)) : u("", !0)], 2),
 			f("span", {
 				role: "status",
-				class: y(E(V))
-			}, T(z.value), 3)
+				class: b(E(R))
+			}, T(I.value), 3)
 		], 16));
 	}
-}), ce = ["id"], le = /* @__PURE__ */ h({
+}), $ = ["id"], ue = /* @__PURE__ */ g({
 	inheritAttrs: !1,
 	__name: "KeyValueEditor",
 	props: {
@@ -235,20 +251,20 @@ var ae = /* @__PURE__ */ h({
 		classes: {}
 	},
 	setup(t) {
-		let r = t, i = n("keyValueEditor", K, () => r.classes), a = D(), s = e().keyValueEditor, f = i(), p = O(), h = X(r.field.store, (e) => e.value ?? []), g = c(() => {
+		let r = t, i = n("keyValueEditor", W, () => r.classes), a = D(), s = e().keyValueEditor, f = i(), p = O(), m = J(r.field.store, (e) => e.value ?? []), g = c(() => {
 			let e = /* @__PURE__ */ new Map();
-			for (let t of h.value) t.key.trim() && e.set(t.key.trim(), (e.get(t.key.trim()) ?? 0) + 1);
+			for (let t of m.value) t.key.trim() && e.set(t.key.trim(), (e.get(t.key.trim()) ?? 0) + 1);
 			return new Set([...e].filter(([, e]) => e > 1).map(([e]) => e));
-		}), v = (e) => r.uniqueKeys && g.value.has(h.value[e]?.key.trim() ?? "");
-		function b(e, t, n) {
+		}), _ = (e) => r.uniqueKeys && g.value.has(m.value[e]?.key.trim() ?? "");
+		function y(e, t, n) {
 			r.field.replaceValue(e, {
-				...h.value[e],
+				...m.value[e],
 				[t]: n
 			});
 		}
-		return (e, n) => (x(), l($, _({
+		return (e, n) => (x(), l(Q, v({
 			...E(a),
-			class: E(f).base({ class: y(E(a).class) })
+			class: E(f).base({ class: b(E(a).class) })
 		}, {
 			field: t.field,
 			label: t.label,
@@ -262,14 +278,14 @@ var ae = /* @__PURE__ */ h({
 			max: t.max
 		}), {
 			item: A(({ index: e, itemLabel: n }) => [
-				m(o, {
-					"model-value": E(h)[e]?.key ?? "",
+				h(o, {
+					"model-value": E(m)[e]?.key ?? "",
 					"aria-label": `${t.keyLabel ?? E(s).key}, ${n}`,
 					placeholder: t.keyPlaceholder,
-					invalid: v(e),
-					"aria-describedby": v(e) ? `${E(p)}-${e}` : void 0,
-					class: y(E(f).cell()),
-					"onUpdate:modelValue": (t) => b(e, "key", t ?? "")
+					invalid: _(e),
+					"aria-describedby": _(e) ? `${E(p)}-${e}` : void 0,
+					class: b(E(f).cell()),
+					"onUpdate:modelValue": (t) => y(e, "key", t ?? "")
 				}, null, 8, [
 					"model-value",
 					"aria-label",
@@ -279,12 +295,12 @@ var ae = /* @__PURE__ */ h({
 					"class",
 					"onUpdate:modelValue"
 				]),
-				m(o, {
-					"model-value": E(h)[e]?.value ?? "",
+				h(o, {
+					"model-value": E(m)[e]?.value ?? "",
 					"aria-label": `${t.valueLabel ?? E(s).value}, ${n}`,
 					placeholder: t.valuePlaceholder,
-					class: y(E(f).cell()),
-					"onUpdate:modelValue": (t) => b(e, "value", t ?? "")
+					class: b(E(f).cell()),
+					"onUpdate:modelValue": (t) => y(e, "value", t ?? "")
 				}, null, 8, [
 					"model-value",
 					"aria-label",
@@ -292,11 +308,11 @@ var ae = /* @__PURE__ */ h({
 					"class",
 					"onUpdate:modelValue"
 				]),
-				v(e) ? (x(), d("p", {
+				_(e) ? (x(), d("p", {
 					key: 0,
 					id: `${E(p)}-${e}`,
-					class: y(E(f).error())
-				}, T(E(s).duplicate), 11, ce)) : u("", !0)
+					class: b(E(f).error())
+				}, T(E(s).duplicate), 11, $)) : u("", !0)
 			]),
 			_: 1
 		}, 16, [
@@ -311,11 +327,11 @@ var ae = /* @__PURE__ */ h({
 });
 //#endregion
 //#region src/form/validators.ts
-function ue() {
+function de() {
 	let e = t();
-	return L(e.value.translations.validation, e.value.locale);
+	return P(e.value.translations.validation, e.value.locale);
 }
-async function de(e, t) {
+async function fe(e, t) {
 	await Promise.all(t.map((t) => e.validateField(t, "change")));
 	for (let n of t) e.setFieldMeta(n, ((e) => ({
 		...e,
@@ -324,4 +340,4 @@ async function de(e, t) {
 	return t.every((t) => !e.getFieldMeta(t)?.errors?.some(Boolean));
 }
 //#endregion
-export { $ as FieldArray, $ as FormList, ae as FormField, le as KeyValueEditor, ne as bindCheckbox, te as bindInput, re as bindValue, F as combineValidators, I as createValidator, Z as firstError, R as hasLength, z as isEmail, B as isIban, V as isInRange, H as isInteger, U as isPhone, W as isRequired, G as isUrl, q as matchesField, J as matchesPattern, ie as useFormErrors, ue as useValidators, de as validateFields };
+export { Q as FieldArray, Q as FormList, se as FormField, ue as KeyValueEditor, ie as bindCheckbox, Y as bindInput, ae as bindValue, M as combineValidators, N as createValidator, X as firstError, I as hasLength, L as isEmail, R as isIban, z as isInRange, B as isInteger, V as isPhone, H as isRequired, U as isUrl, G as matchesField, K as matchesPattern, oe as useFormErrors, de as useValidators, fe as validateFields };