base-ui-vue 0.1.0

package/dist/description/FieldDescription.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"FieldDescription.cjs","names":[],"sources":["../../src/field/description/FieldDescription.vue","../../src/field/description/FieldDescription.vue"],"sourcesContent":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAwBA,MAAM,QAAQ;EAId,MAAM,2BAAiB;EAEvB,MAAM,cAAc,yCAAY,OAAS;EACzC,MAAM,6BAAoB,MAAM,MAAM,YAAW;EAEjD,MAAM,mBAAmB,iDAAoB,MAAK;EAClD,MAAM,EAAE,kBAAkB,kDAAoB;AAE9C,wBAAa,cAAc;GACzB,MAAM,YAAY,GAAG;AACrB,OAAI,WAAW;AACb,mBAAc,QAAO,IAAI,OAAO,UAAU,CAAA;AAC1C,oBAAgB,eAAc,QAAO,IAAI,QAAO,SAAQ,SAAS,UAAU,CAAC,CAAA;;IAE/E;EAED,MAAM,EAAE,KAAK,aAAa,eAAe,uCAAiB;GACxD,gBAAgB;GAChB,OAAO,iBAAiB;GACxB,gCAAuB;IACrB,GAAG;IACH,IAAI,GAAG;IACR,EAAE;GACH,wBAAwB;GACxB,gBAAgB;GACjB,CAAA;;yBAIa,WAAU,uBAAyD,KAAA,QAAA,WAAA;;IAAtD,sBAAO,YAAW;IAAG,sBAAO,iBAAgB,CAAC;oGACtD,IAAG,CAAA,8CAAA,EAAA,KAAA,GAAA,iBAAiB,YAAW,CAAA,CAAA,EAAA;oCACL,qBAAA,KAAA,QAAA,WAAA,EAAjC,sBAAO,iBAAgB,CAAC"}

package/dist/description/FieldDescription.js

@@ -0,0 +1,81 @@
+import { useRenderElement } from "../button/Button.js";
+import { fieldValidityMapping, useBaseUiId, useFieldRootContext, useLabelableContext } from "../control/FieldControl.js";
+import { computed, createBlock, createCommentVNode, defineComponent, guardReactiveProps, mergeProps, normalizeProps, openBlock, renderSlot, resolveDynamicComponent, unref, useAttrs, watchEffect, withCtx } from "vue";
+
+//#region src/field/description/FieldDescription.vue?vue&type=script&setup=true&lang.ts
+var FieldDescription_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	name: "FieldDescription",
+	inheritAttrs: false,
+	__name: "FieldDescription",
+	props: {
+		id: {
+			type: String,
+			required: false
+		},
+		as: {
+			type: null,
+			required: false,
+			default: "p"
+		},
+		class: {
+			type: Function,
+			required: false,
+			skipCheck: true
+		},
+		style: {
+			type: [
+				Boolean,
+				null,
+				String,
+				Object,
+				Array,
+				Function
+			],
+			required: false,
+			skipCheck: true
+		}
+	},
+	setup(__props) {
+		const props = __props;
+		const attrs = useAttrs();
+		const generatedId = useBaseUiId(void 0);
+		const id = computed(() => props.id ?? generatedId);
+		const fieldRootContext = useFieldRootContext(false);
+		const { setMessageIds } = useLabelableContext();
+		watchEffect((onCleanup) => {
+			const currentId = id.value;
+			if (currentId) {
+				setMessageIds((ids) => ids.concat(currentId));
+				onCleanup(() => setMessageIds((ids) => ids.filter((item) => item !== currentId)));
+			}
+		});
+		const { tag, mergedProps, renderless } = useRenderElement({
+			componentProps: props,
+			state: fieldRootContext.state,
+			props: computed(() => ({
+				...attrs,
+				id: id.value
+			})),
+			stateAttributesMapping: fieldValidityMapping,
+			defaultTagName: "p"
+		});
+		return (_ctx, _cache) => {
+			return unref(renderless) ? renderSlot(_ctx.$slots, "default", {
+				key: 0,
+				props: unref(mergedProps),
+				state: unref(fieldRootContext).state
+			}) : (openBlock(), createBlock(resolveDynamicComponent(unref(tag)), normalizeProps(mergeProps({ key: 1 }, unref(mergedProps))), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default", { state: unref(fieldRootContext).state })]),
+				_: 3
+			}, 16));
+		};
+	}
+});
+
+//#endregion
+//#region src/field/description/FieldDescription.vue
+var FieldDescription_default = FieldDescription_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+export { FieldDescription_default };
+//# sourceMappingURL=FieldDescription.js.map

package/dist/description/FieldDescription.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FieldDescription.js","names":[],"sources":["../../src/field/description/FieldDescription.vue","../../src/field/description/FieldDescription.vue"],"sourcesContent":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAwBA,MAAM,QAAQ;EAId,MAAM,QAAQ,UAAS;EAEvB,MAAM,cAAc,YAAY,OAAS;EACzC,MAAM,KAAK,eAAe,MAAM,MAAM,YAAW;EAEjD,MAAM,mBAAmB,oBAAoB,MAAK;EAClD,MAAM,EAAE,kBAAkB,qBAAoB;AAE9C,eAAa,cAAc;GACzB,MAAM,YAAY,GAAG;AACrB,OAAI,WAAW;AACb,mBAAc,QAAO,IAAI,OAAO,UAAU,CAAA;AAC1C,oBAAgB,eAAc,QAAO,IAAI,QAAO,SAAQ,SAAS,UAAU,CAAC,CAAA;;IAE/E;EAED,MAAM,EAAE,KAAK,aAAa,eAAe,iBAAiB;GACxD,gBAAgB;GAChB,OAAO,iBAAiB;GACxB,OAAO,gBAAgB;IACrB,GAAG;IACH,IAAI,GAAG;IACR,EAAE;GACH,wBAAwB;GACxB,gBAAgB;GACjB,CAAA;;UAIa,MAAA,WAAU,GAAtB,WAA+E,KAAA,QAAA,WAAA;;IAAtD,OAAO,MAAA,YAAW;IAAG,OAAO,MAAA,iBAAgB,CAAC;sBACtE,YAEY,wBAFI,MAAA,IAAG,CAAA,EAAA,eAAA,WAAA,EAAA,KAAA,GAAA,EAAiB,MAAA,YAAW,CAAA,CAAA,EAAA;2BACL,CAAxC,WAAwC,KAAA,QAAA,WAAA,EAAjC,OAAO,MAAA,iBAAgB,CAAC"}

package/dist/direction-provider/DirectionContext.cjs

@@ -0,0 +1,26 @@
+let vue = require("vue");
+
+//#region src/direction-provider/DirectionContext.ts
+/**
+* @internal
+*/
+const directionContextKey = Symbol("DirectionContext");
+function useDirection() {
+	const context = (0, vue.inject)(directionContextKey, void 0);
+	return (0, vue.computed)(() => context?.direction.value ?? "ltr");
+}
+
+//#endregion
+Object.defineProperty(exports, 'directionContextKey', {
+  enumerable: true,
+  get: function () {
+    return directionContextKey;
+  }
+});
+Object.defineProperty(exports, 'useDirection', {
+  enumerable: true,
+  get: function () {
+    return useDirection;
+  }
+});
+//# sourceMappingURL=DirectionContext.cjs.map

package/dist/direction-provider/DirectionContext.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"DirectionContext.cjs","names":[],"sources":["../../src/direction-provider/DirectionContext.ts"],"sourcesContent":[],"mappings":";;;;;;AAYA,MAAa,sBAAsB,OACjC,mBACD;AAUD,SAAgB,eAA2C;CACzD,MAAM,0BAAiB,qBAAqB,OAAU;AAEtD,gCAAsB,SAAS,UAAU,SAAS,MAAM"}

package/dist/direction-provider/DirectionContext.js

@@ -0,0 +1,15 @@
+import { computed, inject } from "vue";
+
+//#region src/direction-provider/DirectionContext.ts
+/**
+* @internal
+*/
+const directionContextKey = Symbol("DirectionContext");
+function useDirection() {
+	const context = inject(directionContextKey, void 0);
+	return computed(() => context?.direction.value ?? "ltr");
+}
+
+//#endregion
+export { directionContextKey, useDirection };
+//# sourceMappingURL=DirectionContext.js.map

package/dist/direction-provider/DirectionContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DirectionContext.js","names":[],"sources":["../../src/direction-provider/DirectionContext.ts"],"sourcesContent":[],"mappings":";;;;;;AAYA,MAAa,sBAAsB,OACjC,mBACD;AAUD,SAAgB,eAA2C;CACzD,MAAM,UAAU,OAAO,qBAAqB,OAAU;AAEtD,QAAO,eAAe,SAAS,UAAU,SAAS,MAAM"}

package/dist/direction-provider/DirectionProvider.cjs

@@ -0,0 +1,37 @@
+const require_direction_provider_DirectionContext = require('./DirectionContext.cjs');
+let vue = require("vue");
+
+//#region src/direction-provider/DirectionProvider.vue?vue&type=script&setup=true&lang.ts
+/**
+* Enables RTL behavior for Base UI Vue components.
+*
+* Documentation: [Base UI Vue Direction Provider](https://base-ui-vue.com/utils/direction-provider)
+*/
+var DirectionProvider_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ (0, vue.defineComponent)({
+	name: "DirectionProvider",
+	__name: "DirectionProvider",
+	props: { direction: {
+		type: String,
+		required: false,
+		default: "ltr"
+	} },
+	setup(__props) {
+		(0, vue.provide)(require_direction_provider_DirectionContext.directionContextKey, { direction: (0, vue.toRef)(__props, "direction") });
+		return (_ctx, _cache) => {
+			return (0, vue.renderSlot)(_ctx.$slots, "default");
+		};
+	}
+});
+
+//#endregion
+//#region src/direction-provider/DirectionProvider.vue
+var DirectionProvider_default = DirectionProvider_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+Object.defineProperty(exports, 'DirectionProvider_default', {
+  enumerable: true,
+  get: function () {
+    return DirectionProvider_default;
+  }
+});
+//# sourceMappingURL=DirectionProvider.cjs.map

package/dist/direction-provider/DirectionProvider.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"DirectionProvider.cjs","names":[],"sources":["../../src/direction-provider/DirectionProvider.vue","../../src/direction-provider/DirectionProvider.vue"],"sourcesContent":[],"mappings":";;;;;;;;;;;;;;;;;;AAyBA,mBAAQ,iEAJa,EACnB,0BALY,SAKY,YAAY,EACtC,CAEyC;;8BAI/B,KAAA,QAAA,UAAA"}

package/dist/direction-provider/DirectionProvider.js

@@ -0,0 +1,32 @@
+import { directionContextKey } from "./DirectionContext.js";
+import { defineComponent, provide, renderSlot, toRef } from "vue";
+
+//#region src/direction-provider/DirectionProvider.vue?vue&type=script&setup=true&lang.ts
+/**
+* Enables RTL behavior for Base UI Vue components.
+*
+* Documentation: [Base UI Vue Direction Provider](https://base-ui-vue.com/utils/direction-provider)
+*/
+var DirectionProvider_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	name: "DirectionProvider",
+	__name: "DirectionProvider",
+	props: { direction: {
+		type: String,
+		required: false,
+		default: "ltr"
+	} },
+	setup(__props) {
+		provide(directionContextKey, { direction: toRef(__props, "direction") });
+		return (_ctx, _cache) => {
+			return renderSlot(_ctx.$slots, "default");
+		};
+	}
+});
+
+//#endregion
+//#region src/direction-provider/DirectionProvider.vue
+var DirectionProvider_default = DirectionProvider_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+export { DirectionProvider_default };
+//# sourceMappingURL=DirectionProvider.js.map

package/dist/direction-provider/DirectionProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DirectionProvider.js","names":[],"sources":["../../src/direction-provider/DirectionProvider.vue","../../src/direction-provider/DirectionProvider.vue"],"sourcesContent":[],"mappings":";;;;;;;;;;;;;;;;;;AAyBA,UAAQ,qBAJa,EACnB,WAAW,MALC,SAKY,YAAY,EACtC,CAEyC;;UAIvC,WAAQ,KAAA,QAAA,UAAA"}

package/dist/error/FieldError.cjs

@@ -0,0 +1,414 @@
+const require_button_Button = require('../button/Button.cjs');
+const require_control_FieldControl = require('../control/FieldControl.cjs');
+let vue = require("vue");
+
+//#region src/utils/stateAttributesMapping.ts
+let TransitionStatusDataAttributes = /* @__PURE__ */ function(TransitionStatusDataAttributes) {
+	/**
+	* Present when the component is animating in.
+	*/
+	TransitionStatusDataAttributes["startingStyle"] = "data-starting-style";
+	/**
+	* Present when the component is animating out.
+	*/
+	TransitionStatusDataAttributes["endingStyle"] = "data-ending-style";
+	return TransitionStatusDataAttributes;
+}({});
+const STARTING_HOOK = { [TransitionStatusDataAttributes.startingStyle]: "" };
+const ENDING_HOOK = { [TransitionStatusDataAttributes.endingStyle]: "" };
+const transitionStatusMapping = { transitionStatus(value) {
+	if (value === "starting") return STARTING_HOOK;
+	if (value === "ending") return ENDING_HOOK;
+	return null;
+} };
+
+//#endregion
+//#region src/utils/resolveRef.ts
+function resolveRef(refOrElement) {
+	const element = (0, vue.unref)(refOrElement);
+	if (element && "$el" in element) return element.$el;
+	return element;
+}
+
+//#endregion
+//#region src/utils/useAnimationFrame.ts
+/**
+* Unlike `setTimeout`, rAF doesn't guarantee a positive integer return value, so we can't have
+* a monomorphic `uint` type with `0` meaning empty.
+* See warning note at:
+* https://developer.mozilla.org/en-US/docs/Web/API/Window/requestAnimationFrame#return_value
+*/
+const EMPTY = null;
+let LAST_RAF = typeof window !== "undefined" ? window.requestAnimationFrame : void 0;
+var Scheduler = class {
+	callbacks = [];
+	callbacksCount = 0;
+	nextId = 1;
+	startId = 1;
+	isScheduled = false;
+	tick = (timestamp) => {
+		this.isScheduled = false;
+		const currentCallbacks = this.callbacks;
+		const currentCallbacksCount = this.callbacksCount;
+		this.callbacks = [];
+		this.callbacksCount = 0;
+		this.startId = this.nextId;
+		if (currentCallbacksCount > 0) for (let i = 0; i < currentCallbacks.length; i += 1) currentCallbacks[i]?.(timestamp);
+	};
+	request(fn) {
+		if (typeof window === "undefined") return 0;
+		const id = this.nextId;
+		this.nextId += 1;
+		this.callbacks.push(fn);
+		this.callbacksCount += 1;
+		const didRAFChange = process.env.NODE_ENV !== "production" && LAST_RAF !== window.requestAnimationFrame && (LAST_RAF = window.requestAnimationFrame, true);
+		if (!this.isScheduled || didRAFChange) {
+			window.requestAnimationFrame(this.tick);
+			this.isScheduled = true;
+		}
+		return id;
+	}
+	cancel(id) {
+		const index = id - this.startId;
+		if (index < 0 || index >= this.callbacks.length) return;
+		this.callbacks[index] = null;
+		this.callbacksCount -= 1;
+	}
+};
+const scheduler = new Scheduler();
+var AnimationFrame = class AnimationFrame {
+	static create() {
+		return new AnimationFrame();
+	}
+	static request(fn) {
+		return scheduler.request(fn);
+	}
+	static cancel(id) {
+		return scheduler.cancel(id);
+	}
+	currentId = EMPTY;
+	request(fn) {
+		this.cancel();
+		this.currentId = scheduler.request((timestamp) => {
+			this.currentId = EMPTY;
+			fn(timestamp);
+		});
+	}
+	cancel = () => {
+		if (this.currentId !== EMPTY) {
+			scheduler.cancel(this.currentId);
+			this.currentId = EMPTY;
+		}
+	};
+	disposeEffect = () => {
+		return this.cancel;
+	};
+};
+/**
+* A `requestAnimationFrame` with automatic cleanup and guard.
+*/
+function useAnimationFrame() {
+	const animationFrame = AnimationFrame.create();
+	(0, vue.onUnmounted)(animationFrame.disposeEffect());
+	return animationFrame;
+}
+
+//#endregion
+//#region src/utils/useAnimationsFinished.ts
+function useAnimationsFinished(elementOrRef, waitForStartingStyleRemoved = false, treatAbortedAsFinished = true) {
+	const frame = useAnimationFrame();
+	return (fnToExecute, signal = null) => {
+		frame.cancel();
+		function done() {
+			(0, vue.nextTick)(() => {
+				fnToExecute();
+			});
+		}
+		const resolvedElement = resolveRef(elementOrRef);
+		if (resolvedElement == null) return;
+		if (typeof resolvedElement.getAnimations !== "function" || globalThis.BASE_UI_ANIMATIONS_DISABLED) fnToExecute();
+		else {
+			function execWaitForStartingStyleRemoved() {
+				const startingStyleAttribute = TransitionStatusDataAttributes.startingStyle;
+				if (!resolvedElement.hasAttribute(startingStyleAttribute)) {
+					frame.request(exec);
+					return;
+				}
+				const attributeObserver = new MutationObserver(() => {
+					if (!resolvedElement.hasAttribute(startingStyleAttribute)) {
+						attributeObserver.disconnect();
+						exec();
+					}
+				});
+				attributeObserver.observe(resolvedElement, {
+					attributes: true,
+					attributeFilter: [startingStyleAttribute]
+				});
+				signal?.addEventListener("abort", () => attributeObserver.disconnect(), { once: true });
+			}
+			function exec() {
+				Promise.all(resolvedElement.getAnimations().map((anim) => anim.finished)).then(() => {
+					if (signal?.aborted) return;
+					done();
+				}).catch(() => {
+					const currentAnimations = resolvedElement.getAnimations();
+					if (treatAbortedAsFinished) {
+						if (signal?.aborted) return;
+						done();
+					} else if (currentAnimations.length > 0 && currentAnimations.some((anim) => anim.pending || anim.playState !== "finished")) exec();
+				});
+			}
+			if ((0, vue.toValue)(waitForStartingStyleRemoved)) {
+				execWaitForStartingStyleRemoved();
+				return;
+			}
+			frame.request(exec);
+		}
+	};
+}
+
+//#endregion
+//#region src/utils/useTransitionStatus.ts
+/**
+* Provides a status string for CSS animations.
+* @param openRef - a boolean that determines if the element is open.
+* @param enableIdleStateRef - a boolean that enables the `'idle'` state between `'starting'` and `'ending'`
+* @param deferEndingStateRef - a boolean that defers the `'ending'` state.
+*/
+function useTransitionStatus(openRef, enableIdleStateRef = false, deferEndingStateRef = false) {
+	const open = (0, vue.computed)(() => (0, vue.toValue)(openRef));
+	const enableIdleState = (0, vue.computed)(() => (0, vue.toValue)(enableIdleStateRef));
+	const deferEndingState = (0, vue.computed)(() => (0, vue.toValue)(deferEndingStateRef));
+	const transitionStatus = (0, vue.ref)(open.value && enableIdleState.value ? "idle" : void 0);
+	const mounted = (0, vue.ref)(open.value);
+	(0, vue.watchEffect)(() => {
+		if (open.value && !mounted.value) {
+			mounted.value = true;
+			transitionStatus.value = "starting";
+		}
+		if (!open.value && mounted.value && transitionStatus.value !== "ending" && !deferEndingState.value) transitionStatus.value = "ending";
+		if (!open.value && !mounted.value && transitionStatus.value === "ending") transitionStatus.value = void 0;
+	});
+	(0, vue.watchEffect)((onCleanup) => {
+		if (!open.value && mounted.value && transitionStatus.value !== "ending" && deferEndingState.value) {
+			const frame = AnimationFrame.request(() => {
+				transitionStatus.value = "ending";
+			});
+			onCleanup(() => {
+				AnimationFrame.cancel(frame);
+			});
+		}
+	});
+	(0, vue.watchEffect)((onCleanup) => {
+		if (!open.value || enableIdleState.value) return;
+		const frame = AnimationFrame.request(() => {
+			transitionStatus.value = void 0;
+		});
+		onCleanup(() => {
+			AnimationFrame.cancel(frame);
+		});
+	});
+	(0, vue.watchEffect)((onCleanup) => {
+		if (!open.value || !enableIdleState.value) return;
+		if (open.value && mounted.value && transitionStatus.value !== "idle") transitionStatus.value = "starting";
+		const frame = AnimationFrame.request(() => {
+			transitionStatus.value = "idle";
+		});
+		onCleanup(() => {
+			AnimationFrame.cancel(frame);
+		});
+	});
+	return {
+		mounted,
+		setMounted(value) {
+			mounted.value = value;
+		},
+		transitionStatus
+	};
+}
+
+//#endregion
+//#region src/utils/useOpenChangeComplete.ts
+/**
+* Calls the provided function when the CSS open/close animation or transition completes.
+*/
+function useOpenChangeComplete(parameters) {
+	const runOnceAnimationsFinish = useAnimationsFinished(parameters.ref, parameters.open, false);
+	(0, vue.watchEffect)((onCleanup) => {
+		if (!((0, vue.toValue)(parameters.enabled) ?? true)) return;
+		const abortController = new AbortController();
+		runOnceAnimationsFinish(parameters.onComplete, abortController.signal);
+		onCleanup(() => {
+			abortController.abort();
+		});
+	});
+}
+
+//#endregion
+//#region src/field/error/FieldError.vue?vue&type=script&setup=true&lang.ts
+const _hoisted_1 = { key: 1 };
+var FieldError_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ (0, vue.defineComponent)({
+	name: "FieldError",
+	inheritAttrs: false,
+	__name: "FieldError",
+	props: {
+		id: {
+			type: String,
+			required: false
+		},
+		match: {
+			type: Boolean,
+			required: false,
+			skipCheck: true
+		},
+		as: {
+			type: null,
+			required: false,
+			default: "div"
+		},
+		class: {
+			type: Function,
+			required: false,
+			skipCheck: true
+		},
+		style: {
+			type: [
+				Boolean,
+				null,
+				String,
+				Object,
+				Array,
+				Function
+			],
+			required: false,
+			skipCheck: true
+		}
+	},
+	setup(__props) {
+		const props = __props;
+		const stateAttributesMapping = {
+			...require_control_FieldControl.fieldValidityMapping,
+			...transitionStatusMapping
+		};
+		const attrs = (0, vue.useAttrs)();
+		const id = require_control_FieldControl.useBaseUiId(props.id);
+		const { validityData, state: fieldState, name } = require_control_FieldControl.useFieldRootContext(false);
+		const { setMessageIds } = require_control_FieldControl.useLabelableContext();
+		const { errors } = require_control_FieldControl.useFormContext();
+		const formError = (0, vue.computed)(() => {
+			const n = name.value;
+			return n ? errors.value[n] ?? null : null;
+		});
+		const rendered = (0, vue.computed)(() => {
+			if (formError.value || props.match === true) return true;
+			if (props.match) return Boolean(validityData.value.state[props.match]);
+			return validityData.value.state.valid === false;
+		});
+		const { mounted, transitionStatus, setMounted } = useTransitionStatus(rendered);
+		(0, vue.watch)(() => ({
+			rendered: rendered.value,
+			id
+		}), ({ rendered: isRendered }) => {
+			if (isRendered && id) setMessageIds((ids) => ids.concat(id));
+			else if (id) setMessageIds((ids) => ids.filter((item) => item !== id));
+		}, { immediate: true });
+		(0, vue.onUnmounted)(() => {
+			if (id) setMessageIds((ids) => ids.filter((item) => item !== id));
+		});
+		const errorRef = (0, vue.ref)(null);
+		const errorMessage = (0, vue.computed)(() => {
+			const fe = formError.value;
+			if (fe) return fe;
+			if (validityData.value.errors.length > 1) return validityData.value.errors;
+			return validityData.value.error;
+		});
+		useOpenChangeComplete({
+			open: rendered,
+			ref: errorRef,
+			onComplete() {
+				if (!rendered.value) setMounted(false);
+			}
+		});
+		const state = (0, vue.computed)(() => ({
+			...fieldState.value,
+			transitionStatus: transitionStatus.value
+		}));
+		const { tag, mergedProps, renderless, ref: renderRef } = require_button_Button.useRenderElement({
+			componentProps: props,
+			state,
+			props: (0, vue.computed)(() => ({
+				...attrs,
+				id
+			})),
+			stateAttributesMapping,
+			defaultTagName: "div",
+			ref: errorRef
+		});
+		return (_ctx, _cache) => {
+			return (0, vue.unref)(mounted) && (0, vue.unref)(renderless) ? (0, vue.renderSlot)(_ctx.$slots, "default", {
+				key: 0,
+				ref: (0, vue.unref)(renderRef),
+				props: (0, vue.unref)(mergedProps),
+				state: state.value,
+				message: errorMessage.value
+			}) : (0, vue.unref)(mounted) ? ((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.resolveDynamicComponent)((0, vue.unref)(tag)), (0, vue.mergeProps)({
+				key: 1,
+				ref: (0, vue.unref)(renderRef)
+			}, (0, vue.unref)(mergedProps)), {
+				default: (0, vue.withCtx)(() => [_ctx.$slots.default ? (0, vue.renderSlot)(_ctx.$slots, "default", { key: 0 }) : Array.isArray(errorMessage.value) ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("ul", _hoisted_1, [((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, null, (0, vue.renderList)(errorMessage.value, (message) => {
+					return (0, vue.openBlock)(), (0, vue.createElementBlock)("li", { key: message }, (0, vue.toDisplayString)(message), 1);
+				}), 128))])) : ((0, vue.openBlock)(), (0, vue.createElementBlock)(vue.Fragment, { key: 2 }, [(0, vue.createTextVNode)((0, vue.toDisplayString)(errorMessage.value), 1)], 64))]),
+				_: 3
+			}, 16)) : (0, vue.createCommentVNode)("v-if", true);
+		};
+	}
+});
+
+//#endregion
+//#region src/field/error/FieldError.vue
+var FieldError_default = FieldError_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+Object.defineProperty(exports, 'AnimationFrame', {
+  enumerable: true,
+  get: function () {
+    return AnimationFrame;
+  }
+});
+Object.defineProperty(exports, 'FieldError_default', {
+  enumerable: true,
+  get: function () {
+    return FieldError_default;
+  }
+});
+Object.defineProperty(exports, 'transitionStatusMapping', {
+  enumerable: true,
+  get: function () {
+    return transitionStatusMapping;
+  }
+});
+Object.defineProperty(exports, 'useAnimationFrame', {
+  enumerable: true,
+  get: function () {
+    return useAnimationFrame;
+  }
+});
+Object.defineProperty(exports, 'useAnimationsFinished', {
+  enumerable: true,
+  get: function () {
+    return useAnimationsFinished;
+  }
+});
+Object.defineProperty(exports, 'useOpenChangeComplete', {
+  enumerable: true,
+  get: function () {
+    return useOpenChangeComplete;
+  }
+});
+Object.defineProperty(exports, 'useTransitionStatus', {
+  enumerable: true,
+  get: function () {
+    return useTransitionStatus;
+  }
+});
+//# sourceMappingURL=FieldError.cjs.map

package/dist/error/FieldError.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"FieldError.cjs","names":["$slots"],"sources":["../../src/utils/stateAttributesMapping.ts","../../src/utils/resolveRef.ts","../../src/utils/useAnimationFrame.ts","../../src/utils/useAnimationsFinished.ts","../../src/utils/useTransitionStatus.ts","../../src/utils/useOpenChangeComplete.ts","../../src/field/error/FieldError.vue","../../src/field/error/FieldError.vue"],"sourcesContent":[],"mappings":"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"}