@8wave/ai-elements 0.106.0-beta.2 → 0.106.0

package/dist/_chunks/{VvTextarea.es-BuLyBuYz.js → VvTextarea.es-ChkbZSw6.js}

@@ -1,10 +1,10 @@
 import { $ as e, A as t, B as n, C as r, Ct as i, E as a, F as o, G as s, L as c, M as l, N as u, O as d, Q as f, R as p, St as ee, T as m, Tt as h, U as te, W as ne, X as g, _, b as re, bt as v, c as ie, ct as y, d as ae, et as oe, g as b, h as x, it as se, k as S, m as C, pt as w, q as ce, r as le, s as T, t as ue, u as de, ut as fe, v as E, vt as D, wt as pe, x as me, xt as he, y as ge, yt as O, z as k } from "./vue.runtime.esm-bundler-D6KKITU0.js";
 import { a as A, i as _e, t as ve } from "./iconify-tggsk9QV.js";
-import { c as ye, d as be, l as xe, m as Se, n as Ce, o as j, p as M, r as N, s as we } from "./dist-vbhhaYbZ.js";
-import { a as Te, c as P, i as Ee, l as De, n as Oe, o as ke, r as Ae, s as je, t as Me } from "./floating-ui.vue-DYDaUjxz.js";
+import { c as ye, f as be, h as xe, l as j, m as Se, n as Ce, o as M, r as N, u as P } from "./dist-Dhop5_et.js";
+import { a as we, c as F, i as Te, l as Ee, n as De, o as Oe, r as ke, s as Ae, t as je } from "./floating-ui.vue-DYDaUjxz.js";
 //#region ../../node_modules/.pnpm/@volverjs+ui-vue@0.0.20_@json-render+core@0.19.0_zod@4.5.4__@volverjs+style@0.1.27_@vue_f2b5a47152e93c3451249216f4e73d36/node_modules/@volverjs/ui-vue/dist/components/VvTextarea/VvTextarea.es.js
 d(), le(), se(), he();
-var Ne = {
+var Me = {
 	showPassword: "eye-on",
 	hidePassword: "eye-off",
 	showDatePicker: "calendar",
@@ -15,27 +15,27 @@ var Ne = {
 	remove: "trash",
 	edit: "edit",
 	download: "download"
-}, Pe = { prefix: "normal" }, F = /* @__PURE__ */ (function(e) {
+}, Ne = { prefix: "normal" }, I = /* @__PURE__ */ (function(e) {
 	return e.local = "local", e.session = "session", e;
-})({}), I = /* @__PURE__ */ (function(e) {
-	return e.absolute = "absolute", e.fixed = "fixed", e;
 })({}), L = /* @__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;
 })({}), R = /* @__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;
+	return e.left = "left", e.right = "right", e.top = "top", e.bottom = "bottom", e;
 })({}), z = /* @__PURE__ */ (function(e) {
-	return e.before = "before", e.after = "after", 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;
 })({}), B = /* @__PURE__ */ (function(e) {
-	return e.button = "button", e.submit = "submit", e.reset = "reset", e;
+	return e.before = "before", e.after = "after", e;
 })({}), V = /* @__PURE__ */ (function(e) {
-	return e.nuxtLink = "nuxt-link", e.routerLink = "router-link", e.a = "a", e.button = "button", e;
+	return e.button = "button", e.submit = "submit", e.reset = "reset", e;
 })({}), H = /* @__PURE__ */ (function(e) {
-	return e.button = "button", e.link = "link", e.menuitem = "menuitem", e;
+	return e.nuxtLink = "nuxt-link", e.routerLink = "router-link", e.a = "a", e.button = "button", e;
 })({}), U = /* @__PURE__ */ (function(e) {
-	return e.listbox = "listbox", e.menu = "menu", e;
+	return e.button = "button", e.link = "link", e.menuitem = "menuitem", e;
 })({}), W = /* @__PURE__ */ (function(e) {
+	return e.listbox = "listbox", e.menu = "menu", e;
+})({}), G = /* @__PURE__ */ (function(e) {
 	return e.option = "option", e.presentation = "presentation", e;
-})({}), G = /* @__PURE__ */ Symbol.for("volver"), Fe = /* @__PURE__ */ Symbol.for("dropdownTrigger"), Ie = /* @__PURE__ */ Symbol.for("dropdownItem"), K = /* @__PURE__ */ Symbol.for("dropdownAction"), q = {
+})({}), K = /* @__PURE__ */ Symbol.for("volver"), Pe = /* @__PURE__ */ Symbol.for("dropdownTrigger"), Fe = /* @__PURE__ */ Symbol.for("dropdownItem"), q = /* @__PURE__ */ Symbol.for("dropdownAction"), J = {
 	to: { type: [String, Object] },
 	href: String,
 	target: String,
@@ -43,7 +43,7 @@ var Ne = {
 		type: String,
 		default: "noopener noreferrer"
 	}
-}, Le = {
+}, Ie = {
 	valid: {
 		type: Boolean,
 		default: !1
@@ -52,7 +52,7 @@ var Ne = {
 		type: [String, Array],
 		default: void 0
 	}
-}, Re = {
+}, Le = {
 	invalid: {
 		type: Boolean,
 		default: !1
@@ -61,7 +61,7 @@ var Ne = {
 		type: [String, Array],
 		default: void 0
 	}
-}, J = {
+}, Y = {
 	loading: {
 		type: Boolean,
 		default: !1
@@ -70,39 +70,39 @@ var Ne = {
 		type: String,
 		default: "Loading..."
 	}
-}, Y = { disabled: {
+}, X = { disabled: {
 	type: Boolean,
 	default: !1
-} }, ze = { required: {
+} }, Re = { required: {
 	type: Boolean,
 	default: !1
-} }, Be = { selected: {
+} }, ze = { selected: {
 	type: Boolean,
 	default: !1
-} }, Ve = { active: {
+} }, Be = { active: {
 	type: Boolean,
 	default: !1
-} }, He = { current: {
+} }, Ve = { current: {
 	type: Boolean,
 	default: !1
 } };
-Ne.clear;
-var Ue = { pressed: {
+Me.clear;
+var He = { pressed: {
 	type: Boolean,
 	default: !1
-} }, X = { label: {
+} }, Z = { label: {
 	type: [String, Number],
 	default: void 0
-} }, We = { readonly: {
+} }, Ue = { readonly: {
 	type: Boolean,
 	default: !1
-} }, Z = { modifiers: {
+} }, Q = { modifiers: {
 	type: [String, Array],
 	default: void 0
-} }, Ge = { hintLabel: {
+} }, We = { hintLabel: {
 	type: String,
 	default: ""
-} }, Ke = {
+} }, Ge = {
 	options: {
 		type: Array,
 		default: () => []
@@ -119,7 +119,7 @@ var Ue = { pressed: {
 		type: [String, Function],
 		default: "disabled"
 	}
-}, qe = { count: {
+}, Ke = { count: {
 	type: [Boolean, String],
 	default: !1,
 	validator: (e) => [
@@ -128,38 +128,38 @@ var Ue = { pressed: {
 		"limit",
 		"countdown"
 	].includes(e)
-} }, Je = { debounce: {
+} }, qe = { debounce: {
 	type: [Number, String],
 	default: void 0
-} }, Ye = {
+} }, Je = {
 	icon: {
 		type: [String, Object],
 		default: void 0
 	},
 	iconPosition: {
 		type: String,
-		default: z.before,
-		validation: (e) => Object.values(z).includes(e)
+		default: B.before,
+		validation: (e) => Object.values(B).includes(e)
 	}
-}, Xe = { tabindex: {
+}, Ye = { tabindex: {
 	type: [String, Number],
 	default: 0
-} }, Ze = { floating: {
+} }, Xe = { floating: {
 	type: Boolean,
 	default: !1
-} }, Qe = { unselectable: {
+} }, Ze = { unselectable: {
 	type: Boolean,
 	default: !0
-} }, $e = { id: [String, Number] }, et = {
+} }, Qe = { id: [String, Number] }, $e = {
 	placement: {
 		type: String,
-		default: L.bottom,
-		validator: (e) => Object.values(L).includes(e) || Object.values(R).includes(e)
+		default: R.bottom,
+		validator: (e) => Object.values(R).includes(e) || Object.values(z).includes(e)
 	},
 	strategy: {
 		type: String,
 		default: void 0,
-		validator: (e) => Object.values(I).includes(e)
+		validator: (e) => Object.values(L).includes(e)
 	},
 	transitionName: {
 		type: String,
@@ -209,35 +209,35 @@ var Ue = { pressed: {
 		type: Boolean,
 		default: !1
 	}
-}, tt = {
-	...$e,
+}, et = {
+	...Qe,
 	name: {
 		type: String,
 		required: !0
 	}
-}, nt = { autofocus: {
+}, tt = { autofocus: {
 	type: Boolean,
 	default: !1
-} }, rt = { autocomplete: {
+} }, nt = { autocomplete: {
 	type: String,
 	default: "off"
-} }, it = {
+} }, rt = {
+	...et,
 	...tt,
 	...nt,
-	...rt,
-	...Xe,
-	...Y,
-	...We,
+	...Ye,
+	...X,
+	...Ue,
+	...Ie,
 	...Le,
-	...Re,
-	...Ge,
-	...J,
-	...Z,
+	...We,
+	...Y,
+	...Q,
+	...Ke,
 	...qe,
 	...Je,
-	...Ye,
-	...Ze,
-	...X,
+	...Xe,
+	...Z,
 	minlength: {
 		type: [String, Number],
 		default: void 0
@@ -250,62 +250,62 @@ var Ue = { pressed: {
 		type: String,
 		default: void 0
 	},
-	...ze
+	...Re
 };
 ({
-	...tt,
-	...Xe,
+	...et,
+	...Ye,
+	...Ie,
 	...Le,
-	...Re,
-	...Ge,
-	...Y,
 	...We,
-	...Z,
 	...X,
-	...J
+	...Ue,
+	...Q,
+	...Z,
+	...Y
 }), {
+	...Ie,
 	...Le,
-	...Re,
-	...Ke,
 	...Ge,
-	...Y,
 	...We,
-	...Z,
 	...X,
-	...J,
-	...ze
-}, {
+	...Ue,
+	...Q,
+	...Z,
 	...Y,
+	...Re
+}, {
 	...X,
-	...Ue,
-	...Ve,
+	...Z,
 	...He,
-	...q
-}, B.button, V.button;
-var at = {
+	...Be,
+	...Ve,
+	...J
+}, V.button, H.button;
+var it = {
 	storageType: {
 		type: String,
-		default: F.local,
-		validator: (e) => Object.values(F).includes(e)
+		default: I.local,
+		validator: (e) => Object.values(I).includes(e)
 	},
 	storageKey: String
-}, ot = {
+}, at = {
 	hard: "hard",
 	soft: "soft"
-}, st = {
+}, ot = {
 	true: !0,
 	false: !1,
 	default: "default"
-}, ct = [
+}, st = [
 	"update:modelValue",
 	"focus",
 	"blur",
 	"keyup",
 	"suggestion:selected",
 	"suggestion:removed"
-], lt = {
+], ct = {
+	...rt,
 	...it,
-	...at,
 	modelValue: String,
 	cols: {
 		type: [String, Number],
@@ -317,15 +317,15 @@ var at = {
 	},
 	wrap: {
 		type: String,
-		default: ot.soft
+		default: at.soft
 	},
 	spellcheck: {
 		type: [Boolean, String],
-		default: st.default
+		default: ot.default
 	},
 	iconRemoveSuggestion: {
 		type: [String, Object],
-		default: Ne.remove
+		default: Me.remove
 	},
 	labelRemoveSuggestion: {
 		type: String,
@@ -340,19 +340,19 @@ var at = {
 		default: !1
 	},
 	resizable: Boolean,
-	topLayer: et.topLayer
+	topLayer: $e.topLayer
 };
-function Q(e) {
+function $(e) {
 	return ((e) => e == null || e === "" || Array.isArray(e) && e.length === 0 || !(e instanceof Date) && typeof e == "object" && Object.keys(e).length === 0)(v(e));
 }
-function ut(e) {
+function lt(e) {
 	return typeof e == "string";
 }
-function dt(e) {
-	return Array.isArray(e) ? e.filter((e) => ut(e)).join(" ") : e;
+function ut(e) {
+	return Array.isArray(e) ? e.filter((e) => lt(e)).join(" ") : e;
 }
-function ft(e, t) {
-	let n = C(() => y(e) ? e.value : e), i = C(() => dt(n.value.invalidLabel)), o = C(() => dt(n.value.validLabel)), s = C(() => n.value.loadingLabel), c = C(() => n.value.hintLabel), l = C(() => !!(n.value.loading && (t.loading || s.value))), u = C(() => !l.value && !!(n.value.invalid && (t.invalid || i.value))), d = C(() => !l.value && !u.value && !!(n.value.valid && (t.valid || o.value))), f = C(() => !l.value && !u.value && !d.value && !!(t.hint || c.value)), p = C(() => u.value || d.value || l.value || f.value);
+function dt(e, t) {
+	let n = C(() => y(e) ? e.value : e), i = C(() => ut(n.value.invalidLabel)), o = C(() => ut(n.value.validLabel)), s = C(() => n.value.loadingLabel), c = C(() => n.value.hintLabel), l = C(() => !!(n.value.loading && (t.loading || s.value))), u = C(() => !l.value && !!(n.value.invalid && (t.invalid || i.value))), d = C(() => !l.value && !u.value && !!(n.value.valid && (t.valid || o.value))), f = C(() => !l.value && !u.value && !d.value && !!(t.hint || c.value)), p = C(() => u.value || d.value || l.value || f.value);
 	return {
 		hasInvalidLabelOrSlot: u,
 		hasHintLabelOrSlot: f,
@@ -393,10 +393,10 @@ function ft(e, t) {
 		})
 	};
 }
-var pt = {
+var ft = {
+	...Qe,
 	...$e,
-	...et,
-	...Z,
+	...Q,
 	modelValue: {
 		type: Boolean,
 		default: void 0
@@ -407,17 +407,17 @@ var pt = {
 	},
 	role: {
 		type: String,
-		default: U.menu,
-		validator: (e) => Object.values(U).includes(e)
+		default: W.menu,
+		validator: (e) => Object.values(W).includes(e)
 	}
-}, mt = { focusOnHover: {
+}, pt = { focusOnHover: {
 	type: Boolean,
 	default: !1
-} }, ht = {
-	...Y,
-	...Be,
-	...Qe,
-	...Z,
+} }, mt = {
+	...X,
+	...ze,
+	...Ze,
+	...Q,
 	deselectHintLabel: { type: String },
 	selectHintLabel: { type: String },
 	selectedHintLabel: { type: String },
@@ -426,10 +426,10 @@ var pt = {
 		default: !1
 	}
 };
-function gt(e) {
+function ht(e) {
 	return C(() => String(e?.value || s()));
 }
-function _t(e, t) {
+function gt(e, t) {
 	let n = globalThis.HTMLElement !== void 0 && "popover" in globalThis.HTMLElement.prototype, r = C(() => n && O(t)), i = C(() => r.value ? "manual" : void 0);
 	function a() {
 		return (n && e.value?.matches(":popover-open")) ?? !1;
@@ -451,14 +451,14 @@ function _t(e, t) {
 		hide: s
 	};
 }
-function vt({ reference: e, id: t, expanded: n, aria: i }) {
-	let o = De();
+function _t({ reference: e, id: t, expanded: n, aria: i }) {
+	let o = Ee();
 	return {
 		bus: o,
 		component: r({
 			name: "VvDropdownTriggerProvider",
 			setup() {
-				p(Fe, {
+				p(Pe, {
 					reference: e,
 					id: t,
 					expanded: n,
@@ -472,20 +472,20 @@ function vt({ reference: e, id: t, expanded: n, aria: i }) {
 		})
 	};
 }
-function yt({ role: e, ...t }) {
-	let n = C(() => e.value === U.listbox ? W.option : W.presentation);
-	return p(Ie, {
+function vt({ role: e, ...t }) {
+	let n = C(() => e.value === W.listbox ? G.option : G.presentation);
+	return p(Fe, {
 		role: n,
 		...t
 	}), { itemRole: n };
 }
-function bt({ expanded: e }) {
-	p(K, {
-		role: w(H.menuitem),
+function yt({ expanded: e }) {
+	p(q, {
+		role: w(U.menuitem),
 		expanded: e
 	});
 }
-function $(e, t, n) {
+function bt(e, t, n) {
 	return C(() => {
 		let r = { [e]: !0 }, i = typeof t?.value == "string" ? t.value.split(" ") : t?.value;
 		return i && Array.isArray(i) && i.forEach((t) => {
@@ -503,7 +503,7 @@ var xt = ["popover"], St = [
 ], Ct = /* @__PURE__ */ r({
 	name: "VvDropdown",
 	inheritAttrs: !1,
-	props: pt,
+	props: ft,
 	emits: [
 		"update:modelValue",
 		"beforeEnter",
@@ -522,12 +522,12 @@ var xt = ["popover"], St = [
 		"leaveCancelled"
 	],
 	setup(t, { expose: r, emit: a }) {
-		let s = t, d = a, { id: p } = D(s), h = gt(p), re = ne(), y = w("auto"), b = w("auto"), se = w(), S = w(), ce = w(), le = w(), T = C({
+		let s = t, d = a, { id: p } = D(s), h = ht(p), re = ne(), y = w("auto"), b = w("auto"), se = w(), S = w(), ce = w(), le = w(), T = C({
 			get: () => s.reference ?? se.value,
 			set: (e) => {
 				se.value = e;
 			}
-		}), { isTopLayer: de, popover: fe, show: he, hide: ge } = _t(S, () => s.topLayer), O = C(() => de.value ? I.fixed : s.strategy), k = w(!1);
+		}), { isTopLayer: de, popover: fe, show: he, hide: ge } = gt(S, () => s.topLayer), O = C(() => de.value ? L.fixed : s.strategy), k = w(!1);
 		o(() => {
 			be(S.value, () => {
 				k.value = globalThis.getComputedStyle(S.value).getPropertyValue("--dropdown-custom-position")?.trim() === "true";
@@ -541,114 +541,114 @@ var xt = ["popover"], St = [
 		}
 		let _e = C(() => {
 			let e = [];
-			if (s.autoPlacement ? e.push(A(s.autoPlacement, () => Ae(), (e) => Ae(e))) : s.flip && e.push(A(s.flip, () => Te({ fallbackStrategy: "initialPlacement" }), (e) => Te(e))), s.shift && e.push(A(s.shift, () => je(), (e) => je(e))), s.size) {
+			if (s.autoPlacement ? e.push(A(s.autoPlacement, () => ke(), (e) => ke(e))) : s.flip && e.push(A(s.flip, () => we({ fallbackStrategy: "initialPlacement" }), (e) => we(e))), s.shift && e.push(A(s.shift, () => Ae(), (e) => Ae(e))), s.size) {
 				let t = ({ availableWidth: e, availableHeight: t }) => {
 					y.value = `${e}px`, b.value = `${t}px`;
 				};
-				e.push(A(s.size, () => P({ apply: t }), (e) => P({
+				e.push(A(s.size, () => F({ apply: t }), (e) => F({
 					...e,
 					apply: t
 				})));
 			}
-			return s.offset && e.push(["string", "number"].includes(typeof s.offset) ? ke(Number(s.offset)) : ke(s.offset)), s.arrow && e.push(Me({ element: ce })), e;
-		}), { x: ve, y: ye, middlewareData: M, placement: we, strategy: De } = Oe(T, S, {
-			whileElementsMounted: (...e) => Ee(...e, { animationFrame: O.value === I.fixed }),
+			return s.offset && e.push(["string", "number"].includes(typeof s.offset) ? Oe(Number(s.offset)) : Oe(s.offset)), s.arrow && e.push(je({ element: ce })), e;
+		}), { x: ve, y: ye, middlewareData: j, placement: Se, strategy: Ee } = De(T, S, {
+			whileElementsMounted: (...e) => Te(...e, { animationFrame: O.value === L.fixed }),
 			placement: C(() => s.placement),
 			strategy: O,
 			middleware: _e
-		}), Ne = C(() => {
+		}), Me = C(() => {
 			if (k.value) return;
 			let e = s.triggerWidth && T.value ? `${T.value?.offsetWidth}px` : void 0;
 			return {
-				position: De.value,
+				position: Ee.value,
 				top: `${ye.value ?? 0}px`,
 				left: `${ve.value ?? 0}px`,
 				maxWidth: e ? void 0 : y.value,
 				maxHeight: b.value,
 				width: e
 			};
-		}), Pe = C(() => we.value.split("-")[0]), F = C(() => {
+		}), Ne = C(() => Se.value.split("-")[0]), I = C(() => {
 			if (k.value) return;
 			let e = {
-				[L.top]: L.bottom,
-				[L.right]: L.left,
-				[L.bottom]: L.top,
-				[L.left]: L.right
-			}[Pe.value];
+				[R.top]: R.bottom,
+				[R.right]: R.left,
+				[R.bottom]: R.top,
+				[R.left]: R.right
+			}[Ne.value];
 			return {
-				left: M.value.arrow?.x === void 0 ? void 0 : `${M.value.arrow?.x}px`,
-				top: M.value.arrow?.y === void 0 ? void 0 : `${M.value.arrow?.y}px`,
+				left: j.value.arrow?.x === void 0 ? void 0 : `${j.value.arrow?.x}px`,
+				top: j.value.arrow?.y === void 0 ? void 0 : `${j.value.arrow?.y}px`,
 				[e]: `${-(ce.value?.offsetWidth ?? 0) / 2}px`
 			};
-		}), R = Se(s, "modelValue", d), z = w(!1), B = C({
-			get: () => R.value ?? z.value,
+		}), z = xe(s, "modelValue", d), B = w(!1), V = C({
+			get: () => z.value ?? B.value,
 			set: (e) => {
-				if (R.value === void 0) {
-					z.value = e;
+				if (z.value === void 0) {
+					B.value = e;
 					return;
 				}
-				R.value = e;
+				z.value = e;
 			}
 		});
 		f(() => {
-			B.value && he();
+			V.value && he();
 		});
-		function V() {
-			B.value = !0;
-		}
 		function H() {
-			B.value = !1;
+			V.value = !0;
 		}
 		function U() {
-			B.value = !B.value;
+			V.value = !1;
 		}
-		function W(e) {
+		function W() {
+			V.value = !V.value;
+		}
+		function G(e) {
 			T.value = e;
 		}
 		Ce(S, () => {
-			!s.keepOpen && B.value && (B.value = !1);
+			!s.keepOpen && V.value && (V.value = !1);
 		}, { ignore: [T] });
-		let G = C(() => T.value?.getAttribute?.("id") ?? void 0), Fe = C(() => ({
+		let K = C(() => T.value?.getAttribute?.("id") ?? void 0), Pe = C(() => ({
 			"aria-controls": h.value,
 			"aria-haspopup": !0,
-			"aria-expanded": B.value
-		})), { component: Ie, bus: K } = vt({
+			"aria-expanded": V.value
+		})), { component: Fe, bus: q } = _t({
 			reference: T,
 			id: h,
-			expanded: B,
-			aria: Fe
+			expanded: V,
+			aria: Pe
 		});
-		K.on("click", U);
-		let { role: q, modifiers: Le } = D(s), Re = $("vv-dropdown", Le, C(() => ({ arrow: s.arrow }))), { focused: J } = xe(S);
-		function Y(e) {
+		q.on("click", W);
+		let { role: J, modifiers: Ie } = D(s), Le = bt("vv-dropdown", Ie, C(() => ({ arrow: s.arrow }))), { focused: Y } = P(S);
+		function X(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 ze() {
+		function Re() {
 			u(() => {
-				let e = Y(S.value);
+				let e = X(S.value);
 				e.length > 0 && e[0].focus({ preventScroll: !0 });
 			});
 		}
-		function Be() {
+		function ze() {
 			u(() => {
-				let e = Y(le.value);
+				let e = X(le.value);
 				e.length > 0 && e[0].focus({ preventScroll: !0 });
 			});
 		}
-		function Ve() {
+		function Be() {
 			u(() => {
-				if (J.value) {
-					let e = Y(S.value);
+				if (Y.value) {
+					let e = X(S.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 });
 				}
 			});
 		}
-		function He() {
+		function Ve() {
 			u(() => {
-				if (J.value) {
-					let e = Y(S.value);
+				if (Y.value) {
+					let e = X(S.value);
 					if (e.length === 0 || !document.activeElement) return;
 					let t = e.indexOf(document.activeElement);
 					if (t > 0) {
@@ -659,41 +659,41 @@ var xt = ["popover"], St = [
 				}
 			});
 		}
-		g(B, (e) => {
-			e && s.autofocusFirst && ze();
+		g(V, (e) => {
+			e && s.autofocusFirst && Re();
 		}), r({
-			toggle: U,
-			show: V,
-			hide: H,
-			init: W,
-			focusFirst: ze,
-			focusFirstListElement: Be,
-			focusNext: Ve,
-			focusPrev: He,
+			toggle: W,
+			show: H,
+			hide: U,
+			init: G,
+			focusFirst: Re,
+			focusFirstListElement: ze,
+			focusNext: Be,
+			focusPrev: Ve,
 			customPosition: k
 		});
-		let { itemRole: Ue } = yt({
-			role: q,
-			expanded: B,
-			focused: J,
-			hovered: j(S)
+		let { itemRole: He } = vt({
+			role: J,
+			expanded: V,
+			focused: Y,
+			hovered: M(S)
 		});
 		N("Escape", (e) => {
-			B.value && (e.preventDefault(), H());
+			V.value && (e.preventDefault(), U());
 		}), N("ArrowDown", (e) => {
-			B.value && J.value && (e.preventDefault(), Ve());
+			V.value && Y.value && (e.preventDefault(), Be());
 		}), N("ArrowUp", (e) => {
-			B.value && J.value && (e.preventDefault(), He());
+			V.value && Y.value && (e.preventDefault(), Ve());
 		}), N([" ", "Enter"], (e) => {
 			let t = e.target;
-			B.value && J.value && t && t?.click();
+			V.value && Y.value && t && t?.click();
 		});
-		let X = {
+		let Z = {
 			"before-enter": () => {
-				d(B.value ? "beforeExpand" : "beforeCollapse"), d("beforeEnter");
+				d(V.value ? "beforeExpand" : "beforeCollapse"), d("beforeEnter");
 			},
 			"after-leave": () => {
-				B.value || ge(), d(B.value ? "afterExpand" : "afterCollapse"), d("afterLeave");
+				V.value || ge(), d(V.value ? "afterExpand" : "afterCollapse"), d("afterLeave");
 			},
 			enter: () => {
 				d("enter");
@@ -714,73 +714,73 @@ var xt = ["popover"], St = [
 				d("leaveCancelled");
 			}
 		};
-		return (t, r) => (c(), E(ae, null, [me(v(Ie), null, {
+		return (t, r) => (c(), E(ae, null, [me(v(Fe), null, {
 			default: e(() => [n(t.$slots, "default", i(m({
-				init: W,
-				show: V,
-				hide: H,
-				toggle: U,
-				expanded: v(B),
-				aria: v(Fe)
+				init: G,
+				show: H,
+				hide: U,
+				toggle: W,
+				expanded: v(V),
+				aria: v(Pe)
 			})))]),
 			_: 3
-		}), me(ue, l({ name: t.transitionName }, te(X), { persisted: "" }), {
+		}), me(ue, l({ name: t.transitionName }, te(Z), { persisted: "" }), {
 			default: e(() => [oe(x("div", {
 				ref_key: "floatingEl",
 				ref: S,
 				popover: v(fe),
-				style: pe(v(Ne)),
-				class: ee(v(Re))
+				style: pe(v(Me)),
+				class: ee(v(Le))
 			}, [
 				s.arrow ? (c(), E("div", {
 					key: 0,
 					ref_key: "arrowEl",
 					ref: ce,
-					style: pe(v(F)),
+					style: pe(v(I)),
 					class: "vv-dropdown__arrow"
 				}, null, 4)) : _("v-if", !0),
 				n(t.$slots, "before", i(m({
-					show: V,
-					hide: H,
-					toggle: U,
-					expanded: v(B)
+					show: H,
+					hide: U,
+					toggle: W,
+					expanded: v(V)
 				}))),
 				x("div", l(v(re), {
 					id: v(h),
 					ref_key: "listEl",
 					ref: le,
-					tabindex: v(B) ? void 0 : -1,
-					role: v(q),
-					"aria-labelledby": v(G),
+					tabindex: v(V) ? void 0 : -1,
+					role: v(J),
+					"aria-labelledby": v(K),
 					class: "vv-dropdown__list"
 				}), [n(t.$slots, "items", i(m({
-					show: V,
-					hide: H,
-					toggle: U,
-					expanded: v(B),
-					role: v(Ue)
+					show: H,
+					hide: U,
+					toggle: W,
+					expanded: v(V),
+					role: v(He)
 				})))], 16, St),
 				n(t.$slots, "after", i(m({
-					show: V,
-					hide: H,
-					toggle: U,
-					expanded: v(B)
+					show: H,
+					hide: U,
+					toggle: W,
+					expanded: v(V)
 				})))
-			], 14, xt), [[ie, v(B)]])]),
+			], 14, xt), [[ie, v(V)]])]),
 			_: 3
 		}, 16, ["name"])], 64));
 	}
 });
 function wt() {
-	return S(Ie, {});
+	return S(Fe, {});
 }
 var Tt = /* @__PURE__ */ r({
 	name: "VvDropdownItem",
-	props: mt,
+	props: pt,
 	setup(e) {
 		let t = e, { role: r, expanded: i } = wt(), a = w(null);
-		bt({ expanded: i });
-		let o = j(a), { focused: s } = ye(a), { focused: u } = xe(a);
+		yt({ expanded: i });
+		let o = M(a), { focused: s } = j(a), { focused: u } = P(a);
 		return g(o, (e) => {
 			e && t.focusOnHover && (s.value = !0);
 		}), (e, t) => (c(), E("div", l({ role: v(r) }, {
@@ -791,9 +791,9 @@ var Tt = /* @__PURE__ */ r({
 	}
 }), Et = ["title"], Dt = /* @__PURE__ */ r({
 	name: "VvDropdownOption",
-	props: ht,
+	props: mt,
 	setup(t) {
-		let r = t, { modifiers: a } = D(r), o = $("vv-dropdown-option", a, C(() => ({
+		let r = t, { modifiers: a } = D(r), o = bt("vv-dropdown-option", a, C(() => ({
 			disabled: r.disabled,
 			selected: r.selected,
 			unselectable: r.unselectable && r.selected
@@ -824,7 +824,7 @@ var Tt = /* @__PURE__ */ r({
 	}
 });
 function Ot() {
-	return S(G, void 0);
+	return S(K, void 0);
 }
 var kt = /* @__PURE__ */ r({
 	name: "VvIcon",
@@ -845,9 +845,9 @@ var kt = /* @__PURE__ */ r({
 		onLoad: { type: Function },
 		svg: {},
 		modifiers: {}
-	}, Pe),
+	}, Ne),
 	setup(e) {
-		let t = e, n = C(() => typeof t.rotate == "string" ? Number.parseFloat(t.rotate) : t.rotate), r = w(!0), i = Ot(), { modifiers: a } = D(t), o = $("vv-icon", a), s = C(() => t.provider || i?.iconsProvider), u = C(() => {
+		let t = e, n = C(() => typeof t.rotate == "string" ? Number.parseFloat(t.rotate) : t.rotate), r = w(!0), i = Ot(), { modifiers: a } = D(t), o = bt("vv-icon", a), s = C(() => t.provider || i?.iconsProvider), u = C(() => {
 			let e = t.name ?? "", n = `@${s.value}:${t.prefix}:${e}`;
 			if (A(n)) return n;
 			let r = i?.iconsCollections.find((t) => {
@@ -941,19 +941,19 @@ function Mt(e, t, n = 0, { getter: r = (e) => e, setter: i = (e) => e } = {}) {
 	};
 }
 function Nt(e, t) {
-	let n = C(() => typeof e?.value == "string" ? { name: e?.value } : e?.value), r = C(() => t?.value === z.before ? n.value : void 0), i = C(() => t?.value === z.after ? n.value : void 0);
+	let n = C(() => typeof e?.value == "string" ? { name: e?.value } : e?.value), r = C(() => t?.value === B.before ? n.value : void 0), i = C(() => t?.value === B.after ? n.value : void 0);
 	return {
 		hasIcon: n,
-		hasIconLeft: C(() => t?.value === L.left ? n.value : void 0),
-		hasIconRight: C(() => t?.value === L.right ? n.value : void 0),
-		hasIconTop: C(() => t?.value === L.top ? n.value : void 0),
-		hasIconBottom: C(() => t?.value === L.bottom ? n.value : void 0),
+		hasIconLeft: C(() => t?.value === R.left ? n.value : void 0),
+		hasIconRight: C(() => t?.value === R.right ? n.value : void 0),
+		hasIconTop: C(() => t?.value === R.top ? n.value : void 0),
+		hasIconBottom: C(() => t?.value === R.bottom ? n.value : void 0),
 		hasIconBefore: r,
 		hasIconAfter: i
 	};
 }
 function Pt(e, t) {
-	let { focused: n } = ye(e);
+	let { focused: n } = j(e);
 	return g(n, (n) => {
 		t(n ? "focus" : "blur", v(e));
 	}), { focused: n };
@@ -966,25 +966,25 @@ function Ft(e, t) {
 		formatted: C(() => 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 It(e, t = F.local, n) {
+function It(e, t = I.local, n) {
 	let r = w();
 	n && (r.value = n);
 	let i;
 	return o(() => {
 		e && g(e, (e, n) => {
-			let a = v(t) === F.session ? sessionStorage : localStorage;
+			let a = v(t) === I.session ? sessionStorage : localStorage;
 			if (n && n !== e && a.removeItem(n), e) {
-				i = M(e, i?.value ?? r.value, a), i.value && (r.value = i.value);
+				i = Se(e, i?.value ?? r.value, a), i.value && (r.value = i.value);
 				return;
 			}
 			i = void 0;
 		}, { immediate: !0 }), y(t) && g(t, (t, n) => {
 			if (e?.value) {
 				if (t) {
-					let n = t === F.session ? sessionStorage : localStorage;
-					i = M(e.value, i?.value ?? r.value, n);
+					let n = t === I.session ? sessionStorage : localStorage;
+					i = Se(e.value, i?.value ?? r.value, n);
 				}
-				n && n !== t && (n === F.session ? sessionStorage : localStorage).removeItem(e.value);
+				n && n !== t && (n === I.session ? sessionStorage : localStorage).removeItem(e.value);
 			}
 		});
 	}), g(r, (e) => {
@@ -1005,58 +1005,58 @@ var Lt = ["for"], Rt = {
 	class: "vv-textarea__limit"
 }, Ut = { class: "flex-1" }, Wt = ["title", "onClick"], Gt = /* @__PURE__ */ r({
 	name: "VvTextarea",
-	props: lt,
-	emits: ct,
+	props: ct,
+	emits: st,
 	setup(t, { expose: r, emit: a }) {
-		let o = t, s = a, u = ce(), d = Ot(), f = jt("VvTextarea", lt, o), p = w(), te = w(), ne = w(), { id: ie, icon: se, iconPosition: S, iconRemoveSuggestion: le, labelRemoveSuggestion: ue, label: fe, modelValue: pe, count: he, valid: O, invalid: A, loading: _e, modifiers: ve, debounce: ye, minlength: be, maxlength: xe, storageType: Se } = D(o), Ce = gt(ie), j = C(() => `${Ce.value}-hint`), M = C(() => o.floating && Q(o.placeholder) ? " " : o.placeholder), { model: N, flush: Te } = Mt(pe, s, ye);
-		r({ flush: Te });
-		let { hasIconBefore: P, hasIconAfter: Ee } = Nt(se, S), { hasIcon: De } = Nt(le), { focused: Oe } = Pt(p, s), ke = C(() => Oe.value && !o.disabled && !o.readonly);
-		g(ke, (e) => {
-			let t = N.value;
-			if (e || (t = Te() ?? t), e && f.value.selectOnFocus && p.value && p.value.select(), e && L.value?.size) {
+		let o = t, s = a, u = ce(), d = Ot(), f = jt("VvTextarea", ct, o), p = w(), te = w(), ne = w(), { id: ie, icon: se, iconPosition: S, iconRemoveSuggestion: le, labelRemoveSuggestion: ue, label: fe, modelValue: pe, count: he, valid: O, invalid: A, loading: _e, modifiers: ve, debounce: be, minlength: xe, maxlength: j, storageType: Se } = D(o), Ce = ht(ie), M = C(() => `${Ce.value}-hint`), N = C(() => o.floating && $(o.placeholder) ? " " : o.placeholder), { model: P, flush: we } = Mt(pe, s, be);
+		r({ flush: we });
+		let { hasIconBefore: F, hasIconAfter: Te } = Nt(se, S), { hasIcon: Ee } = Nt(le), { focused: De } = Pt(p, s), Oe = C(() => De.value && !o.disabled && !o.readonly);
+		g(Oe, (e) => {
+			let t = P.value;
+			if (e || (t = we() ?? t), e && f.value.selectOnFocus && p.value && p.value.select(), e && R.value?.size) {
 				ne.value?.show();
 				return;
 			}
-			if (L.value && !Q(t)) {
+			if (R.value && !$(t)) {
 				let e = o.maxSuggestions;
-				L.value.size >= e && !L.value.has(t) && (L.value = new Set([...L.value].slice(L.value.size - e + 1))), L.value.add(t);
+				R.value.size >= e && !R.value.has(t) && (R.value = new Set([...R.value].slice(R.value.size - e + 1))), R.value.add(t);
 			}
 		});
-		let Ae = we(p);
-		g(Ae, (e) => {
-			e && o.autofocus && (Oe.value = !0);
+		let ke = ye(p);
+		g(ke, (e) => {
+			e && o.autofocus && (De.value = !0);
 		});
-		let { formatted: je } = Ft(N, {
+		let { formatted: Ae } = Ft(P, {
 			mode: he?.value,
-			upperLimit: Number(xe?.value),
-			lowerLimit: Number(be?.value)
-		}), Me = C(() => !o.disabled && !o.readonly), Ne = C(() => Me.value ? o.tabindex : -1), Pe = C(() => !Q(pe)), F = C(() => {
+			upperLimit: Number(j?.value),
+			lowerLimit: Number(xe?.value)
+		}), je = C(() => !o.disabled && !o.readonly), Me = C(() => je.value ? o.tabindex : -1), Ne = C(() => !$(pe)), I = C(() => {
 			if (o.invalid === !0) return !0;
 			if (o.valid === !0) return !1;
-		}), I = C(() => o.storageKey ?? (d?.experimentalFeatures.forceInputSuggestions ? o.name : void 0)), L = It(I, Se, /* @__PURE__ */ new Set()), R = C(() => L.value ? [...L.value].filter((e) => Q(N.value) || `${e}`.toLowerCase().includes(`${N.value}`.toLowerCase()) && e !== N.value).reverse() : []), z = C(() => I?.value && L.value && L.value.size > 0);
-		function B(e) {
-			N.value = e, ne.value?.hide(), s("suggestion:selected", e);
-		}
+		}), L = C(() => o.storageKey ?? (d?.experimentalFeatures.forceInputSuggestions ? o.name : void 0)), R = It(L, Se, /* @__PURE__ */ new Set()), z = C(() => R.value ? [...R.value].filter((e) => $(P.value) || `${e}`.toLowerCase().includes(`${P.value}`.toLowerCase()) && e !== P.value).reverse() : []), B = C(() => L?.value && R.value && R.value.size > 0);
 		function V(e) {
-			L.value?.delete(e), s("suggestion:removed", e);
+			P.value = e, ne.value?.hide(), s("suggestion:selected", e);
+		}
+		function H(e) {
+			R.value?.delete(e), s("suggestion:removed", e);
 		}
-		let { HintSlot: H, hasHintLabelOrSlot: U, hasInvalidLabelOrSlot: W, hintSlotScope: G } = ft(f, u), Fe = $("vv-textarea", ve, C(() => ({
+		let { HintSlot: U, hasHintLabelOrSlot: W, hasInvalidLabelOrSlot: G, hintSlotScope: K } = dt(f, u), Pe = bt("vv-textarea", ve, C(() => ({
 			valid: O.value,
 			invalid: A.value,
 			loading: _e.value,
 			disabled: o.disabled,
 			readonly: o.readonly,
 			required: o.required,
-			"icon-before": P.value !== void 0,
-			"icon-after": Ee.value !== void 0,
-			floating: o.floating && !Q(o.label),
-			dirty: Pe.value,
-			focus: Oe.value,
+			"icon-before": F.value !== void 0,
+			"icon-after": Te.value !== void 0,
+			floating: o.floating && !$(o.label),
+			dirty: Ne.value,
+			focus: De.value,
 			resizable: o.resizable
-		}))), Ie = C(() => ({
+		}))), Fe = C(() => ({
 			name: o.name,
-			placeholder: M.value,
-			tabindex: Ne.value,
+			placeholder: N.value,
+			tabindex: Me.value,
 			disabled: o.disabled,
 			readonly: o.readonly,
 			required: o.required,
@@ -1067,22 +1067,22 @@ var Lt = ["for"], Rt = {
 			rows: o.rows,
 			wrap: o.wrap,
 			spellcheck: o.spellcheck,
-			"aria-invalid": F.value,
-			"aria-describedby": U.value ? j.value : void 0,
-			"aria-errormessage": W.value ? j.value : void 0
-		})), K = C(() => ({
+			"aria-invalid": I.value,
+			"aria-describedby": W.value ? M.value : void 0,
+			"aria-errormessage": G.value ? M.value : void 0
+		})), q = C(() => ({
 			valid: o.valid,
 			invalid: o.invalid,
 			modelValue: o.modelValue,
 			hintLabel: o.hintLabel,
 			maxlength: o.maxlength,
 			minlength: o.minlength,
-			clear: q
+			clear: J
 		}));
-		function q() {
-			N.value = void 0;
+		function J() {
+			P.value = void 0;
 		}
-		return (t, r) => (c(), E("div", { class: ee(v(Fe)) }, [
+		return (t, r) => (c(), E("div", { class: ee(v(Pe)) }, [
 			v(fe) ? (c(), E("label", {
 				key: 0,
 				for: v(Ce),
@@ -1093,46 +1093,46 @@ var Lt = ["for"], Rt = {
 				ref: te,
 				class: "vv-textarea__wrapper"
 			}, [
-				t.$slots.before ? (c(), E("div", Rt, [n(t.$slots, "before", i(m(v(K))))])) : _("v-if", !0),
+				t.$slots.before ? (c(), E("div", Rt, [n(t.$slots, "before", i(m(v(q))))])) : _("v-if", !0),
 				x("div", zt, [
-					v(P) ? (c(), b(kt, l({ key: 0 }, v(P), { class: "vv-textarea__icon" }), null, 16)) : _("v-if", !0),
+					v(F) ? (c(), b(kt, l({ key: 0 }, v(F), { class: "vv-textarea__icon" }), null, 16)) : _("v-if", !0),
 					oe(x("textarea", l({
 						id: v(Ce),
 						ref_key: "textareaEl",
 						ref: p,
-						"onUpdate:modelValue": r[0] ||= (e) => y(N) ? N.value = e : null
-					}, v(Ie), { onKeyup: r[1] ||= (e) => s("keyup", e) }), null, 16, Bt), [[T, v(N)]]),
-					v(Ee) ? (c(), b(kt, l({ key: 1 }, v(Ee), { class: "vv-textarea__icon vv-textarea__icon-after" }), null, 16)) : _("v-if", !0)
+						"onUpdate:modelValue": r[0] ||= (e) => y(P) ? P.value = e : null
+					}, v(Fe), { onKeyup: r[1] ||= (e) => s("keyup", e) }), null, 16, Bt), [[T, v(P)]]),
+					v(Te) ? (c(), b(kt, l({ key: 1 }, v(Te), { class: "vv-textarea__icon vv-textarea__icon-after" }), null, 16)) : _("v-if", !0)
 				]),
-				t.$slots.after ? (c(), E("div", Vt, [n(t.$slots, "after", i(m(v(K))))])) : _("v-if", !0),
-				v(he) ? (c(), E("span", Ht, [n(t.$slots, "count", i(m(v(K))), () => [re(h(v(je)), 1)])])) : _("v-if", !0)
+				t.$slots.after ? (c(), E("div", Vt, [n(t.$slots, "after", i(m(v(q))))])) : _("v-if", !0),
+				v(he) ? (c(), E("span", Ht, [n(t.$slots, "count", i(m(v(q))), () => [re(h(v(Ae)), 1)])])) : _("v-if", !0)
 			], 512),
-			me(v(H), {
-				id: v(j),
+			me(v(U), {
+				id: v(M),
 				class: "vv-textarea__hint"
 			}, ge({ _: 2 }, [
 				t.$slots.hint ? {
 					name: "hint",
-					fn: e(() => [n(t.$slots, "hint", i(m(v(G))))]),
+					fn: e(() => [n(t.$slots, "hint", i(m(v(K))))]),
 					key: "0"
 				} : void 0,
 				t.$slots.loading ? {
 					name: "loading",
-					fn: e(() => [n(t.$slots, "loading", i(m(v(G))))]),
+					fn: e(() => [n(t.$slots, "loading", i(m(v(K))))]),
 					key: "1"
 				} : void 0,
 				t.$slots.valid ? {
 					name: "valid",
-					fn: e(() => [n(t.$slots, "valid", i(m(v(G))))]),
+					fn: e(() => [n(t.$slots, "valid", i(m(v(K))))]),
 					key: "2"
 				} : void 0,
 				t.$slots.invalid ? {
 					name: "invalid",
-					fn: e(() => [n(t.$slots, "invalid", i(m(v(G))))]),
+					fn: e(() => [n(t.$slots, "invalid", i(m(v(K))))]),
 					key: "3"
 				} : void 0
 			]), 1032, ["id"]),
-			v(z) ? (c(), b(Ct, {
+			v(B) ? (c(), b(Ct, {
 				key: 1,
 				ref_key: "suggestionsDropdownEl",
 				ref: ne,
@@ -1141,18 +1141,18 @@ var Lt = ["for"], Rt = {
 				"trigger-width": !0,
 				"top-layer": v(f).topLayer
 			}, {
-				items: e(() => [(c(!0), E(ae, null, k(v(R), (r) => (c(), b(Dt, {
+				items: e(() => [(c(!0), E(ae, null, k(v(z), (r) => (c(), b(Dt, {
 					key: r,
-					onClick: de((e) => B(r), ["stop"])
+					onClick: de((e) => V(r), ["stop"])
 				}, {
-					default: e(() => [x("div", Ut, [n(t.$slots, "suggestion", l({ ref_for: !0 }, { value: r }), () => [re(h(r), 1)])]), v(L) && v(De) ? (c(), E("button", {
+					default: e(() => [x("div", Ut, [n(t.$slots, "suggestion", l({ ref_for: !0 }, { value: r }), () => [re(h(r), 1)])]), v(R) && v(Ee) ? (c(), E("button", {
 						key: 0,
 						type: "button",
 						tabindex: "-1",
 						class: "cursor-pointer",
 						title: v(ue),
-						onClick: de((e) => V(r), ["stop"])
-					}, [me(kt, l({ ref_for: !0 }, v(De)), null, 16)], 8, Wt)) : _("v-if", !0)]),
+						onClick: de((e) => H(r), ["stop"])
+					}, [me(kt, l({ ref_for: !0 }, v(Ee)), null, 16)], 8, Wt)) : _("v-if", !0)]),
 					_: 2
 				}, 1032, ["onClick"]))), 128))]),
 				_: 3
@@ -1163,4 +1163,4 @@ var Lt = ["for"], Rt = {
 //#endregion
 export { Gt as default };
 
-//# sourceMappingURL=VvTextarea.es-BuLyBuYz.js.map
+//# sourceMappingURL=VvTextarea.es-ChkbZSw6.js.map