@charpente-ui/vue 2.1.0 → 2.1.2

package/dist/components/BaseButton.js

@@ -1,5 +1,16 @@
-import e from "./BaseButton.vue?vue&type=script&setup=true&lang.js";
-//#region src/components/BaseButton.vue
-var t = e;
+import { computed as e, createBlock as t, defineComponent as n, mergeProps as r, openBlock as i, renderSlot as a, resolveDynamicComponent as o, useAttrs as s, withCtx as c } from "vue";
+//#region src/components/BaseButton.vue?vue&type=script&setup=true&lang.ts
+var l = /*@__PURE__*/ n({
+	inheritAttrs: !1,
+	__name: "BaseButton",
+	props: { as: { default: "button" } },
+	setup(n) {
+		let l = n, u = s(), d = e(() => typeof u.type == "string" ? u.type : l.as === "button" ? "button" : void 0);
+		return (e, s) => (i(), t(o(n.as), r(e.$attrs, { type: d.value }), {
+			default: c(() => [a(e.$slots, "default")]),
+			_: 3
+		}, 16, ["type"]));
+	}
+});
 //#endregion
-export { t as default };
+export { l as default };

package/dist/components/BaseButton2.js

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

package/dist/components/BaseCheckbox.js

@@ -1,5 +1,40 @@
-import e from "./BaseCheckbox.vue?vue&type=script&setup=true&lang.js";
-//#region src/components/BaseCheckbox.vue
-var t = e;
+import { checkboxGroupKey as e } from "./internal/keys.js";
+import { useFieldControl as t } from "./internal/field.js";
+import { computed as n, createElementBlock as r, defineComponent as i, inject as a, isRef as o, mergeModels as s, mergeProps as c, openBlock as l, unref as u, useAttrs as d, useModel as f, useTemplateRef as p, vModelCheckbox as m, watchPostEffect as h, withDirectives as g } from "vue";
+//#region src/components/BaseCheckbox.vue?vue&type=script&setup=true&lang.ts
+var _ = [
+	"id",
+	"aria-describedby",
+	"aria-invalid",
+	"name",
+	"value"
+], v = /*@__PURE__*/ i({
+	inheritAttrs: !1,
+	__name: "BaseCheckbox",
+	props: /*@__PURE__*/ s({
+		value: {},
+		indeterminate: { type: Boolean }
+	}, {
+		modelValue: { type: [Boolean, Array] },
+		modelModifiers: {}
+	}),
+	emits: ["update:modelValue"],
+	setup(i) {
+		let s = i, v = f(i, "modelValue"), y = a(e, null), b = y ? y.model : v, x = d(), S = p("input"), { controlId: C, describedBy: w, ariaInvalid: T } = t(), E = n(() => typeof x.name == "string" ? x.name : y?.name.value);
+		return h(() => {
+			/* v8 ignore next 2 */
+			S.value && (S.value.indeterminate = !!s.indeterminate);
+		}), (e, t) => g((l(), r("input", c(e.$attrs, {
+			id: u(C),
+			ref: "input",
+			"onUpdate:modelValue": t[0] ||= (e) => o(b) ? b.value = e : null,
+			"aria-describedby": u(w),
+			"aria-invalid": u(T),
+			name: E.value,
+			type: "checkbox",
+			value: i.value
+		}), null, 16, _)), [[m, u(b)]]);
+	}
+});
 //#endregion
-export { t as default };
+export { v as default };

package/dist/components/BaseCheckbox2.js

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

package/dist/components/BaseCheckboxGroup.js

@@ -1,5 +1,21 @@
-import e from "./BaseCheckboxGroup.vue?vue&type=script&setup=true&lang.js";
-//#region src/components/BaseCheckboxGroup.vue
-var t = e;
+import { checkboxGroupKey as e, fieldKey as t } from "./internal/keys.js";
+import { computed as n, createElementBlock as r, defineComponent as i, guardReactiveProps as a, normalizeProps as o, openBlock as s, provide as c, renderSlot as l, useAttrs as u, useId as d, useModel as f } from "vue";
+//#region src/components/BaseCheckboxGroup.vue?vue&type=script&setup=true&lang.ts
+var p = /*@__PURE__*/ i({
+	inheritAttrs: !1,
+	__name: "BaseCheckboxGroup",
+	props: {
+		modelValue: { default: () => [] },
+		modelModifiers: {}
+	},
+	emits: ["update:modelValue"],
+	setup(i) {
+		let p = f(i, "modelValue"), m = u(), h = d();
+		return c(e, {
+			model: p,
+			name: n(() => typeof m.name == "string" ? m.name : h)
+		}), c(t, null), (e, t) => (s(), r("fieldset", o(a(e.$attrs)), [l(e.$slots, "default")], 16));
+	}
+});
 //#endregion
-export { t as default };
+export { p as default };

package/dist/components/BaseCheckboxGroup2.js

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

package/dist/components/BaseField.js

@@ -1,5 +1,41 @@
-import e from "./BaseField.vue?vue&type=script&setup=true&lang.js";
-//#region src/components/BaseField.vue
-var t = e;
+import { fieldKey as e } from "./internal/keys.js";
+import { computed as t, createElementBlock as n, defineComponent as r, mergeProps as i, openBlock as a, provide as o, ref as s, renderSlot as c, useAttrs as l, useId as u } from "vue";
+//#region src/components/BaseField.vue?vue&type=script&setup=true&lang.ts
+var d = /*@__PURE__*/ r({
+	inheritAttrs: !1,
+	__name: "BaseField",
+	setup(r) {
+		let d = l(), f = u(), p = s([]), m = s(""), h = s(!1), g = t(() => typeof d.id == "string" ? d.id : f), _ = t(() => p.value.at(-1));
+		function v(e) {
+			p.value.push(e);
+		}
+		function y(e) {
+			let t = p.value.indexOf(e);
+			t !== -1 && p.value.splice(t, 1);
+		}
+		let b = t(() => {
+			let e = { ...d };
+			return delete e.id, e;
+		});
+		o(e, {
+			id: g,
+			supportingTextId: _,
+			validationMessage: m,
+			registerSupportingText: v,
+			unregisterSupportingText: y
+		});
+		function x(e) {
+			h.value = !0, m.value = e.target.validationMessage;
+		}
+		function S(e) {
+			h.value && (m.value = e.target.validationMessage);
+		}
+		return (e, t) => (a(), n("div", i(b.value, {
+			onInvalidCapture: x,
+			onInputCapture: S,
+			onChangeCapture: S
+		}), [c(e.$slots, "default")], 16));
+	}
+});
 //#endregion
-export { t as default };
+export { d as default };

package/dist/components/BaseField2.js

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

package/dist/components/BaseFile.js

@@ -1,5 +1,34 @@
-import e from "./BaseFile.vue?vue&type=script&setup=true&lang.js";
-//#region src/components/BaseFile.vue
-var t = e;
+import { useFieldControl as e } from "./internal/field.js";
+import { createElementBlock as t, defineComponent as n, mergeProps as r, openBlock as i, unref as a, useModel as o, useTemplateRef as s, watch as c } from "vue";
+//#region src/components/BaseFile.vue?vue&type=script&setup=true&lang.ts
+var l = [
+	"id",
+	"aria-describedby",
+	"aria-invalid"
+], u = /*@__PURE__*/ n({
+	inheritAttrs: !1,
+	__name: "BaseFile",
+	props: {
+		modelValue: {},
+		modelModifiers: {}
+	},
+	emits: ["update:modelValue"],
+	setup(n) {
+		let u = o(n, "modelValue"), d = s("input"), { controlId: f, describedBy: p, ariaInvalid: m } = e();
+		function h(e) {
+			u.value = e.target.files;
+		}
+		return c(u, (e) => {
+			!e && d.value && (d.value.value = "");
+		}), (e, n) => (i(), t("input", r(e.$attrs, {
+			id: a(f),
+			ref: "input",
+			"aria-describedby": a(p),
+			"aria-invalid": a(m),
+			type: "file",
+			onChange: h
+		}), null, 16, l));
+	}
+});
 //#endregion
-export { t as default };
+export { u as default };

package/dist/components/BaseFile2.js

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

package/dist/components/BaseForm.js

@@ -1,5 +1,35 @@
-import e from "./BaseForm.vue?vue&type=script&setup=true&lang.js";
-//#region src/components/BaseForm.vue
-var t = e;
+import { computed as e, createElementBlock as t, defineComponent as n, mergeProps as r, openBlock as i, renderSlot as a, useAttrs as o, useId as s, withModifiers as c } from "vue";
+//#region src/components/BaseForm.vue?vue&type=script&setup=true&lang.ts
+var l = ["id", "novalidate"], u = /*@__PURE__*/ n({
+	inheritAttrs: !1,
+	__name: "BaseForm",
+	props: { validate: { type: Boolean } },
+	emits: ["submit"],
+	setup(n, { emit: u }) {
+		let d = n, f = o(), p = s(), m = u, h = e(() => typeof f.id == "string" ? f.id : p);
+		function g(e) {
+			let t = e.target;
+			if (d.validate && !t.checkValidity()) {
+				_(t);
+				return;
+			}
+			m("submit", e);
+		}
+		function _(e) {
+			for (let t of Array.from(e.elements)) {
+				let e = t;
+				if (e.willValidate && !e.validity.valid) {
+					e.focus();
+					break;
+				}
+			}
+		}
+		return (e, o) => (i(), t("form", r(e.$attrs, {
+			id: h.value,
+			novalidate: n.validate || void 0,
+			onSubmit: c(g, ["prevent"])
+		}), [a(e.$slots, "default")], 16, l));
+	}
+});
 //#endregion
-export { t as default };
+export { u as default };

package/dist/components/BaseForm2.js

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

package/dist/components/BaseInput.js

@@ -1,5 +1,42 @@
-import e from "./BaseInput.vue?vue&type=script&setup=true&lang.js";
-//#region src/components/BaseInput.vue
-var t = e;
+import { useFieldControl as e } from "./internal/field.js";
+import { applyModelModifiers as t } from "./internal/modifiers.js";
+import { createElementBlock as n, defineComponent as r, isRef as i, mergeProps as a, openBlock as o, unref as s, useModel as c, vModelDynamic as l, withDirectives as u } from "vue";
+//#region src/components/BaseInput.vue?vue&type=script&setup=true&lang.ts
+var d = [
+	"id",
+	"aria-describedby",
+	"aria-invalid"
+], f = [
+	"id",
+	"aria-describedby",
+	"aria-invalid"
+], p = /*@__PURE__*/ r({
+	inheritAttrs: !1,
+	__name: "BaseInput",
+	props: {
+		modelValue: {},
+		modelModifiers: {}
+	},
+	emits: ["update:modelValue"],
+	setup(r) {
+		let [p, m] = c(r, "modelValue", { set: (e) => t(e, m) }), { controlId: h, describedBy: g, ariaInvalid: _ } = e();
+		return (e, t) => s(m).lazy ? u((o(), n("input", a({ key: 0 }, e.$attrs, {
+			id: s(h),
+			"onUpdate:modelValue": t[0] ||= (e) => i(p) ? p.value = e : null,
+			"aria-describedby": s(g),
+			"aria-invalid": s(_)
+		}), null, 16, d)), [[
+			l,
+			s(p),
+			void 0,
+			{ lazy: !0 }
+		]]) : u((o(), n("input", a({ key: 1 }, e.$attrs, {
+			id: s(h),
+			"onUpdate:modelValue": t[1] ||= (e) => i(p) ? p.value = e : null,
+			"aria-describedby": s(g),
+			"aria-invalid": s(_)
+		}), null, 16, f)), [[l, s(p)]]);
+	}
+});
 //#endregion
-export { t as default };
+export { p as default };

package/dist/components/BaseInput2.js

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

package/dist/components/BaseLabel.js

@@ -1,5 +1,14 @@
-import e from "./BaseLabel.vue?vue&type=script&setup=true&lang.js";
-//#region src/components/BaseLabel.vue
-var t = e;
+import { fieldKey as e } from "./internal/keys.js";
+import { computed as t, createElementBlock as n, defineComponent as r, inject as i, mergeProps as a, openBlock as o, renderSlot as s } from "vue";
+//#region src/components/BaseLabel.vue?vue&type=script&setup=true&lang.ts
+var c = ["for"], l = /*@__PURE__*/ r({
+	inheritAttrs: !1,
+	__name: "BaseLabel",
+	props: { for: {} },
+	setup(r) {
+		let l = r, u = i(e, null), d = t(() => l.for ?? u?.id.value);
+		return (e, t) => (o(), n("label", a(e.$attrs, { for: d.value }), [s(e.$slots, "default")], 16, c));
+	}
+});
 //#endregion
-export { t as default };
+export { l as default };

package/dist/components/BaseLabel2.js

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

package/dist/components/BaseRadio.js

@@ -1,5 +1,33 @@
-import e from "./BaseRadio.vue?vue&type=script&setup=true&lang.js";
-//#region src/components/BaseRadio.vue
-var t = e;
+import { radioGroupKey as e } from "./internal/keys.js";
+import { useFieldControl as t } from "./internal/field.js";
+import { computed as n, createElementBlock as r, defineComponent as i, inject as a, isRef as o, mergeModels as s, mergeProps as c, openBlock as l, unref as u, useAttrs as d, useModel as f, vModelRadio as p, withDirectives as m } from "vue";
+//#region src/components/BaseRadio.vue?vue&type=script&setup=true&lang.ts
+var h = [
+	"id",
+	"aria-describedby",
+	"aria-invalid",
+	"name",
+	"value"
+], g = /*@__PURE__*/ i({
+	inheritAttrs: !1,
+	__name: "BaseRadio",
+	props: /*@__PURE__*/ s({ value: {} }, {
+		modelValue: {},
+		modelModifiers: {}
+	}),
+	emits: ["update:modelValue"],
+	setup(i) {
+		let s = f(i, "modelValue"), g = a(e, null), _ = g ? g.model : s, v = d(), { controlId: y, describedBy: b, ariaInvalid: x } = t(), S = n(() => typeof v.name == "string" ? v.name : g?.name.value);
+		return (e, t) => m((l(), r("input", c(e.$attrs, {
+			id: u(y),
+			"onUpdate:modelValue": t[0] ||= (e) => o(_) ? _.value = e : null,
+			"aria-describedby": u(b),
+			"aria-invalid": u(x),
+			name: S.value,
+			value: i.value,
+			type: "radio"
+		}), null, 16, h)), [[p, u(_)]]);
+	}
+});
 //#endregion
-export { t as default };
+export { g as default };

package/dist/components/BaseRadio2.js

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

package/dist/components/BaseRadioGroup.js

@@ -1,5 +1,21 @@
-import e from "./BaseRadioGroup.vue?vue&type=script&setup=true&lang.js";
-//#region src/components/BaseRadioGroup.vue
-var t = e;
+import { fieldKey as e, radioGroupKey as t } from "./internal/keys.js";
+import { computed as n, createElementBlock as r, defineComponent as i, guardReactiveProps as a, normalizeProps as o, openBlock as s, provide as c, renderSlot as l, useAttrs as u, useId as d, useModel as f } from "vue";
+//#region src/components/BaseRadioGroup.vue?vue&type=script&setup=true&lang.ts
+var p = /*@__PURE__*/ i({
+	inheritAttrs: !1,
+	__name: "BaseRadioGroup",
+	props: {
+		modelValue: {},
+		modelModifiers: {}
+	},
+	emits: ["update:modelValue"],
+	setup(i) {
+		let p = f(i, "modelValue"), m = u(), h = d();
+		return c(t, {
+			model: p,
+			name: n(() => typeof m.name == "string" ? m.name : h)
+		}), c(e, null), (e, t) => (s(), r("fieldset", o(a(e.$attrs)), [l(e.$slots, "default")], 16));
+	}
+});
 //#endregion
-export { t as default };
+export { p as default };

package/dist/components/BaseRadioGroup2.js

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

package/dist/components/BaseSelect.js

@@ -1,5 +1,27 @@
-import e from "./BaseSelect.vue?vue&type=script&setup=true&lang.js";
-//#region src/components/BaseSelect.vue
-var t = e;
+import { useFieldControl as e } from "./internal/field.js";
+import { createElementBlock as t, defineComponent as n, mergeProps as r, openBlock as i, renderSlot as a, unref as o, useModel as s, vModelSelect as c, withDirectives as l } from "vue";
+//#region src/components/BaseSelect.vue?vue&type=script&setup=true&lang.ts
+var u = [
+	"id",
+	"aria-describedby",
+	"aria-invalid"
+], d = /*@__PURE__*/ n({
+	inheritAttrs: !1,
+	__name: "BaseSelect",
+	props: {
+		modelValue: {},
+		modelModifiers: {}
+	},
+	emits: ["update:modelValue"],
+	setup(n) {
+		let d = s(n, "modelValue"), { controlId: f, describedBy: p, ariaInvalid: m } = e();
+		return (e, n) => l((i(), t("select", r(e.$attrs, {
+			id: o(f),
+			"onUpdate:modelValue": n[0] ||= (e) => d.value = e,
+			"aria-describedby": o(p),
+			"aria-invalid": o(m)
+		}), [a(e.$slots, "default")], 16, u)), [[c, d.value]]);
+	}
+});
 //#endregion
-export { t as default };
+export { d as default };

package/dist/components/BaseSelect2.js

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

package/dist/components/BaseSupportingText.js

@@ -1,5 +1,18 @@
-import e from "./BaseSupportingText.vue?vue&type=script&setup=true&lang.js";
-//#region src/components/BaseSupportingText.vue
-var t = e;
+import { fieldKey as e } from "./internal/keys.js";
+import { Fragment as t, computed as n, createElementBlock as r, createTextVNode as i, defineComponent as a, inject as o, mergeProps as s, onBeforeUnmount as c, openBlock as l, renderSlot as u, toDisplayString as d, useAttrs as f, useId as p, watch as m } from "vue";
+//#region src/components/BaseSupportingText.vue?vue&type=script&setup=true&lang.ts
+var h = ["id"], g = /*@__PURE__*/ a({
+	inheritAttrs: !1,
+	__name: "BaseSupportingText",
+	props: { validation: { type: Boolean } },
+	setup(a) {
+		let g = a, _ = f(), v = p(), y = o(e, null), b = n(() => typeof _.id == "string" ? _.id : v), x = n(() => g.validation ? y?.validationMessage.value ?? "" : "");
+		return m(b, (e, t) => {
+			y && (t && y.unregisterSupportingText(t), y.registerSupportingText(e));
+		}, { immediate: !0 }), c(() => {
+			y?.unregisterSupportingText(b.value);
+		}), (e, n) => (l(), r("p", s(e.$attrs, { id: b.value }), [x.value ? (l(), r(t, { key: 0 }, [i(d(x.value), 1)], 64)) : u(e.$slots, "default", {}, void 0, void 0, 1)], 16, h));
+	}
+});
 //#endregion
-export { t as default };
+export { g as default };

package/dist/components/BaseSupportingText2.js

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

package/dist/components/BaseTextarea.js

@@ -1,5 +1,42 @@
-import e from "./BaseTextarea.vue?vue&type=script&setup=true&lang.js";
-//#region src/components/BaseTextarea.vue
-var t = e;
+import { useFieldControl as e } from "./internal/field.js";
+import { applyModelModifiers as t } from "./internal/modifiers.js";
+import { createElementBlock as n, defineComponent as r, isRef as i, mergeProps as a, openBlock as o, unref as s, useModel as c, vModelText as l, withDirectives as u } from "vue";
+//#region src/components/BaseTextarea.vue?vue&type=script&setup=true&lang.ts
+var d = [
+	"id",
+	"aria-describedby",
+	"aria-invalid"
+], f = [
+	"id",
+	"aria-describedby",
+	"aria-invalid"
+], p = /*@__PURE__*/ r({
+	inheritAttrs: !1,
+	__name: "BaseTextarea",
+	props: {
+		modelValue: {},
+		modelModifiers: {}
+	},
+	emits: ["update:modelValue"],
+	setup(r) {
+		let [p, m] = c(r, "modelValue", { set: (e) => t(e, m) }), { controlId: h, describedBy: g, ariaInvalid: _ } = e();
+		return (e, t) => s(m).lazy ? u((o(), n("textarea", a({ key: 0 }, e.$attrs, {
+			id: s(h),
+			"onUpdate:modelValue": t[0] ||= (e) => i(p) ? p.value = e : null,
+			"aria-describedby": s(g),
+			"aria-invalid": s(_)
+		}), null, 16, d)), [[
+			l,
+			s(p),
+			void 0,
+			{ lazy: !0 }
+		]]) : u((o(), n("textarea", a({ key: 1 }, e.$attrs, {
+			id: s(h),
+			"onUpdate:modelValue": t[1] ||= (e) => i(p) ? p.value = e : null,
+			"aria-describedby": s(g),
+			"aria-invalid": s(_)
+		}), null, 16, f)), [[l, s(p)]]);
+	}
+});
 //#endregion
-export { t as default };
+export { p as default };

package/dist/components/BaseTextarea2.js

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

package/dist/index.d.ts

@@ -1,13 +1 @@
-export { default as CButton } from './components/BaseButton';
-export { default as CCheckbox } from './components/BaseCheckbox';
-export { default as CCheckboxGroup } from './components/BaseCheckboxGroup';
-export { default as CField } from './components/BaseField';
-export { default as CFile } from './components/BaseFile';
-export { default as CForm } from './components/BaseForm';
-export { default as CInput } from './components/BaseInput';
-export { default as CLabel } from './components/BaseLabel';
-export { default as CRadio } from './components/BaseRadio';
-export { default as CRadioGroup } from './components/BaseRadioGroup';
-export { default as CSelect } from './components/BaseSelect';
-export { default as CSupportingText } from './components/BaseSupportingText';
-export { default as CTextarea } from './components/BaseTextarea';
+export {}

package/dist/index.js

@@ -1,14 +1,14 @@
-import e from "./components/BaseButton.js";
-import t from "./components/BaseCheckbox.js";
-import n from "./components/BaseCheckboxGroup.js";
-import r from "./components/BaseField.js";
-import i from "./components/BaseFile.js";
-import a from "./components/BaseForm.js";
-import o from "./components/BaseInput.js";
-import s from "./components/BaseLabel.js";
-import c from "./components/BaseRadio.js";
-import l from "./components/BaseRadioGroup.js";
-import u from "./components/BaseSelect.js";
-import d from "./components/BaseSupportingText.js";
-import f from "./components/BaseTextarea.js";
+import e from "./components/BaseButton2.js";
+import t from "./components/BaseCheckbox2.js";
+import n from "./components/BaseCheckboxGroup2.js";
+import r from "./components/BaseField2.js";
+import i from "./components/BaseFile2.js";
+import a from "./components/BaseForm2.js";
+import o from "./components/BaseInput2.js";
+import s from "./components/BaseLabel2.js";
+import c from "./components/BaseRadio2.js";
+import l from "./components/BaseRadioGroup2.js";
+import u from "./components/BaseSelect2.js";
+import d from "./components/BaseSupportingText2.js";
+import f from "./components/BaseTextarea2.js";
 export { e as CButton, t as CCheckbox, n as CCheckboxGroup, r as CField, i as CFile, a as CForm, o as CInput, s as CLabel, c as CRadio, l as CRadioGroup, u as CSelect, d as CSupportingText, f as CTextarea };

package/dist/{components → src/components}/internal/keys.d.ts

@@ -11,7 +11,9 @@ export interface CheckboxGroupContext {
 export declare const checkboxGroupKey: InjectionKey<CheckboxGroupContext>;
 export interface FieldContext {
     id: ComputedRef<string>;
-    supportingTextId: Ref<string | undefined>;
+    supportingTextId: ComputedRef<string | undefined>;
     validationMessage: Ref<string>;
+    registerSupportingText: (id: string) => void;
+    unregisterSupportingText: (id: string) => void;
 }
 export declare const fieldKey: InjectionKey<FieldContext | null>;

package/dist/src/index.d.ts

@@ -0,0 +1,13 @@
+export { default as CButton } from './components/BaseButton';
+export { default as CCheckbox } from './components/BaseCheckbox';
+export { default as CCheckboxGroup } from './components/BaseCheckboxGroup';
+export { default as CField } from './components/BaseField';
+export { default as CFile } from './components/BaseFile';
+export { default as CForm } from './components/BaseForm';
+export { default as CInput } from './components/BaseInput';
+export { default as CLabel } from './components/BaseLabel';
+export { default as CRadio } from './components/BaseRadio';
+export { default as CRadioGroup } from './components/BaseRadioGroup';
+export { default as CSelect } from './components/BaseSelect';
+export { default as CSupportingText } from './components/BaseSupportingText';
+export { default as CTextarea } from './components/BaseTextarea';

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@charpente-ui/vue",
-    "version": "2.1.0",
+    "version": "2.1.2",
     "description": "Charpente UI is a headless Vue component library.",
     "type": "module",
     "scripts": {
@@ -10,6 +10,8 @@
         "build": "vite build",
         "test": "vitest",
         "test:coverage": "vitest run --coverage",
+        "test:e2e": "playwright test",
+        "test:all": "run-s test:coverage test:e2e",
         "prepare": "husky",
         "prepack": "npm run build",
         "release": "semantic-release"
@@ -29,27 +31,28 @@
         "./package.json": "./package.json"
     },
     "devDependencies": {
-        "@commitlint/cli": "^20.4.2",
-        "@commitlint/config-conventional": "^20.4.2",
+        "@commitlint/cli": "^20.5.3",
+        "@commitlint/config-conventional": "^20.5.3",
         "@front-factory/eslint-config": "^1.3.1",
+        "@playwright/test": "^1.61.1",
         "@semantic-release/changelog": "^6.0.3",
         "@semantic-release/git": "^10.0.1",
-        "@semantic-release/github": "^12.0.6",
-        "@vitejs/plugin-vue": "^6.0.4",
-        "@vitest/coverage-v8": "^4.1.5",
-        "@vue/test-utils": "^2.4.9",
-        "conventional-changelog-conventionalcommits": "^9.1.0",
-        "eslint": "^10.0.2",
-        "eslint-plugin-vue": "^10.8.0",
+        "@semantic-release/github": "^12.0.9",
+        "@vitejs/plugin-vue": "^6.0.8",
+        "@vitest/coverage-v8": "^4.1.10",
+        "@vue/test-utils": "^2.4.11",
+        "conventional-changelog-conventionalcommits": "^9.3.1",
+        "eslint": "^10.7.0",
+        "eslint-plugin-vue": "^10.10.0",
         "husky": "^9.1.7",
-        "jsdom": "^29.1.0",
+        "jsdom": "^29.1.1",
         "npm-run-all2": "^8.0.4",
-        "semantic-release": "^25.0.3",
-        "typescript-eslint": "^8.56.1",
-        "vite": "^8.0.10",
+        "semantic-release": "^25.0.8",
+        "typescript-eslint": "^8.65.0",
+        "vite": "^8.1.5",
         "vite-plugin-dts": "^4.5.4",
-        "vitest": "^4.1.5",
-        "vue": "^3.5.29"
+        "vitest": "^4.1.10",
+        "vue": "^3.5.40"
     },
     "peerDependencies": {
         "vue": "^3.5.0"

package/dist/components/BaseButton.vue?vue&type=script&setup=true&lang.js

@@ -1,16 +0,0 @@
-import { computed as e, createBlock as t, defineComponent as n, mergeProps as r, openBlock as i, renderSlot as a, resolveDynamicComponent as o, useAttrs as s, withCtx as c } from "vue";
-//#region src/components/BaseButton.vue?vue&type=script&setup=true&lang.ts
-var l = /* @__PURE__ */ n({
-	inheritAttrs: !1,
-	__name: "BaseButton",
-	props: { as: { default: "button" } },
-	setup(n) {
-		let l = n, u = s(), d = e(() => typeof u.type == "string" ? u.type : l.as === "button" ? "button" : void 0);
-		return (e, s) => (i(), t(o(n.as), r(e.$attrs, { type: d.value }), {
-			default: c(() => [a(e.$slots, "default")]),
-			_: 3
-		}, 16, ["type"]));
-	}
-});
-//#endregion
-export { l as default };

package/dist/components/BaseCheckbox.vue?vue&type=script&setup=true&lang.js

@@ -1,40 +0,0 @@
-import { checkboxGroupKey as e } from "./internal/keys.js";
-import { useFieldControl as t } from "./internal/field.js";
-import { computed as n, createElementBlock as r, defineComponent as i, inject as a, isRef as o, mergeModels as s, mergeProps as c, openBlock as l, unref as u, useAttrs as d, useModel as f, useTemplateRef as p, vModelCheckbox as m, watchPostEffect as h, withDirectives as g } from "vue";
-//#region src/components/BaseCheckbox.vue?vue&type=script&setup=true&lang.ts
-var _ = [
-	"id",
-	"aria-describedby",
-	"aria-invalid",
-	"name",
-	"value"
-], v = /* @__PURE__ */ i({
-	inheritAttrs: !1,
-	__name: "BaseCheckbox",
-	props: /* @__PURE__ */ s({
-		value: {},
-		indeterminate: { type: Boolean }
-	}, {
-		modelValue: { type: [Boolean, Array] },
-		modelModifiers: {}
-	}),
-	emits: ["update:modelValue"],
-	setup(i) {
-		let s = i, v = f(i, "modelValue"), y = a(e, null), b = y ? y.model : v, x = d(), S = p("input"), { controlId: C, describedBy: w, ariaInvalid: T } = t(), E = n(() => typeof x.name == "string" ? x.name : y?.name.value);
-		return h(() => {
-			/* v8 ignore next 2 */
-			S.value && (S.value.indeterminate = !!s.indeterminate);
-		}), (e, t) => g((l(), r("input", c(e.$attrs, {
-			id: u(C),
-			ref: "input",
-			"onUpdate:modelValue": t[0] ||= (e) => o(b) ? b.value = e : null,
-			"aria-describedby": u(w),
-			"aria-invalid": u(T),
-			name: E.value,
-			type: "checkbox",
-			value: i.value
-		}), null, 16, _)), [[m, u(b)]]);
-	}
-});
-//#endregion
-export { v as default };

package/dist/components/BaseCheckboxGroup.vue?vue&type=script&setup=true&lang.js

@@ -1,21 +0,0 @@
-import { checkboxGroupKey as e, fieldKey as t } from "./internal/keys.js";
-import { computed as n, createElementBlock as r, defineComponent as i, guardReactiveProps as a, normalizeProps as o, openBlock as s, provide as c, renderSlot as l, useAttrs as u, useId as d, useModel as f } from "vue";
-//#region src/components/BaseCheckboxGroup.vue?vue&type=script&setup=true&lang.ts
-var p = /* @__PURE__ */ i({
-	inheritAttrs: !1,
-	__name: "BaseCheckboxGroup",
-	props: {
-		modelValue: { default: () => [] },
-		modelModifiers: {}
-	},
-	emits: ["update:modelValue"],
-	setup(i) {
-		let p = f(i, "modelValue"), m = u(), h = d();
-		return c(e, {
-			model: p,
-			name: n(() => typeof m.name == "string" ? m.name : h)
-		}), c(t, null), (e, t) => (s(), r("fieldset", o(a(e.$attrs)), [l(e.$slots, "default")], 16));
-	}
-});
-//#endregion
-export { p as default };

package/dist/components/BaseField.vue?vue&type=script&setup=true&lang.js

@@ -1,31 +0,0 @@
-import { fieldKey as e } from "./internal/keys.js";
-import { computed as t, createElementBlock as n, defineComponent as r, mergeProps as i, openBlock as a, provide as o, ref as s, renderSlot as c, useAttrs as l, useId as u } from "vue";
-//#region src/components/BaseField.vue?vue&type=script&setup=true&lang.ts
-var d = /* @__PURE__ */ r({
-	inheritAttrs: !1,
-	__name: "BaseField",
-	setup(r) {
-		let d = l(), f = u(), p = s(), m = s(""), h = s(!1), g = t(() => typeof d.id == "string" ? d.id : f), _ = t(() => {
-			let e = { ...d };
-			return delete e.id, e;
-		});
-		o(e, {
-			id: g,
-			supportingTextId: p,
-			validationMessage: m
-		});
-		function v(e) {
-			h.value = !0, m.value = e.target.validationMessage;
-		}
-		function y(e) {
-			h.value && (m.value = e.target.validationMessage);
-		}
-		return (e, t) => (a(), n("div", i(_.value, {
-			onInvalidCapture: v,
-			onInputCapture: y,
-			onChangeCapture: y
-		}), [c(e.$slots, "default")], 16));
-	}
-});
-//#endregion
-export { d as default };

package/dist/components/BaseFile.vue?vue&type=script&setup=true&lang.js

@@ -1,34 +0,0 @@
-import { useFieldControl as e } from "./internal/field.js";
-import { createElementBlock as t, defineComponent as n, mergeProps as r, openBlock as i, unref as a, useModel as o, useTemplateRef as s, watch as c } from "vue";
-//#region src/components/BaseFile.vue?vue&type=script&setup=true&lang.ts
-var l = [
-	"id",
-	"aria-describedby",
-	"aria-invalid"
-], u = /* @__PURE__ */ n({
-	inheritAttrs: !1,
-	__name: "BaseFile",
-	props: {
-		modelValue: {},
-		modelModifiers: {}
-	},
-	emits: ["update:modelValue"],
-	setup(n) {
-		let u = o(n, "modelValue"), d = s("input"), { controlId: f, describedBy: p, ariaInvalid: m } = e();
-		function h(e) {
-			u.value = e.target.files;
-		}
-		return c(u, (e) => {
-			!e && d.value && (d.value.value = "");
-		}), (e, n) => (i(), t("input", r(e.$attrs, {
-			id: a(f),
-			ref: "input",
-			"aria-describedby": a(p),
-			"aria-invalid": a(m),
-			type: "file",
-			onChange: h
-		}), null, 16, l));
-	}
-});
-//#endregion
-export { u as default };

package/dist/components/BaseForm.vue?vue&type=script&setup=true&lang.js

@@ -1,35 +0,0 @@
-import { computed as e, createElementBlock as t, defineComponent as n, mergeProps as r, openBlock as i, renderSlot as a, useAttrs as o, useId as s, withModifiers as c } from "vue";
-//#region src/components/BaseForm.vue?vue&type=script&setup=true&lang.ts
-var l = ["id", "novalidate"], u = /* @__PURE__ */ n({
-	inheritAttrs: !1,
-	__name: "BaseForm",
-	props: { validate: { type: Boolean } },
-	emits: ["submit"],
-	setup(n, { emit: u }) {
-		let d = n, f = o(), p = s(), m = u, h = e(() => typeof f.id == "string" ? f.id : p);
-		function g(e) {
-			let t = e.target;
-			if (d.validate && !t.checkValidity()) {
-				_(t);
-				return;
-			}
-			m("submit", e);
-		}
-		function _(e) {
-			for (let t of Array.from(e.elements)) {
-				let e = t;
-				if (e.willValidate && !e.validity.valid) {
-					e.focus();
-					break;
-				}
-			}
-		}
-		return (e, o) => (i(), t("form", r(e.$attrs, {
-			id: h.value,
-			novalidate: n.validate || void 0,
-			onSubmit: c(g, ["prevent"])
-		}), [a(e.$slots, "default")], 16, l));
-	}
-});
-//#endregion
-export { u as default };

package/dist/components/BaseInput.vue?vue&type=script&setup=true&lang.js

@@ -1,42 +0,0 @@
-import { useFieldControl as e } from "./internal/field.js";
-import { applyModelModifiers as t } from "./internal/modifiers.js";
-import { createElementBlock as n, defineComponent as r, isRef as i, mergeProps as a, openBlock as o, unref as s, useModel as c, vModelDynamic as l, withDirectives as u } from "vue";
-//#region src/components/BaseInput.vue?vue&type=script&setup=true&lang.ts
-var d = [
-	"id",
-	"aria-describedby",
-	"aria-invalid"
-], f = [
-	"id",
-	"aria-describedby",
-	"aria-invalid"
-], p = /* @__PURE__ */ r({
-	inheritAttrs: !1,
-	__name: "BaseInput",
-	props: {
-		modelValue: {},
-		modelModifiers: {}
-	},
-	emits: ["update:modelValue"],
-	setup(r) {
-		let [p, m] = c(r, "modelValue", { set: (e) => t(e, m) }), { controlId: h, describedBy: g, ariaInvalid: _ } = e();
-		return (e, t) => s(m).lazy ? u((o(), n("input", a({ key: 0 }, e.$attrs, {
-			id: s(h),
-			"onUpdate:modelValue": t[0] ||= (e) => i(p) ? p.value = e : null,
-			"aria-describedby": s(g),
-			"aria-invalid": s(_)
-		}), null, 16, d)), [[
-			l,
-			s(p),
-			void 0,
-			{ lazy: !0 }
-		]]) : u((o(), n("input", a({ key: 1 }, e.$attrs, {
-			id: s(h),
-			"onUpdate:modelValue": t[1] ||= (e) => i(p) ? p.value = e : null,
-			"aria-describedby": s(g),
-			"aria-invalid": s(_)
-		}), null, 16, f)), [[l, s(p)]]);
-	}
-});
-//#endregion
-export { p as default };

package/dist/components/BaseLabel.vue?vue&type=script&setup=true&lang.js

@@ -1,14 +0,0 @@
-import { fieldKey as e } from "./internal/keys.js";
-import { computed as t, createElementBlock as n, defineComponent as r, inject as i, mergeProps as a, openBlock as o, renderSlot as s } from "vue";
-//#region src/components/BaseLabel.vue?vue&type=script&setup=true&lang.ts
-var c = ["for"], l = /* @__PURE__ */ r({
-	inheritAttrs: !1,
-	__name: "BaseLabel",
-	props: { for: {} },
-	setup(r) {
-		let l = r, u = i(e, null), d = t(() => l.for ?? u?.id.value);
-		return (e, t) => (o(), n("label", a(e.$attrs, { for: d.value }), [s(e.$slots, "default")], 16, c));
-	}
-});
-//#endregion
-export { l as default };

package/dist/components/BaseRadio.vue?vue&type=script&setup=true&lang.js

@@ -1,33 +0,0 @@
-import { radioGroupKey as e } from "./internal/keys.js";
-import { useFieldControl as t } from "./internal/field.js";
-import { computed as n, createElementBlock as r, defineComponent as i, inject as a, isRef as o, mergeModels as s, mergeProps as c, openBlock as l, unref as u, useAttrs as d, useModel as f, vModelRadio as p, withDirectives as m } from "vue";
-//#region src/components/BaseRadio.vue?vue&type=script&setup=true&lang.ts
-var h = [
-	"id",
-	"aria-describedby",
-	"aria-invalid",
-	"name",
-	"value"
-], g = /* @__PURE__ */ i({
-	inheritAttrs: !1,
-	__name: "BaseRadio",
-	props: /* @__PURE__ */ s({ value: {} }, {
-		modelValue: {},
-		modelModifiers: {}
-	}),
-	emits: ["update:modelValue"],
-	setup(i) {
-		let s = f(i, "modelValue"), g = a(e, null), _ = g ? g.model : s, v = d(), { controlId: y, describedBy: b, ariaInvalid: x } = t(), S = n(() => typeof v.name == "string" ? v.name : g?.name.value);
-		return (e, t) => m((l(), r("input", c(e.$attrs, {
-			id: u(y),
-			"onUpdate:modelValue": t[0] ||= (e) => o(_) ? _.value = e : null,
-			"aria-describedby": u(b),
-			"aria-invalid": u(x),
-			name: S.value,
-			value: i.value,
-			type: "radio"
-		}), null, 16, h)), [[p, u(_)]]);
-	}
-});
-//#endregion
-export { g as default };

package/dist/components/BaseRadioGroup.vue?vue&type=script&setup=true&lang.js

@@ -1,21 +0,0 @@
-import { fieldKey as e, radioGroupKey as t } from "./internal/keys.js";
-import { computed as n, createElementBlock as r, defineComponent as i, guardReactiveProps as a, normalizeProps as o, openBlock as s, provide as c, renderSlot as l, useAttrs as u, useId as d, useModel as f } from "vue";
-//#region src/components/BaseRadioGroup.vue?vue&type=script&setup=true&lang.ts
-var p = /* @__PURE__ */ i({
-	inheritAttrs: !1,
-	__name: "BaseRadioGroup",
-	props: {
-		modelValue: {},
-		modelModifiers: {}
-	},
-	emits: ["update:modelValue"],
-	setup(i) {
-		let p = f(i, "modelValue"), m = u(), h = d();
-		return c(t, {
-			model: p,
-			name: n(() => typeof m.name == "string" ? m.name : h)
-		}), c(e, null), (e, t) => (s(), r("fieldset", o(a(e.$attrs)), [l(e.$slots, "default")], 16));
-	}
-});
-//#endregion
-export { p as default };

package/dist/components/BaseSelect.vue?vue&type=script&setup=true&lang.js

@@ -1,27 +0,0 @@
-import { useFieldControl as e } from "./internal/field.js";
-import { createElementBlock as t, defineComponent as n, mergeProps as r, openBlock as i, renderSlot as a, unref as o, useModel as s, vModelSelect as c, withDirectives as l } from "vue";
-//#region src/components/BaseSelect.vue?vue&type=script&setup=true&lang.ts
-var u = [
-	"id",
-	"aria-describedby",
-	"aria-invalid"
-], d = /* @__PURE__ */ n({
-	inheritAttrs: !1,
-	__name: "BaseSelect",
-	props: {
-		modelValue: {},
-		modelModifiers: {}
-	},
-	emits: ["update:modelValue"],
-	setup(n) {
-		let d = s(n, "modelValue"), { controlId: f, describedBy: p, ariaInvalid: m } = e();
-		return (e, n) => l((i(), t("select", r(e.$attrs, {
-			id: o(f),
-			"onUpdate:modelValue": n[0] ||= (e) => d.value = e,
-			"aria-describedby": o(p),
-			"aria-invalid": o(m)
-		}), [a(e.$slots, "default")], 16, u)), [[c, d.value]]);
-	}
-});
-//#endregion
-export { d as default };

package/dist/components/BaseSupportingText.vue?vue&type=script&setup=true&lang.js

@@ -1,18 +0,0 @@
-import { fieldKey as e } from "./internal/keys.js";
-import { Fragment as t, computed as n, createElementBlock as r, createTextVNode as i, defineComponent as a, inject as o, mergeProps as s, onBeforeUnmount as c, openBlock as l, renderSlot as u, toDisplayString as d, useAttrs as f, useId as p, watchEffect as m } from "vue";
-//#region src/components/BaseSupportingText.vue?vue&type=script&setup=true&lang.ts
-var h = ["id"], g = /* @__PURE__ */ a({
-	inheritAttrs: !1,
-	__name: "BaseSupportingText",
-	props: { validation: { type: Boolean } },
-	setup(a) {
-		let g = a, _ = f(), v = p(), y = o(e, null), b = n(() => typeof _.id == "string" ? _.id : v), x = n(() => g.validation ? y?.validationMessage.value ?? "" : "");
-		return m(() => {
-			y && (y.supportingTextId.value = b.value);
-		}), c(() => {
-			y && (y.supportingTextId.value = void 0);
-		}), (e, n) => (l(), r("p", s(e.$attrs, { id: b.value }), [x.value ? (l(), r(t, { key: 0 }, [i(d(x.value), 1)], 64)) : u(e.$slots, "default", { key: 1 })], 16, h));
-	}
-});
-//#endregion
-export { g as default };

package/dist/components/BaseTextarea.vue?vue&type=script&setup=true&lang.js

@@ -1,42 +0,0 @@
-import { useFieldControl as e } from "./internal/field.js";
-import { applyModelModifiers as t } from "./internal/modifiers.js";
-import { createElementBlock as n, defineComponent as r, isRef as i, mergeProps as a, openBlock as o, unref as s, useModel as c, vModelText as l, withDirectives as u } from "vue";
-//#region src/components/BaseTextarea.vue?vue&type=script&setup=true&lang.ts
-var d = [
-	"id",
-	"aria-describedby",
-	"aria-invalid"
-], f = [
-	"id",
-	"aria-describedby",
-	"aria-invalid"
-], p = /* @__PURE__ */ r({
-	inheritAttrs: !1,
-	__name: "BaseTextarea",
-	props: {
-		modelValue: {},
-		modelModifiers: {}
-	},
-	emits: ["update:modelValue"],
-	setup(r) {
-		let [p, m] = c(r, "modelValue", { set: (e) => t(e, m) }), { controlId: h, describedBy: g, ariaInvalid: _ } = e();
-		return (e, t) => s(m).lazy ? u((o(), n("textarea", a({ key: 0 }, e.$attrs, {
-			id: s(h),
-			"onUpdate:modelValue": t[0] ||= (e) => i(p) ? p.value = e : null,
-			"aria-describedby": s(g),
-			"aria-invalid": s(_)
-		}), null, 16, d)), [[
-			l,
-			s(p),
-			void 0,
-			{ lazy: !0 }
-		]]) : u((o(), n("textarea", a({ key: 1 }, e.$attrs, {
-			id: s(h),
-			"onUpdate:modelValue": t[1] ||= (e) => i(p) ? p.value = e : null,
-			"aria-describedby": s(g),
-			"aria-invalid": s(_)
-		}), null, 16, f)), [[l, s(p)]]);
-	}
-});
-//#endregion
-export { p as default };