@8wave/ai-elements 0.119.0-beta.60 → 0.119.0-beta.62

package/dist/_chunks/{VvTextarea.es-TXhUgEuG.js → VvTextarea.es-BcMLwglK.js}

@@ -1,10 +1,10 @@
-import { $ as e, A as t, B as n, C as r, Ct as i, Dt as a, E as o, Et as s, F as c, G as l, L as u, M as d, N as f, O as p, Q as ee, R as m, St as h, T as g, Tt as _, U as te, W as ne, X as v, _ as y, b, bt as x, c as re, ct as S, d as ie, dt as C, et as ae, g as w, h as T, it as E, k as D, m as O, mt as k, q as oe, r as se, s as ce, t as le, u as ue, v as A, wt as de, x as fe, y as pe, yt as j, z as M } from "./vue.runtime.esm-bundler-DKVd2gci.js";
+import { $ as e, A as t, B as n, C as r, Ct as i, Dt as a, E as o, Et as s, F as c, G as l, L as u, M as d, N as f, O as p, Q as ee, R as m, St as h, T as g, Tt as _, U as te, W as ne, X as v, _ as y, b, bt as x, c as re, ct as S, d as ie, dt as C, et as ae, g as w, h as T, it as oe, k as E, m as D, mt as O, q as se, r as ce, s as le, t as ue, u as k, v as A, wt as de, x as fe, y as j, yt as M, z as pe } from "./vue.runtime.esm-bundler-DKVd2gci.js";
 import { a as N, i as me, t as he } from "./iconify-CgyW1o4B.js";
 import { c as ge, f as _e, g as ve, h as P, l as ye, n as be, o as F, r as I, u as L } from "./dist-DxtbpUdI.js";
 import { a as xe, c as R, i as Se, l as Ce, n as we, o as Te, r as Ee, s as De, t as Oe } from "./floating-ui.vue-B6fUB9cU.js";
-//#region ../../node_modules/.pnpm/@volverjs+ui-vue@0.0.24_@json-render+core@0.19.0_zod@4.6.7__@volverjs+style@0.1.32_@vue_15de8134c9a21d6e417d645781533ea5/node_modules/@volverjs/ui-vue/dist/components/VvTextarea/VvTextarea.es.js
-p(), se(), E(), i();
-var ke = {
+//#region ../../node_modules/.pnpm/@volverjs+ui-vue@0.0.25_@json-render+core@0.19.0_zod@4.6.7__@volverjs+style@0.1.32_@vue_6457cdc65e61a009108dae6427ee3925/node_modules/@volverjs/ui-vue/dist/components/VvTextarea/VvTextarea.es.js
+p(), ce(), oe(), i();
+var z = {
 	showPassword: "eye-on",
 	hidePassword: "eye-off",
 	showDatePicker: "calendar",
@@ -15,27 +15,27 @@ var ke = {
 	remove: "trash",
 	edit: "edit",
 	download: "download"
-}, Ae = { prefix: "normal" }, z = /* @__PURE__ */ (function(e) {
+}, ke = { prefix: "normal" }, B = /* @__PURE__ */ (function(e) {
 	return e.local = "local", e.session = "session", e;
-})({}), B = /* @__PURE__ */ (function(e) {
-	return e.absolute = "absolute", e.fixed = "fixed", e;
 })({}), V = /* @__PURE__ */ (function(e) {
-	return e.left = "left", e.right = "right", e.top = "top", e.bottom = "bottom", e;
+	return e.absolute = "absolute", e.fixed = "fixed", e;
 })({}), H = /* @__PURE__ */ (function(e) {
+	return e.left = "left", e.right = "right", e.top = "top", e.bottom = "bottom", e;
+})({}), Ae = /* @__PURE__ */ (function(e) {
 	return e.topStart = "top-start", e.topEnd = "top-end", e.bottomStart = "bottom-start", e.bottomEnd = "bottom-end", e.leftStart = "left-start", e.leftEnd = "left-end", e.rightStart = "right-start", e.rightEnd = "right-end", e;
 })({}), U = /* @__PURE__ */ (function(e) {
 	return e.before = "before", e.after = "after", e;
-})({}), W = /* @__PURE__ */ (function(e) {
+})({}), je = /* @__PURE__ */ (function(e) {
 	return e.button = "button", e.submit = "submit", e.reset = "reset", e;
-})({}), G = /* @__PURE__ */ (function(e) {
+})({}), W = /* @__PURE__ */ (function(e) {
 	return e.nuxtLink = "nuxt-link", e.routerLink = "router-link", e.a = "a", e.button = "button", e;
-})({}), K = /* @__PURE__ */ (function(e) {
+})({}), G = /* @__PURE__ */ (function(e) {
 	return e.button = "button", e.link = "link", e.menuitem = "menuitem", e;
-})({}), q = /* @__PURE__ */ (function(e) {
+})({}), K = /* @__PURE__ */ (function(e) {
 	return e.listbox = "listbox", e.menu = "menu", e;
-})({}), J = /* @__PURE__ */ (function(e) {
+})({}), q = /* @__PURE__ */ (function(e) {
 	return e.option = "option", e.presentation = "presentation", e;
-})({}), Y = /* @__PURE__ */ Symbol.for("volver"), je = /* @__PURE__ */ Symbol.for("dropdownTrigger"), Me = /* @__PURE__ */ Symbol.for("dropdownItem"), X = /* @__PURE__ */ Symbol.for("dropdownAction"), Ne = {
+})({}), J = /* @__PURE__ */ Symbol.for("volver"), Me = /* @__PURE__ */ Symbol.for("dropdownTrigger"), Y = /* @__PURE__ */ Symbol.for("dropdownItem"), X = /* @__PURE__ */ Symbol.for("dropdownAction"), Ne = {
 	to: { type: [String, Object] },
 	href: String,
 	target: String,
@@ -43,7 +43,7 @@ var ke = {
 		type: String,
 		default: "noopener noreferrer"
 	}
-}, Pe = {
+}, Z = {
 	valid: {
 		type: Boolean,
 		default: !1
@@ -52,7 +52,7 @@ var ke = {
 		type: [String, Array],
 		default: void 0
 	}
-}, Fe = {
+}, Pe = {
 	invalid: {
 		type: Boolean,
 		default: !1
@@ -61,7 +61,7 @@ var ke = {
 		type: [String, Array],
 		default: void 0
 	}
-}, Z = {
+}, Fe = {
 	loading: {
 		type: Boolean,
 		default: !1
@@ -73,24 +73,24 @@ var ke = {
 }, Q = { disabled: {
 	type: Boolean,
 	default: !1
-} }, Ie = { required: {
+} }, $ = { required: {
 	type: Boolean,
 	default: !1
-} }, Le = { selected: {
+} }, Ie = { selected: {
 	type: Boolean,
 	default: !1
-} }, Re = { active: {
+} }, Le = { active: {
 	type: Boolean,
 	default: !1
-} }, ze = { current: {
+} }, Re = { current: {
 	type: Boolean,
 	default: !1
 } };
-ke.clear;
-var Be = { pressed: {
+z.clear;
+var ze = { pressed: {
 	type: Boolean,
 	default: !1
-} }, $ = { label: {
+} }, Be = { label: {
 	type: [String, Number],
 	default: void 0
 } }, Ve = {
@@ -152,7 +152,7 @@ var Be = { pressed: {
 	iconPosition: {
 		type: String,
 		default: U.before,
-		validation: (e) => Object.values(U).includes(e)
+		validator: (e) => Object.values(U).includes(e)
 	}
 }, Ye = { tabindex: {
 	type: [String, Number],
@@ -166,13 +166,13 @@ var Be = { pressed: {
 } }, Qe = { id: [String, Number] }, $e = {
 	placement: {
 		type: String,
-		default: V.bottom,
-		validator: (e) => Object.values(V).includes(e) || Object.values(H).includes(e)
+		default: H.bottom,
+		validator: (e) => Object.values(H).includes(e) || Object.values(Ae).includes(e)
 	},
 	strategy: {
 		type: String,
 		default: void 0,
-		validator: (e) => Object.values(B).includes(e)
+		validator: (e) => Object.values(V).includes(e)
 	},
 	transitionName: {
 		type: String,
@@ -241,16 +241,16 @@ var Be = { pressed: {
 	...Ye,
 	...Q,
 	...He,
+	...Z,
 	...Pe,
-	...Fe,
 	...We,
-	...Z,
+	...Fe,
 	...Ue,
 	...Ke,
 	...qe,
 	...Je,
 	...Xe,
-	...$,
+	...Be,
 	...Ve,
 	minlength: {
 		type: [String, Number],
@@ -264,44 +264,44 @@ var Be = { pressed: {
 		type: String,
 		default: void 0
 	},
-	...Ie
+	...$
 };
 ({
 	...et,
 	...Ye,
+	...Z,
 	...Pe,
-	...Fe,
 	...We,
 	...Q,
 	...He,
 	...Ue,
-	...$,
+	...Be,
 	...Ve,
-	...Z
+	...Fe
 }), {
+	...Z,
 	...Pe,
-	...Fe,
 	...Ge,
 	...We,
 	...Q,
 	...He,
 	...Ue,
-	...$,
-	...Z,
-	...Ie
+	...Be,
+	...Fe,
+	...$
 }, {
 	...Q,
-	...$,
 	...Be,
-	...Re,
 	...ze,
+	...Le,
+	...Re,
 	...Ne
-}, W.button, G.button;
+}, je.button, W.button;
 var it = {
 	storageType: {
 		type: String,
-		default: z.local,
-		validator: (e) => Object.values(z).includes(e)
+		default: B.local,
+		validator: (e) => Object.values(B).includes(e)
 	},
 	storageKey: String
 }, at = {
@@ -340,7 +340,7 @@ var it = {
 	},
 	iconRemoveSuggestion: {
 		type: [String, Object],
-		default: ke.remove
+		default: z.remove
 	},
 	labelRemoveSuggestion: {
 		type: String,
@@ -367,13 +367,13 @@ function dt(e) {
 	return Array.isArray(e) ? e.filter((e) => ut(e)).join(" ") : e;
 }
 function ft(e, t) {
-	let n = O(() => S(e) ? e.value : e), i = O(() => dt(n.value.invalidLabel)), a = O(() => dt(n.value.validLabel)), s = O(() => n.value.loadingLabel), c = O(() => n.value.hintLabel), l = O(() => !!(n.value.loading && (t.loading || s.value))), u = O(() => !l.value && !!(n.value.invalid && (t.invalid || i.value))), d = O(() => !l.value && !u.value && !!(n.value.valid && (t.valid || a.value))), f = O(() => !l.value && !u.value && !d.value && !!(t.hint || c.value)), p = O(() => u.value || d.value || l.value || f.value);
+	let n = D(() => S(e) ? e.value : e), i = D(() => dt(n.value.invalidLabel)), a = D(() => dt(n.value.validLabel)), s = D(() => n.value.loadingLabel), c = D(() => n.value.hintLabel), l = D(() => !!(n.value.loading && (t.loading || s.value))), u = D(() => !l.value && !!(n.value.invalid && (t.invalid || i.value))), d = D(() => !l.value && !u.value && !!(n.value.valid && (t.valid || a.value))), f = D(() => !l.value && !u.value && !d.value && !!(t.hint || c.value)), p = D(() => u.value || d.value || l.value || f.value);
 	return {
 		hasInvalidLabelOrSlot: u,
 		hasHintLabelOrSlot: f,
 		hasValidLabelOrSlot: d,
 		hasLoadingLabelOrSlot: l,
-		hintSlotScope: O(() => ({
+		hintSlotScope: D(() => ({
 			modelValue: n.value.modelValue,
 			valid: n.value.valid,
 			invalid: n.value.invalid,
@@ -422,15 +422,15 @@ var pt = {
 	},
 	role: {
 		type: String,
-		default: q.menu,
-		validator: (e) => Object.values(q).includes(e)
+		default: K.menu,
+		validator: (e) => Object.values(K).includes(e)
 	}
 }, mt = { focusOnHover: {
 	type: Boolean,
 	default: !1
 } }, ht = {
 	...Q,
-	...Le,
+	...Ie,
 	...Ze,
 	...Ue,
 	deselectHintLabel: { type: String },
@@ -443,10 +443,10 @@ var pt = {
 };
 function gt(e) {
 	let t = l();
-	return O(() => String(e?.value || t));
+	return D(() => String(e?.value || t));
 }
 function _t(e, t) {
-	let n = globalThis.HTMLElement !== void 0 && "popover" in globalThis.HTMLElement.prototype, r = O(() => n && x(t)), i = O(() => r.value ? "manual" : void 0);
+	let n = globalThis.HTMLElement !== void 0 && "popover" in globalThis.HTMLElement.prototype, r = D(() => n && x(t)), i = D(() => r.value ? "manual" : void 0);
 	function a() {
 		return (n && e.value?.matches(":popover-open")) ?? !1;
 	}
@@ -474,7 +474,7 @@ function vt({ reference: e, id: t, expanded: n, aria: i }) {
 		component: r({
 			name: "VvDropdownTriggerProvider",
 			setup() {
-				m(je, {
+				m(Me, {
 					reference: e,
 					id: t,
 					expanded: n,
@@ -489,20 +489,20 @@ function vt({ reference: e, id: t, expanded: n, aria: i }) {
 	};
 }
 function yt({ role: e, ...t }) {
-	let n = O(() => e.value === q.listbox ? J.option : J.presentation);
-	return m(Me, {
+	let n = D(() => e.value === K.listbox ? q.option : q.presentation);
+	return m(Y, {
 		role: n,
 		...t
 	}), { itemRole: n };
 }
 function bt({ expanded: e }) {
 	m(X, {
-		role: k(K.menuitem),
+		role: O(G.menuitem),
 		expanded: e
 	});
 }
 function xt(e, t, n) {
-	return O(() => {
+	return D(() => {
 		let r = { [e]: !0 }, i = typeof t?.value == "string" ? t.value.split(" ") : t?.value;
 		return i && Array.isArray(i) && i.forEach((t) => {
 			t && (r[`${e}--${t}`] = !0);
@@ -538,72 +538,107 @@ var St = ["popover"], Ct = [
 		"leaveCancelled"
 	],
 	setup(t, { expose: r, emit: i }) {
-		let a = t, o = i, { id: l } = j(a), p = gt(l), m = ne(), b = k("auto"), x = k("auto"), S = k(), C = k(), w = k(), E = k(), D = O({
-			get: () => a.reference ?? S.value,
+		let a = t, o = i, { id: l } = M(a), p = gt(l), m = ne(), b = O(), x = O(), S = O(), C = O(), w = D({
+			get: () => a.reference ?? b.value,
 			set: (e) => {
-				S.value = e;
+				b.value = e;
 			}
-		}), { isTopLayer: oe, popover: se, show: ce, hide: ue } = _t(C, () => a.topLayer), pe = O(() => oe.value ? B.fixed : a.strategy), M = k(!1);
+		}), { isTopLayer: oe, popover: E, show: se, hide: ce } = _t(x, () => a.topLayer), le = D(() => oe.value ? V.fixed : a.strategy), k = O(!1);
 		c(() => {
-			_e(C.value, () => {
-				M.value = globalThis.getComputedStyle(C.value).getPropertyValue("--dropdown-custom-position")?.trim() === "true";
+			_e(x.value, () => {
+				k.value = globalThis.getComputedStyle(x.value).getPropertyValue("--dropdown-custom-position")?.trim() === "true";
 			}, {
 				attributeFilter: ["style"],
 				window: globalThis.window
 			});
 		});
-		function N(e, t, n) {
+		function j(e, t, n) {
 			return typeof e == "boolean" ? t() : n(e);
 		}
-		let me = O(() => {
+		function pe(e) {
+			return !e.width && !e.height;
+		}
+		let N = {
+			name: "uncap",
+			fn({ elements: e, rects: t, middlewareData: n }) {
+				let { style: r } = e.floating, i = t.floating.height >= Number.parseFloat(r.maxHeight) - 1 || t.floating.width >= Number.parseFloat(r.maxWidth) - 1;
+				return n.uncap || !i || pe(t.floating) ? {} : (r.maxHeight = "", r.maxWidth = "", {
+					data: { uncapped: !0 },
+					reset: { rects: !0 }
+				});
+			}
+		}, me = D(() => {
 			let e = [];
-			if (a.autoPlacement ? e.push(N(a.autoPlacement, () => Ee(), (e) => Ee(e))) : a.flip && e.push(N(a.flip, () => xe({ fallbackStrategy: "initialPlacement" }), (e) => xe(e))), a.shift && e.push(N(a.shift, () => De(), (e) => De(e))), a.size) {
-				let t = ({ availableWidth: e, availableHeight: t }) => {
-					b.value = `${e}px`, x.value = `${t}px`;
+			a.size && e.push(N), a.offset && e.push(["string", "number"].includes(typeof a.offset) ? Te(Number(a.offset)) : Te(a.offset));
+			let t = typeof a.size == "object" ? a.size.padding : void 0;
+			if (a.autoPlacement ? e.push(j(a.autoPlacement, () => Ee(), (e) => Ee(e))) : a.flip && e.push(j(a.flip, () => xe({
+				fallbackStrategy: "initialPlacement",
+				padding: t
+			}), (e) => xe({
+				padding: t,
+				...e
+			}))), a.shift && e.push(j(a.shift, () => De(), (e) => De(e))), a.size) {
+				let t = ({ availableWidth: e, availableHeight: t, elements: n, rects: r }) => {
+					if (pe(r.floating) || k.value) return;
+					let { style: i } = n.floating;
+					i.maxWidth = a.triggerWidth && w.value ? "" : `${Math.max(0, e)}px`, i.maxHeight = `${Math.max(0, t)}px`;
 				};
-				e.push(N(a.size, () => R({ apply: t }), (e) => R({
+				e.push(j(a.size, () => R({ apply: t }), (e) => R({
 					...e,
-					apply: t
+					apply: (n) => (t(n), e?.apply?.(n))
 				})));
 			}
-			return a.offset && e.push(["string", "number"].includes(typeof a.offset) ? Te(Number(a.offset)) : Te(a.offset)), a.arrow && e.push(Oe({ element: w })), e;
-		}), { x: he, y: ge, middlewareData: P, placement: ye, strategy: Ce } = we(D, C, {
-			whileElementsMounted: (...e) => Se(...e, { animationFrame: pe.value === B.fixed }),
-			placement: O(() => a.placement),
-			strategy: pe,
+			return a.arrow && e.push(Oe({ element: S })), e;
+		}), { x: he, y: ge, middlewareData: P, placement: ye, strategy: Ce, update: z } = we(w, x, {
+			placement: D(() => a.placement),
+			strategy: le,
 			middleware: me
-		}), ke = O(() => {
-			if (M.value) return;
-			let e = a.triggerWidth && D.value ? `${D.value?.offsetWidth}px` : void 0;
+		}), ke = D(() => {
+			if (k.value) return;
+			let e = a.triggerWidth && w.value ? `${w.value?.offsetWidth}px` : void 0;
 			return {
 				position: Ce.value,
 				top: `${ge.value ?? 0}px`,
 				left: `${he.value ?? 0}px`,
-				maxWidth: e ? void 0 : b.value,
-				maxHeight: x.value,
 				width: e
 			};
-		}), Ae = O(() => ye.value.split("-")[0]), z = O(() => {
-			if (M.value) return;
+		}), B = D(() => ye.value.split("-")[0]), Ae = D(() => {
+			if (k.value) return;
 			let e = {
-				[V.top]: V.bottom,
-				[V.right]: V.left,
-				[V.bottom]: V.top,
-				[V.left]: V.right
-			}[Ae.value];
+				[H.top]: H.bottom,
+				[H.right]: H.left,
+				[H.bottom]: H.top,
+				[H.left]: H.right
+			}[B.value];
 			return {
 				left: P.value.arrow?.x === void 0 ? void 0 : `${P.value.arrow?.x}px`,
 				top: P.value.arrow?.y === void 0 ? void 0 : `${P.value.arrow?.y}px`,
-				[e]: `${-(w.value?.offsetWidth ?? 0) / 2}px`
+				[e]: `${-(S.value?.offsetWidth ?? 0) / 2}px`
 			};
-		}), H = ve(a, "modelValue", o), U = k(!1), W = O({
-			get: () => H.value ?? U.value,
+		}), U = ve(a, "modelValue", o), je = O(!1), W = D({
+			get: () => U.value ?? je.value,
 			set: (e) => {
-				H.value === void 0 ? U.value = e : H.value = e;
+				U.value === void 0 ? je.value = e : U.value = e;
 			}
 		});
-		ee(() => {
-			W.value && ce();
+		v([
+			W,
+			w,
+			x,
+			le
+		], ([e, t, n, r], i, a) => {
+			!e || !t || !n || a(Se(t, n, z, { animationFrame: r === V.fixed }));
+		}, {
+			flush: "post",
+			immediate: !0
+		}), _e(C, () => {
+			W.value && z();
+		}, {
+			childList: !0,
+			subtree: !0,
+			characterData: !0
+		}), ee(() => {
+			W.value && se();
 		});
 		function G() {
 			W.value = !0;
@@ -615,42 +650,42 @@ var St = ["popover"], Ct = [
 			W.value = !W.value;
 		}
 		function J(e) {
-			D.value = e;
+			w.value = e;
 		}
-		be(C, () => {
+		be(x, () => {
 			!a.keepOpen && W.value && (W.value = !1);
-		}, { ignore: [D] });
-		let Y = O(() => D.value?.getAttribute?.("id") ?? void 0), je = O(() => ({
+		}, { ignore: [w] });
+		let Me = D(() => w.value?.getAttribute?.("id") ?? void 0), Y = D(() => ({
 			"aria-controls": p.value,
 			"aria-haspopup": !0,
 			"aria-expanded": W.value
-		})), { component: Me, bus: X } = vt({
-			reference: D,
+		})), { component: X, bus: Ne } = vt({
+			reference: w,
 			id: p,
 			expanded: W,
-			aria: je
+			aria: Y
 		});
-		X.on("click", q);
-		let { role: Ne, modifiers: Pe } = j(a), Fe = xt("vv-dropdown", Pe, O(() => ({ arrow: a.arrow }))), { focused: Z } = L(C);
-		function Q(e) {
+		Ne.on("click", q);
+		let { role: Z, modifiers: Pe } = M(a), Fe = xt("vv-dropdown", Pe, D(() => ({ arrow: a.arrow }))), { focused: Q } = L(x);
+		function $(e) {
 			return e ? [...e.querySelectorAll("a[href], button, input, textarea, select, details, [tabindex]:not([tabindex=\"-1\"])")].filter((e) => !e.hasAttribute("disabled") && !e.getAttribute("aria-hidden")) : [];
 		}
 		function Ie() {
 			f(() => {
-				let e = Q(C.value);
+				let e = $(x.value);
 				e.length > 0 && e[0].focus({ preventScroll: !0 });
 			});
 		}
 		function Le() {
 			f(() => {
-				let e = Q(E.value);
+				let e = $(C.value);
 				e.length > 0 && e[0].focus({ preventScroll: !0 });
 			});
 		}
 		function Re() {
 			f(() => {
-				if (Z.value) {
-					let e = Q(C.value);
+				if (Q.value) {
+					let e = $(x.value);
 					if (e.length === 0 || !document.activeElement) return;
 					let t = e.indexOf(document.activeElement);
 					t < e.length - 1 ? e[t + 1].focus({ preventScroll: !0 }) : e[0].focus({ preventScroll: !0 });
@@ -659,8 +694,8 @@ var St = ["popover"], Ct = [
 		}
 		function ze() {
 			f(() => {
-				if (Z.value) {
-					let e = Q(C.value);
+				if (Q.value) {
+					let e = $(x.value);
 					if (e.length === 0 || !document.activeElement) return;
 					let t = e.indexOf(document.activeElement);
 					if (t > 0) {
@@ -682,42 +717,42 @@ var St = ["popover"], Ct = [
 			focusFirstListElement: Le,
 			focusNext: Re,
 			focusPrev: ze,
-			customPosition: M
+			customPosition: k
 		});
 		let { itemRole: Be } = yt({
-			role: Ne,
+			role: Z,
 			expanded: W,
-			focused: Z,
-			hovered: F(C)
+			focused: Q,
+			hovered: F(x)
 		});
 		I("Escape", (e) => {
 			W.value && (e.preventDefault(), K());
 		}), I("ArrowDown", (e) => {
-			W.value && Z.value && (e.preventDefault(), Re());
+			W.value && Q.value && (e.preventDefault(), Re());
 		}), I("ArrowUp", (e) => {
-			W.value && Z.value && (e.preventDefault(), ze());
+			W.value && Q.value && (e.preventDefault(), ze());
 		}), I([" ", "Enter"], (e) => {
 			let t = e.target;
-			W.value && Z.value && t && t?.click();
+			W.value && Q.value && t && t?.click();
 		});
-		let $ = {
+		let Ve = {
 			"before-enter": () => {
-				o(W.value ? "beforeExpand" : "beforeCollapse"), o("beforeEnter");
+				o("beforeExpand"), o("beforeEnter");
 			},
 			"after-leave": () => {
-				W.value || ue(), o(W.value ? "afterExpand" : "afterCollapse"), o("afterLeave");
+				W.value || ce(), o("afterCollapse"), o("afterLeave");
 			},
 			enter: () => {
 				o("enter");
 			},
 			"after-enter": () => {
-				o("afterEnter");
+				o("afterExpand"), o("afterEnter");
 			},
 			"enter-cancelled": () => {
 				o("enterCancelled");
 			},
 			"before-leave": () => {
-				o("beforeLeave");
+				o("beforeCollapse"), o("beforeLeave");
 			},
 			leave: () => {
 				o("leave");
@@ -726,29 +761,29 @@ var St = ["popover"], Ct = [
 				o("leaveCancelled");
 			}
 		};
-		return (t, r) => (u(), A(ie, null, [fe(h(Me), null, {
+		return (t, r) => (u(), A(ie, null, [fe(h(X), null, {
 			default: e(() => [n(t.$slots, "default", _(g({
 				init: J,
 				show: G,
 				hide: K,
 				toggle: q,
 				expanded: h(W),
-				aria: h(je)
+				aria: h(Y)
 			})))]),
 			_: 3
-		}), fe(le, d({ name: t.transitionName }, te($), { persisted: "" }), {
+		}), fe(ue, d({ name: t.transitionName }, te(Ve), { persisted: "" }), {
 			default: e(() => [ae(T("div", {
 				ref_key: "floatingEl",
-				ref: C,
-				popover: h(se),
+				ref: x,
+				popover: h(E),
 				style: s(h(ke)),
 				class: de(h(Fe))
 			}, [
 				a.arrow ? (u(), A("div", {
 					key: 0,
 					ref_key: "arrowEl",
-					ref: w,
-					style: s(h(z)),
+					ref: S,
+					style: s(h(Ae)),
 					class: "vv-dropdown__arrow"
 				}, null, 4)) : y("v-if", !0),
 				n(t.$slots, "before", _(g({
@@ -760,10 +795,10 @@ var St = ["popover"], Ct = [
 				T("div", d(h(m), {
 					id: h(p),
 					ref_key: "listEl",
-					ref: E,
+					ref: C,
 					tabindex: h(W) ? void 0 : -1,
-					role: h(Ne),
-					"aria-labelledby": h(Y),
+					role: h(Z),
+					"aria-labelledby": h(Me),
 					class: "vv-dropdown__list"
 				}), [n(t.$slots, "items", _(g({
 					show: G,
@@ -784,13 +819,13 @@ var St = ["popover"], Ct = [
 	}
 });
 function Tt() {
-	return D(Me, {});
+	return E(Y, {});
 }
 var Et = /* @__PURE__ */ r({
 	name: "VvDropdownItem",
 	props: mt,
 	setup(e) {
-		let t = e, { role: r, expanded: i } = Tt(), a = k(null);
+		let t = e, { role: r, expanded: i } = Tt(), a = O(null);
 		bt({ expanded: i });
 		let o = F(a), { focused: s } = ye(a), { focused: c } = L(a);
 		return v(o, (e) => {
@@ -805,11 +840,11 @@ var Et = /* @__PURE__ */ r({
 	name: "VvDropdownOption",
 	props: ht,
 	setup(t) {
-		let r = t, { modifiers: i } = j(r), o = xt("vv-dropdown-option", i, O(() => ({
+		let r = t, { modifiers: i } = M(r), o = xt("vv-dropdown-option", i, D(() => ({
 			disabled: r.disabled,
 			selected: r.selected,
 			unselectable: r.unselectable && r.selected
-		}))), s = O(() => r.selected ? r.unselectable ? r.deselectHintLabel : r.selectedHintLabel : r.disabled ? "" : r.selectHintLabel);
+		}))), s = D(() => r.selected ? r.unselectable ? r.deselectHintLabel : r.selectedHintLabel : r.disabled ? "" : r.selectHintLabel);
 		return (t, r) => (u(), w(Et, {
 			class: de(h(o)),
 			tabindex: t.disabled ? -1 : 0,
@@ -836,7 +871,7 @@ var Et = /* @__PURE__ */ r({
 	}
 });
 function kt() {
-	return D(Y, void 0);
+	return E(J, void 0);
 }
 var At = /* @__PURE__ */ r({
 	name: "VvIcon",
@@ -857,9 +892,9 @@ var At = /* @__PURE__ */ r({
 		onLoad: { type: Function },
 		svg: {},
 		modifiers: {}
-	}, Ae),
+	}, ke),
 	setup(e) {
-		let t = e, n = O(() => typeof t.rotate == "string" ? Number.parseFloat(t.rotate) : t.rotate), r = k(!0), i = kt(), { modifiers: a } = j(t), o = xt("vv-icon", a), s = O(() => t.provider || i?.iconsProvider), c = O(() => {
+		let t = e, n = D(() => typeof t.rotate == "string" ? Number.parseFloat(t.rotate) : t.rotate), r = O(!0), i = kt(), { modifiers: a } = M(t), o = xt("vv-icon", a), s = D(() => t.provider || i?.iconsProvider), c = D(() => {
 			let e = t.name ?? "", n = `@${s.value}:${t.prefix}:${e}`;
 			if (N(n)) return n;
 			let r = i?.iconsCollections.find((t) => {
@@ -912,10 +947,10 @@ function jt(e, t, n) {
 	return r;
 }
 function Mt(e, t, n) {
-	let r = kt(), i = O(() => {
+	let r = kt(), i = D(() => {
 		if (r?.defaults.value?.[e]) return r.defaults.value[e];
 	});
-	return O(() => {
+	return D(() => {
 		if (i.value === void 0) return n;
 		let e = i.value, r = t, a = n;
 		return Object.keys(r).reduce((t, n) => {
@@ -925,7 +960,7 @@ function Mt(e, t, n) {
 	});
 }
 function Nt(e, t, n = 0, { getter: r = (e) => e, setter: i = (e) => e } = {}) {
-	let a, o, s = O(() => {
+	let a, o, s = D(() => {
 		let e = x(n) ?? 0, t = typeof e == "string" ? Number.parseInt(e) : e;
 		return Number.isNaN(t) ? 0 : t;
 	});
@@ -938,7 +973,7 @@ function Nt(e, t, n = 0, { getter: r = (e) => e, setter: i = (e) => e } = {}) {
 		return c(), t("update:modelValue", e), e;
 	}
 	return C(c), {
-		model: O({
+		model: D({
 			get: () => r(e?.value),
 			set: (e) => {
 				s.value <= 0 ? (c(), t("update:modelValue", i(e))) : (o = { value: e }, a && clearTimeout(a), a = setTimeout(l, s.value));
@@ -949,13 +984,13 @@ function Nt(e, t, n = 0, { getter: r = (e) => e, setter: i = (e) => e } = {}) {
 	};
 }
 function Pt(e, t) {
-	let n = O(() => typeof e?.value == "string" ? { name: e?.value } : e?.value), r = O(() => t?.value === U.before ? n.value : void 0), i = O(() => t?.value === U.after ? n.value : void 0);
+	let n = D(() => typeof e?.value == "string" ? { name: e?.value } : e?.value), r = D(() => t?.value === U.before ? n.value : void 0), i = D(() => t?.value === U.after ? n.value : void 0);
 	return {
 		hasIcon: n,
-		hasIconLeft: O(() => t?.value === V.left ? n.value : void 0),
-		hasIconRight: O(() => t?.value === V.right ? n.value : void 0),
-		hasIconTop: O(() => t?.value === V.top ? n.value : void 0),
-		hasIconBottom: O(() => t?.value === V.bottom ? n.value : void 0),
+		hasIconLeft: D(() => t?.value === H.left ? n.value : void 0),
+		hasIconRight: D(() => t?.value === H.right ? n.value : void 0),
+		hasIconTop: D(() => t?.value === H.top ? n.value : void 0),
+		hasIconBottom: D(() => t?.value === H.bottom ? n.value : void 0),
 		hasIconBefore: r,
 		hasIconAfter: i
 	};
@@ -967,28 +1002,28 @@ function Ft(e, t) {
 	}), { focused: n };
 }
 function It(e, t) {
-	let n = O(() => (h(e) ?? "").length), r = O(() => t?.lowerLimit !== void 0 && n.value < t?.lowerLimit ? n.value - t.lowerLimit : t?.upperLimit === void 0 ? 0 : t.upperLimit - n.value);
+	let n = D(() => (h(e) ?? "").length), r = D(() => t?.lowerLimit !== void 0 && n.value < t?.lowerLimit ? n.value - t.lowerLimit : t?.upperLimit === void 0 ? 0 : t.upperLimit - n.value);
 	return {
 		length: n,
 		gap: r,
-		formatted: O(() => t?.mode === !1 ? "" : t?.mode === "limit" && t?.upperLimit ? `${n.value} / ${t.lowerLimit ? `${t.lowerLimit}-` : ""}${t.upperLimit}` : t?.mode === "countdown" ? r.value === 0 ? void 0 : r.value : n.value)
+		formatted: D(() => t?.mode === !1 ? "" : t?.mode === "limit" && t?.upperLimit ? `${n.value} / ${t.lowerLimit ? `${t.lowerLimit}-` : ""}${t.upperLimit}` : t?.mode === "countdown" ? r.value === 0 ? void 0 : r.value : n.value)
 	};
 }
-function Lt(e, t = z.local, n) {
-	let r = k();
+function Lt(e, t = B.local, n) {
+	let r = O();
 	n && (r.value = n);
 	let i;
 	return c(() => {
 		e && v(e, (e, n) => {
-			let a = h(t) === z.session ? sessionStorage : localStorage;
+			let a = h(t) === B.session ? sessionStorage : localStorage;
 			n && n !== e && a.removeItem(n), e ? (i = P(e, i?.value ?? r.value, a), i.value && (r.value = i.value)) : i = void 0;
 		}, { immediate: !0 }), S(t) && v(t, (t, n) => {
 			if (e?.value) {
 				if (t) {
-					let n = t === z.session ? sessionStorage : localStorage;
+					let n = t === B.session ? sessionStorage : localStorage;
 					i = P(e.value, i?.value ?? r.value, n);
 				}
-				n && n !== t && (n === z.session ? sessionStorage : localStorage).removeItem(e.value);
+				n && n !== t && (n === B.session ? sessionStorage : localStorage).removeItem(e.value);
 			}
 		});
 	}), v(r, (e) => {
@@ -1012,15 +1047,15 @@ var Rt = ["for"], zt = {
 	props: ct,
 	emits: st,
 	setup(t, { expose: r, emit: i }) {
-		let o = t, s = i, c = oe(), l = kt(), f = Mt("VvTextarea", ct, o), p = k(), ee = k(), m = k(), { id: te, icon: ne, iconPosition: x, iconRemoveSuggestion: re, labelRemoveSuggestion: C, label: E, modelValue: D, count: se, valid: le, invalid: N, loading: me, modifiers: he, debounce: _e, minlength: ve, maxlength: P, storageType: ye } = j(o), be = gt(te), F = O(() => `${be.value}-hint`), I = O(() => o.floating && lt(o.placeholder) ? " " : o.placeholder), { model: L, flush: xe } = Nt(D, s, _e);
+		let o = t, s = i, c = se(), l = kt(), f = Mt("VvTextarea", ct, o), p = O(), ee = O(), m = O(), { id: te, icon: ne, iconPosition: x, iconRemoveSuggestion: re, labelRemoveSuggestion: C, label: oe, modelValue: E, count: ce, valid: ue, invalid: N, loading: me, modifiers: he, debounce: _e, minlength: ve, maxlength: P, storageType: ye } = M(o), be = gt(te), F = D(() => `${be.value}-hint`), I = D(() => o.floating && lt(o.placeholder) ? " " : o.placeholder), { model: L, flush: xe } = Nt(E, s, _e);
 		r({ flush: xe });
-		let { hasIconBefore: R, hasIconAfter: Se } = Pt(ne, x), { hasIcon: Ce } = Pt(re), { focused: we } = Ft(p, s), Te = O(() => we.value && !o.disabled && !o.readonly);
+		let { hasIconBefore: R, hasIconAfter: Se } = Pt(ne, x), { hasIcon: Ce } = Pt(re), { focused: we } = Ft(p, s), Te = D(() => we.value && !o.disabled && !o.readonly);
 		v(Te, (e) => {
 			let t = L.value;
-			if (e || (t = xe() ?? t), e && f.value.selectOnFocus && p.value && p.value.select(), e && V.value?.size) m.value?.show();
-			else if (V.value && !lt(t)) {
+			if (e || (t = xe() ?? t), e && f.value.selectOnFocus && p.value && p.value.select(), e && H.value?.size) m.value?.show();
+			else if (H.value && !lt(t)) {
 				let e = o.maxSuggestions;
-				V.value.size >= e && !V.value.has(t) && (V.value = new Set([...V.value].slice(V.value.size - e + 1))), V.value.add(t);
+				H.value.size >= e && !H.value.has(t) && (H.value = new Set([...H.value].slice(H.value.size - e + 1))), H.value.add(t);
 			}
 		});
 		let Ee = ge(p);
@@ -1028,21 +1063,21 @@ var Rt = ["for"], zt = {
 			e && o.autofocus && (we.value = !0);
 		});
 		let { formatted: De } = It(L, {
-			mode: se?.value,
+			mode: ce?.value,
 			upperLimit: Number(P?.value),
 			lowerLimit: Number(ve?.value)
-		}), Oe = O(() => !o.disabled && !o.readonly), ke = O(() => Oe.value ? o.tabindex : -1), Ae = O(() => !lt(D)), z = O(() => {
+		}), Oe = D(() => !o.disabled && !o.readonly), z = D(() => Oe.value ? o.tabindex : -1), ke = D(() => !lt(E)), B = D(() => {
 			if (o.invalid === !0) return !0;
 			if (o.valid === !0) return !1;
-		}), B = O(() => o.storageKey ?? (l?.experimentalFeatures.forceInputSuggestions ? o.name : void 0)), V = Lt(B, ye, /* @__PURE__ */ new Set()), H = O(() => V.value ? [...V.value].filter((e) => lt(L.value) || `${e}`.toLowerCase().includes(`${L.value}`.toLowerCase()) && e !== L.value).reverse() : []), U = O(() => B?.value && V.value && V.value.size > 0);
-		function W(e) {
+		}), V = D(() => o.storageKey ?? (l?.experimentalFeatures.forceInputSuggestions ? o.name : void 0)), H = Lt(V, ye, /* @__PURE__ */ new Set()), Ae = D(() => H.value ? [...H.value].filter((e) => lt(L.value) || `${e}`.toLowerCase().includes(`${L.value}`.toLowerCase()) && e !== L.value).reverse() : []), U = D(() => V?.value && H.value && H.value.size > 0);
+		function je(e) {
 			L.value = e, m.value?.hide(), s("suggestion:selected", e);
 		}
-		function G(e) {
-			V.value?.delete(e), s("suggestion:removed", e);
+		function W(e) {
+			H.value?.delete(e), s("suggestion:removed", e);
 		}
-		let { HintSlot: K, hasHintLabelOrSlot: q, hasInvalidLabelOrSlot: J, hintSlotScope: Y } = ft(f, c), je = xt("vv-textarea", he, O(() => ({
-			valid: le.value,
+		let { HintSlot: G, hasHintLabelOrSlot: K, hasInvalidLabelOrSlot: q, hintSlotScope: J } = ft(f, c), Me = xt("vv-textarea", he, D(() => ({
+			valid: ue.value,
 			invalid: N.value,
 			loading: me.value,
 			disabled: o.disabled,
@@ -1051,13 +1086,13 @@ var Rt = ["for"], zt = {
 			"icon-before": R.value !== void 0,
 			"icon-after": Se.value !== void 0,
 			floating: o.floating && !lt(o.label),
-			dirty: Ae.value,
+			dirty: ke.value,
 			focus: we.value,
 			resizable: o.resizable
-		}))), Me = O(() => ({
+		}))), Y = D(() => ({
 			name: o.name,
 			placeholder: I.value,
-			tabindex: ke.value,
+			tabindex: z.value,
 			disabled: o.disabled,
 			readonly: o.readonly,
 			required: o.required,
@@ -1070,10 +1105,10 @@ var Rt = ["for"], zt = {
 			spellcheck: o.spellcheck,
 			"aria-label": o.ariaLabel || void 0,
 			"aria-labelledby": o.ariaLabelledby || void 0,
-			"aria-invalid": z.value,
-			"aria-describedby": [o.ariaDescribedby, q.value ? F.value : void 0].filter(Boolean).join(" ") || void 0,
-			"aria-errormessage": J.value ? F.value : void 0
-		})), X = O(() => ({
+			"aria-invalid": B.value,
+			"aria-describedby": [o.ariaDescribedby, K.value ? F.value : void 0].filter(Boolean).join(" ") || void 0,
+			"aria-errormessage": q.value ? F.value : void 0
+		})), X = D(() => ({
 			valid: o.valid,
 			invalid: o.invalid,
 			modelValue: o.modelValue,
@@ -1085,12 +1120,12 @@ var Rt = ["for"], zt = {
 		function Ne() {
 			L.value = void 0;
 		}
-		return (t, r) => (u(), A("div", { class: de(h(je)) }, [
-			h(E) ? (u(), A("label", {
+		return (t, r) => (u(), A("div", { class: de(h(Me)) }, [
+			h(oe) ? (u(), A("label", {
 				key: 0,
 				for: h(be),
 				class: "vv-textarea__label"
-			}, a(h(E)), 9, Rt)) : y("v-if", !0),
+			}, a(h(oe)), 9, Rt)) : y("v-if", !0),
 			T("div", {
 				ref_key: "wrapperEl",
 				ref: ee,
@@ -1104,34 +1139,34 @@ var Rt = ["for"], zt = {
 						ref_key: "textareaEl",
 						ref: p,
 						"onUpdate:modelValue": r[0] ||= (e) => S(L) ? L.value = e : null
-					}, h(Me), { onKeyup: r[1] ||= (e) => s("keyup", e) }), null, 16, Vt), [[ce, h(L)]]),
+					}, h(Y), { onKeyup: r[1] ||= (e) => s("keyup", e) }), null, 16, Vt), [[le, h(L)]]),
 					h(Se) ? (u(), w(At, d({ key: 1 }, h(Se), { class: "vv-textarea__icon vv-textarea__icon-after" }), null, 16)) : y("v-if", !0)
 				]),
 				t.$slots.after ? (u(), A("div", Ht, [n(t.$slots, "after", _(g(h(X))))])) : y("v-if", !0),
-				h(se) ? (u(), A("span", Ut, [n(t.$slots, "count", _(g(h(X))), () => [b(a(h(De)), 1)])])) : y("v-if", !0)
+				h(ce) ? (u(), A("span", Ut, [n(t.$slots, "count", _(g(h(X))), () => [b(a(h(De)), 1)])])) : y("v-if", !0)
 			], 512),
-			fe(h(K), {
+			fe(h(G), {
 				id: h(F),
 				class: "vv-textarea__hint"
-			}, pe({ _: 2 }, [
+			}, j({ _: 2 }, [
 				t.$slots.hint ? {
 					name: "hint",
-					fn: e(() => [n(t.$slots, "hint", _(g(h(Y))))]),
+					fn: e(() => [n(t.$slots, "hint", _(g(h(J))))]),
 					key: "0"
 				} : void 0,
 				t.$slots.loading ? {
 					name: "loading",
-					fn: e(() => [n(t.$slots, "loading", _(g(h(Y))))]),
+					fn: e(() => [n(t.$slots, "loading", _(g(h(J))))]),
 					key: "1"
 				} : void 0,
 				t.$slots.valid ? {
 					name: "valid",
-					fn: e(() => [n(t.$slots, "valid", _(g(h(Y))))]),
+					fn: e(() => [n(t.$slots, "valid", _(g(h(J))))]),
 					key: "2"
 				} : void 0,
 				t.$slots.invalid ? {
 					name: "invalid",
-					fn: e(() => [n(t.$slots, "invalid", _(g(h(Y))))]),
+					fn: e(() => [n(t.$slots, "invalid", _(g(h(J))))]),
 					key: "3"
 				} : void 0
 			]), 1032, ["id"]),
@@ -1144,17 +1179,17 @@ var Rt = ["for"], zt = {
 				"trigger-width": !0,
 				"top-layer": h(f).topLayer
 			}, {
-				items: e(() => [(u(!0), A(ie, null, M(h(H), (r) => (u(), w(Ot, {
+				items: e(() => [(u(!0), A(ie, null, pe(h(Ae), (r) => (u(), w(Ot, {
 					key: r,
-					onClick: ue((e) => W(r), ["stop"])
+					onClick: k((e) => je(r), ["stop"])
 				}, {
-					default: e(() => [T("div", Wt, [n(t.$slots, "suggestion", d({ ref_for: !0 }, { value: r }), () => [b(a(r), 1)])]), h(V) && h(Ce) ? (u(), A("button", {
+					default: e(() => [T("div", Wt, [n(t.$slots, "suggestion", d({ ref_for: !0 }, { value: r }), () => [b(a(r), 1)])]), h(H) && h(Ce) ? (u(), A("button", {
 						key: 0,
 						type: "button",
 						tabindex: "-1",
 						class: "cursor-pointer",
 						title: h(C),
-						onClick: ue((e) => G(r), ["stop"])
+						onClick: k((e) => W(r), ["stop"])
 					}, [fe(At, d({ ref_for: !0 }, h(Ce)), null, 16)], 8, Gt)) : y("v-if", !0)]),
 					_: 2
 				}, 1032, ["onClick"]))), 128))]),
@@ -1166,4 +1201,4 @@ var Rt = ["for"], zt = {
 //#endregion
 export { Kt as default };
 
-//# sourceMappingURL=VvTextarea.es-TXhUgEuG.js.map
+//# sourceMappingURL=VvTextarea.es-BcMLwglK.js.map