morya-ui 0.5.0 → 0.5.1

package/dist/input/index.js

@@ -1,3 +1,3 @@
-import { t as e } from "../Input-D2bee2LU.js";
+import { t as e } from "../Input-BErawS7K.js";
 import "./style.js";
 export { e as MInput };

package/dist/input-password/index.js

@@ -70,10 +70,6 @@ var w = ["for"], T = [
 			type: Boolean,
 			default: void 0
 		},
-		allowClear: {
-			type: Boolean,
-			default: void 0
-		},
 		maxlength: {},
 		showCount: {
 			type: Boolean,
@@ -96,7 +92,7 @@ var w = ["for"], T = [
 		"change"
 	],
 	setup(m, { expose: E, emit: le }) {
-		let D = m, O = le, ue = C(), { rootAttrs: de, controlAttrs: fe } = e(ue, () => D.pt), k = i("InputPassword"), pe = ne(r, null), A = s(), j = v(!1), M = v(null), N = t("m-password"), P = c(() => D.id ?? N), F = c(() => D.invalid || D.status === "error"), I = c(() => D.status === "warning" && !F.value), L = a("InputPassword", () => D.size ?? pe?.value.size), R = c(() => ee(L.value)), z = o("InputPassword", () => D.variant), B = c(() => D.fluid ?? k.value.fluid ?? !1), me = c(() => D.clearable ?? D.allowClear ?? k.value.clearable ?? k.value.allowClear ?? !1), V = c(() => D.showCount ?? k.value.showCount ?? !1), H = c(() => D.showPasswordOn ?? k.value.showPasswordOn ?? "click"), U = c(() => typeof D.showIcon == "string" ? D.showIcon : void 0), W = c(() => typeof D.showIcon == "string" || !D.showIcon ? void 0 : D.showIcon), G = c(() => typeof D.hideIcon == "string" ? D.hideIcon : void 0), K = c(() => typeof D.hideIcon == "string" || !D.hideIcon ? void 0 : D.hideIcon), q = c(() => {
+		let D = m, O = le, ue = C(), { rootAttrs: de, controlAttrs: fe } = e(ue, () => D.pt), k = i("InputPassword"), pe = ne(r, null), A = s(), j = v(!1), M = v(null), N = t("m-password"), P = c(() => D.id ?? N), F = c(() => D.invalid || D.status === "error"), I = c(() => D.status === "warning" && !F.value), L = a("InputPassword", () => D.size ?? pe?.value.size), R = c(() => ee(L.value)), z = o("InputPassword", () => D.variant), B = c(() => D.fluid ?? k.value.fluid ?? !1), me = c(() => D.clearable ?? k.value.clearable ?? !1), V = c(() => D.showCount ?? k.value.showCount ?? !1), H = c(() => D.showPasswordOn ?? k.value.showPasswordOn ?? "click"), U = c(() => typeof D.showIcon == "string" ? D.showIcon : void 0), W = c(() => typeof D.showIcon == "string" || !D.showIcon ? void 0 : D.showIcon), G = c(() => typeof D.hideIcon == "string" ? D.hideIcon : void 0), K = c(() => typeof D.hideIcon == "string" || !D.hideIcon ? void 0 : D.hideIcon), q = c(() => {
 			let e = D.modelValue ?? "";
 			if (!e) return "empty";
 			let t = 0;

package/dist/list/index.js

@@ -1,6 +1,6 @@
 import { a as e } from "../useComponentAttrs-e-5QAjdw.js";
 import { t } from "../Loading-DE9Iaiao.js";
-import { t as n } from "../Pagination-DpNOb0CS.js";
+import { t as n } from "../Pagination-B8WYoL2a.js";
 import { t as r } from "../Empty-By1qe-ew.js";
 import { o as i } from "../config-Cd20zAyW.js";
 import "./style.js";

package/dist/mega-menu/index.js

@@ -2,31 +2,31 @@ import { a as e } from "../useComponentAttrs-e-5QAjdw.js";
 import { n as t, t as n } from "../overlay-oR-5MDuE.js";
 import { t as r } from "../overlayPlacement-qwEJPVS4.js";
 import { t as ee } from "../useFloatingViewportSync-wLLKIGUA.js";
-import { t as te } from "../useMotionTransition-DohkfWRB.js";
-import { t as i } from "../Icon-CmHjx7W8.js";
+import { t as i } from "../useMotionTransition-DohkfWRB.js";
+import { t as te } from "../Icon-CmHjx7W8.js";
 import { t as a } from "../useMenuKeyboard-BedmYE4W.js";
-import { t as ne } from "../icon-H8prbteT.js";
-import { l as re } from "../config-Cd20zAyW.js";
-import { n as ie } from "../locale-BcxMPufl.js";
+import { n as o, t as s } from "../icon-CUrSaD8r.js";
+import { l as ne } from "../config-Cd20zAyW.js";
+import { n as re } from "../locale-BcxMPufl.js";
 import "./style.js";
-import { Fragment as o, Teleport as s, Transition as ae, computed as c, createBlock as l, createCommentVNode as u, createElementBlock as d, createElementVNode as oe, createTextVNode as se, createVNode as f, defineComponent as p, mergeProps as ce, nextTick as m, normalizeClass as h, normalizeStyle as g, onBeforeUnmount as _, onMounted as le, openBlock as v, ref as y, renderList as b, toDisplayString as x, unref as S, useAttrs as C, watch as w, withCtx as ue, withModifiers as T } from "vue";
+import { Fragment as c, Teleport as ie, Transition as ae, computed as l, createBlock as u, createCommentVNode as d, createElementBlock as f, createElementVNode as p, createTextVNode as oe, createVNode as se, defineComponent as m, mergeProps as ce, nextTick as h, normalizeClass as g, normalizeStyle as le, onBeforeUnmount as ue, onMounted as de, openBlock as _, ref as v, renderList as y, resolveDynamicComponent as fe, toDisplayString as b, unref as x, useAttrs as pe, watch as S, withCtx as me, withModifiers as C } from "vue";
 //#region src/components/MegaMenu/MegaMenu.vue?vue&type=script&setup=true&lang.ts
-var de = ["aria-label"], fe = [
+var he = ["aria-label"], ge = [
 	"disabled",
 	"tabindex",
 	"aria-expanded",
 	"aria-haspopup",
 	"onClick",
 	"onFocus"
-], pe = {
+], _e = {
 	key: 0,
 	class: "m-megamenu__icon",
 	"aria-hidden": "true"
-}, me = [
+}, ve = [
 	"disabled",
 	"tabindex",
 	"onClick"
-], E = /* @__PURE__ */ p({
+], w = /* @__PURE__ */ m({
 	inheritAttrs: !1,
 	__name: "MegaMenu",
 	props: {
@@ -44,34 +44,40 @@ var de = ["aria-label"], fe = [
 		}
 	},
 	emits: ["update:selectedKey", "select"],
-	setup(p, { emit: E }) {
-		let D = p, O = E, he = C(), { rootAttrs: ge } = e(he, () => D.pt), k = re(), { transitionName: _e, transitionCss: A } = te({
+	setup(m, { emit: w }) {
+		let T = m, E = w, ye = pe(), { rootAttrs: be } = e(ye, () => T.pt), D = ne(), { transitionName: O, transitionCss: k } = i({
 			role: "popup",
-			local: () => D.transition,
+			local: () => T.transition,
 			componentName: "MegaMenu",
 			fallback: "scale-fade"
-		}), j = ie(), M = y(null), N = y(null), P = y([]), F = y({}), I = c(() => t(D, k.value.appendTo)), L = c(() => n(D, k.value.appendTo));
-		function ve(e, t) {
-			P.value[t] = e instanceof HTMLElement ? e : null;
+		}), A = re(), j = v(null), M = v(null), N = v([]), P = v({}), F = l(() => t(T, D.value.appendTo)), I = l(() => n(T, D.value.appendTo));
+		function xe(e, t) {
+			N.value[t] = e instanceof HTMLElement ? e : null;
 		}
-		function R() {
-			if (!L.value || M.value == null) return;
-			let e = P.value[M.value];
+		function L() {
+			if (!I.value || j.value == null) return;
+			let e = N.value[j.value];
 			if (!e) return;
 			let t = e.getBoundingClientRect();
-			F.value = r(t, "bottom-start", { gap: 4 });
+			P.value = r(t, "bottom-start", { gap: 4 });
 		}
-		function z(e) {
+		function R(e) {
 			return e.key ?? e.label;
 		}
+		function z(e) {
+			return !!(T.selectedKey && R(e) === T.selectedKey);
+		}
 		function B(e) {
-			return !!(D.selectedKey && z(e) === D.selectedKey);
+			return typeof e.icon == "string" ? s(e.icon) : void 0;
 		}
 		function V(e) {
-			return ne(e.icon);
+			return o(e.icon);
+		}
+		function Se(e) {
+			return !!(B(e) || V(e));
 		}
 		function H(e) {
-			e.disabled || (e.command?.(), O("update:selectedKey", z(e)), O("select", e));
+			e.disabled || (e.command?.(), E("update:selectedKey", R(e)), E("select", e));
 		}
 		function U(e, t) {
 			if (!t.disabled) {
@@ -79,64 +85,64 @@ var de = ["aria-label"], fe = [
 					H(t), Y();
 					return;
 				}
-				M.value = M.value === e ? null : e, M.value != null && m(() => R());
+				j.value = j.value === e ? null : e, j.value != null && h(() => L());
 			}
 		}
-		let W = c(() => M.value == null ? [] : (D.model[M.value]?.items ?? []).flat()), G = a({
-			itemCount: () => D.model.length,
-			isItemDisabled: (e) => !!D.model[e]?.disabled,
+		let W = l(() => j.value == null ? [] : (T.model[j.value]?.items ?? []).flat()), G = a({
+			itemCount: () => T.model.length,
+			isItemDisabled: (e) => !!T.model[e]?.disabled,
 			orientation: "horizontal",
 			initialActiveIndex: 0,
 			onActivate: (e) => {
-				let t = D.model[e];
+				let t = T.model[e];
 				t && U(e, t);
 			}
 		}), K = a({
 			itemCount: () => W.value.length,
 			isItemDisabled: (e) => !!W.value[e]?.disabled,
-			enabled: () => M.value != null,
+			enabled: () => j.value != null,
 			onActivate: (e) => {
 				let t = W.value[e];
 				t && Q(t);
 			}
 		});
 		function q(e) {
-			P.value[e]?.focus({ preventScroll: !0 });
+			N.value[e]?.focus({ preventScroll: !0 });
 		}
-		function ye() {
-			return N.value?.querySelector(".m-megamenu__panel") || document.querySelector(".m-megamenu__panel--teleported");
+		function Ce() {
+			return M.value?.querySelector(".m-megamenu__panel") || document.querySelector(".m-megamenu__panel--teleported");
 		}
 		function J() {
 			let e = K.activeIndex.value;
-			e < 0 || ye()?.querySelectorAll(".m-megamenu__link")[e]?.focus({ preventScroll: !0 });
+			e < 0 || Ce()?.querySelectorAll(".m-megamenu__link")[e]?.focus({ preventScroll: !0 });
 		}
-		function be(e, t) {
-			let n = M.value == null ? [] : D.model[M.value]?.items ?? [], r = t;
+		function we(e, t) {
+			let n = j.value == null ? [] : T.model[j.value]?.items ?? [], r = t;
 			for (let t = 0; t < e; t++) r += n[t]?.length ?? 0;
 			return K.tabindexFor(r);
 		}
 		function Y(e = !1) {
-			let t = M.value;
-			M.value = null, K.reset(), e && t != null && q(t);
+			let t = j.value;
+			j.value = null, K.reset(), e && t != null && q(t);
 		}
 		function X(e, t = !1) {
-			M.value = e, G.setActive(e), m(() => {
-				R(), t && (K.moveFirst(), J());
+			j.value = e, G.setActive(e), h(() => {
+				L(), t && (K.moveFirst(), J());
 			});
 		}
 		function Z(e) {
 			G.move(e);
-			let t = G.activeIndex.value, n = D.model[t];
-			M.value != null && (n?.items?.length ? X(t, !0) : Y()), q(t);
+			let t = G.activeIndex.value, n = T.model[t];
+			j.value != null && (n?.items?.length ? X(t, !0) : Y()), q(t);
 		}
-		function xe(e) {
+		function Te(e) {
 			if (e.key === "Escape") {
-				M.value != null && (e.preventDefault(), Y(!0));
+				j.value != null && (e.preventDefault(), Y(!0));
 				return;
 			}
 			if (e.key === "ArrowDown" || e.key === "ArrowUp") {
 				e.preventDefault();
-				let t = G.activeIndex.value, n = D.model[t];
+				let t = G.activeIndex.value, n = T.model[t];
 				n?.items?.length && !n.disabled && X(t, !0);
 				return;
 			}
@@ -146,7 +152,7 @@ var de = ["aria-label"], fe = [
 			}
 			G.onKeydown(e);
 		}
-		function Se(e) {
+		function Ee(e) {
 			if (e.stopPropagation(), e.key === "Escape") {
 				e.preventDefault(), Y(!0);
 				return;
@@ -160,71 +166,72 @@ var de = ["aria-label"], fe = [
 		function Q(e) {
 			e.disabled || (H(e), Y(!0));
 		}
-		w(G.activeIndex, (e) => {
-			e >= 0 && M.value == null && q(e);
-		}), w(K.activeIndex, () => {
-			M.value != null && J();
+		S(G.activeIndex, (e) => {
+			e >= 0 && j.value == null && q(e);
+		}), S(K.activeIndex, () => {
+			j.value != null && J();
 		});
 		function $(e) {
 			let t = e.target;
-			N.value?.contains(t) || document.querySelector(".m-megamenu__panel--teleported")?.contains(t) || Y();
+			M.value?.contains(t) || document.querySelector(".m-megamenu__panel--teleported")?.contains(t) || Y();
 		}
-		function Ce() {
-			M.value != null && R();
+		function De() {
+			j.value != null && L();
 		}
-		return ee(() => M.value != null && L.value, Ce), le(() => document.addEventListener("click", $)), _(() => {
+		return ee(() => j.value != null && I.value, De), de(() => document.addEventListener("click", $)), ue(() => {
 			document.removeEventListener("click", $);
-		}), (e, t) => (v(), d("nav", ce(S(ge), {
+		}), (e, t) => (_(), f("nav", ce(x(be), {
 			ref_key: "root",
-			ref: N,
+			ref: M,
 			class: "m-megamenu",
-			"aria-label": S(j).megaMenu,
-			onKeydown: xe
-		}), [(v(!0), d(o, null, b(p.model, (e, t) => (v(), d("div", {
+			"aria-label": x(A).megaMenu,
+			onKeydown: Te
+		}), [(_(!0), f(c, null, y(m.model, (e, t) => (_(), f("div", {
 			key: `${e.label}-${t}`,
-			class: h(["m-megamenu__item", { "m-megamenu__item--open": M.value === t }])
-		}, [oe("button", {
+			class: g(["m-megamenu__item", { "m-megamenu__item--open": j.value === t }])
+		}, [p("button", {
 			ref_for: !0,
-			ref: (e) => ve(e, t),
+			ref: (e) => xe(e, t),
 			type: "button",
-			class: h(["m-megamenu__trigger", { "m-megamenu__trigger--selected": B(e) }]),
+			class: g(["m-megamenu__trigger", { "m-megamenu__trigger--selected": z(e) }]),
 			disabled: e.disabled,
-			tabindex: S(G).tabindexFor(t),
-			"aria-expanded": e.items?.length ? M.value === t : void 0,
+			tabindex: x(G).tabindexFor(t),
+			"aria-expanded": e.items?.length ? j.value === t : void 0,
 			"aria-haspopup": e.items?.length ? "menu" : void 0,
-			onClick: T((n) => U(t, e), ["stop"]),
-			onFocus: (e) => S(G).setActive(t)
-		}, [V(e) ? (v(), d("span", pe, [f(i, {
-			name: V(e),
+			onClick: C((n) => U(t, e), ["stop"]),
+			onFocus: (e) => x(G).setActive(t)
+		}, [Se(e) ? (_(), f("span", _e, [B(e) ? (_(), u(te, {
+			key: 0,
+			name: B(e),
 			size: "sm"
-		}, null, 8, ["name"])])) : u("", !0), se(" " + x(e.label), 1)], 42, fe), (v(), l(s, {
-			to: I.value.to,
-			disabled: I.value.disabled
-		}, [f(ae, {
-			name: S(_e),
-			css: S(A)
+		}, null, 8, ["name"])) : V(e) ? (_(), u(fe(V(e)), { key: 1 })) : d("", !0)])) : d("", !0), oe(" " + b(e.label), 1)], 42, ge), (_(), u(ie, {
+			to: F.value.to,
+			disabled: F.value.disabled
+		}, [se(ae, {
+			name: x(O),
+			css: x(k)
 		}, {
-			default: ue(() => [e.items?.length && M.value === t ? (v(), d("div", {
+			default: me(() => [e.items?.length && j.value === t ? (_(), f("div", {
 				key: 0,
-				class: h(["m-megamenu__panel", { "m-megamenu__panel--teleported": L.value }]),
-				style: g(L.value ? F.value : void 0),
+				class: g(["m-megamenu__panel", { "m-megamenu__panel--teleported": I.value }]),
+				style: le(I.value ? P.value : void 0),
 				role: "menu",
-				onKeydown: Se
-			}, [(v(!0), d(o, null, b(e.items, (e, t) => (v(), d("div", {
+				onKeydown: Ee
+			}, [(_(!0), f(c, null, y(e.items, (e, t) => (_(), f("div", {
 				key: t,
 				class: "m-megamenu__column"
-			}, [(v(!0), d(o, null, b(e, (e, n) => (v(), d("button", {
+			}, [(_(!0), f(c, null, y(e, (e, n) => (_(), f("button", {
 				key: `${e.label}-${n}`,
 				type: "button",
-				class: h(["m-megamenu__link", { "m-megamenu__link--selected": B(e) }]),
+				class: g(["m-megamenu__link", { "m-megamenu__link--selected": z(e) }]),
 				role: "menuitem",
 				disabled: e.disabled,
-				tabindex: be(t, n),
-				onClick: T((t) => Q(e), ["stop"])
-			}, x(e.label), 11, me))), 128))]))), 128))], 38)) : u("", !0)]),
+				tabindex: we(t, n),
+				onClick: C((t) => Q(e), ["stop"])
+			}, b(e.label), 11, ve))), 128))]))), 128))], 38)) : d("", !0)]),
 			_: 2
-		}, 1032, ["name", "css"])], 8, ["to", "disabled"]))], 2))), 128))], 16, de));
+		}, 1032, ["name", "css"])], 8, ["to", "disabled"]))], 2))), 128))], 16, he));
 	}
 });
 //#endregion
-export { E as MMegaMenu };
+export { w as MMegaMenu };

package/dist/mentions/index.js

@@ -4,15 +4,15 @@ import { t as n } from "../Icon-CmHjx7W8.js";
 import { t as r } from "../useMenuKeyboard-BedmYE4W.js";
 import { n as i } from "../context-CIx8fy-I.js";
 import { t as a } from "../ProgressSpinner-vBXGvQ92.js";
-import { i as ee, o as te, s as o } from "../config-Cd20zAyW.js";
-import { n as s } from "../locale-BcxMPufl.js";
+import { i as ee, o, s } from "../config-Cd20zAyW.js";
+import { n as c } from "../locale-BcxMPufl.js";
 import "./style.js";
-import { Fragment as ne, computed as c, createCommentVNode as l, createElementBlock as u, createElementVNode as d, createVNode as f, defineComponent as p, inject as m, mergeProps as h, nextTick as g, normalizeClass as _, openBlock as v, ref as y, renderList as re, toDisplayString as b, unref as x, useAttrs as S, watch as C, withModifiers as w } from "vue";
+import { Fragment as te, computed as l, createCommentVNode as u, createElementBlock as d, createElementVNode as f, createVNode as p, defineComponent as m, inject as h, mergeProps as g, nextTick as _, normalizeClass as v, openBlock as y, ref as b, renderList as ne, toDisplayString as x, unref as S, useAttrs as re, watch as C, withModifiers as w } from "vue";
 //#region src/components/Mentions/mentionUtils.ts
 function ie(e) {
 	return e === void 0 ? ["@"] : Array.isArray(e) ? e : [e];
 }
-function ae(e, t, n, r) {
+function T(e, t, n, r) {
 	let i = e.slice(0, t), a = null;
 	for (let e of n) {
 		let t = i.lastIndexOf(e);
@@ -26,7 +26,7 @@ function ae(e, t, n, r) {
 	}
 	return a;
 }
-function oe(e) {
+function E(e) {
 	return typeof e == "string" ? {
 		value: e,
 		label: e
@@ -35,13 +35,13 @@ function oe(e) {
 		label: e.label ?? e.value
 	};
 }
-function T(e, t) {
+function D(e, t) {
 	let n = t.toLowerCase();
 	return n ? e.filter((e) => e.value.toLowerCase().includes(n) || e.label.toLowerCase().includes(n)) : e;
 }
 //#endregion
 //#region src/components/Mentions/Mentions.vue?vue&type=script&setup=true&lang.ts
-var se = [
+var O = [
 	"id",
 	"value",
 	"rows",
@@ -54,14 +54,14 @@ var se = [
 	"aria-busy",
 	"aria-controls",
 	"aria-autocomplete"
-], ce = ["aria-label"], le = ["id"], E = ["id"], D = ["aria-selected", "onMousedown"], O = { class: "m-mentions__option-value" }, ue = {
+], ae = ["aria-label"], oe = ["id"], se = ["id"], ce = ["aria-selected", "onMousedown"], le = { class: "m-mentions__option-value" }, ue = {
 	key: 0,
 	class: "m-mentions__option-label"
 }, de = {
 	key: 3,
 	class: "m-mentions__empty",
 	role: "status"
-}, fe = ["id"], k = /* @__PURE__ */ p({
+}, fe = ["id"], k = /* @__PURE__ */ m({
 	inheritAttrs: !1,
 	__name: "Mentions",
 	props: {
@@ -99,10 +99,6 @@ var se = [
 			type: Boolean,
 			default: void 0
 		},
-		allowClear: {
-			type: Boolean,
-			default: void 0
-		},
 		loading: {
 			type: Boolean,
 			default: !1
@@ -115,8 +111,8 @@ var se = [
 		"change",
 		"select"
 	],
-	setup(p, { emit: k }) {
-		let A = p, j = k, M = S(), { rootAttrs: N, controlAttrs: P } = e(M, () => A.pt), F = ee("Mentions"), I = m(i, null), L = s(), R = y(null), z = t("m-mentions"), B = c(() => A.id ?? z), V = y(!1), H = y(0), U = c(() => A.invalid || A.status === "error" || !!A.errorMessage), pe = c(() => A.status === "warning" && !U.value), me = te("Mentions", () => A.size ?? I?.value.size), he = o("Mentions", () => A.variant), ge = c(() => A.fluid ?? F.value.fluid ?? !1), _e = c(() => A.rows ?? F.value.rows ?? 3), W = c(() => (A.clearable ?? A.allowClear ?? F.value.clearable ?? F.value.allowClear ?? !1) && !!A.modelValue && !A.disabled && !A.readonly), G = c(() => V.value && !!q.value), ve = c(() => ie(A.prefix)), K = c(() => A.split ?? " "), ye = c(() => A.options.map(oe)), q = c(() => ae(A.modelValue ?? "", H.value, ve.value, K.value)), J = c(() => q.value ? T(ye.value, q.value.query) : []), be = c(() => A.emptyMessage ?? L.value.emptyOptions), Y = c(() => A.errorMessage || A.helpText), xe = c(() => !!A.errorMessage || U.value && !!A.helpText), Se = c(() => Y.value ? `${B.value}-help` : void 0), Ce = c(() => [
+	setup(m, { emit: k }) {
+		let A = m, j = k, M = re(), { rootAttrs: N, controlAttrs: P } = e(M, () => A.pt), F = ee("Mentions"), I = h(i, null), L = c(), R = b(null), z = t("m-mentions"), B = l(() => A.id ?? z), V = b(!1), H = b(0), U = l(() => A.invalid || A.status === "error" || !!A.errorMessage), pe = l(() => A.status === "warning" && !U.value), me = o("Mentions", () => A.size ?? I?.value.size), he = s("Mentions", () => A.variant), ge = l(() => A.fluid ?? F.value.fluid ?? !1), _e = l(() => A.rows ?? F.value.rows ?? 3), W = l(() => (A.clearable ?? F.value.clearable ?? !1) && !!A.modelValue && !A.disabled && !A.readonly), G = l(() => V.value && !!q.value), ve = l(() => ie(A.prefix)), K = l(() => A.split ?? " "), ye = l(() => A.options.map(E)), q = l(() => T(A.modelValue ?? "", H.value, ve.value, K.value)), J = l(() => q.value ? D(ye.value, q.value.query) : []), be = l(() => A.emptyMessage ?? L.value.emptyOptions), Y = l(() => A.errorMessage || A.helpText), xe = l(() => !!A.errorMessage || U.value && !!A.helpText), Se = l(() => Y.value ? `${B.value}-help` : void 0), Ce = l(() => [
 			"m-mentions",
 			`m-mentions--${me.value}`,
 			{
@@ -128,7 +124,7 @@ var se = [
 				"m-mentions--invalid": U.value,
 				"m-mentions--warning": pe.value
 			}
-		]), we = c(() => ["m-mentions__textarea", { "m-mentions__textarea--filled": he.value === "filled" }]), X = c(() => `${B.value}-suggestions`), Z = r({
+		]), we = l(() => ["m-mentions__textarea", { "m-mentions__textarea--filled": he.value === "filled" }]), X = l(() => `${B.value}-suggestions`), Z = r({
 			itemCount: () => J.value.length,
 			orientation: "vertical",
 			enabled: () => V.value && J.value.length > 0,
@@ -162,7 +158,7 @@ var se = [
 			let n = A.modelValue ?? "", r = `${t.prefix}${e.value}${K.value}`, i = n.slice(0, t.start) + r + n.slice(H.value);
 			j("update:modelValue", i), j("select", e), V.value = !1, Z.reset();
 			let a = t.start + r.length;
-			g(() => {
+			_(() => {
 				let e = R.value;
 				e && (e.focus(), e.setSelectionRange(a, a), H.value = a);
 			});
@@ -186,23 +182,23 @@ var se = [
 			j("change", e.target.value);
 		}
 		function je() {
-			A.disabled || A.readonly || (j("update:modelValue", ""), V.value = !1, Z.reset(), g(() => R.value?.focus()));
+			A.disabled || A.readonly || (j("update:modelValue", ""), V.value = !1, Z.reset(), _(() => R.value?.focus()));
 		}
-		return (e, t) => (v(), u("div", h(x(N), { class: Ce.value }), [d("div", { class: _(["m-mentions__control", { "m-mentions__control--clearable": W.value }]) }, [
-			d("textarea", h(x(P), {
+		return (e, t) => (y(), d("div", g(S(N), { class: Ce.value }), [f("div", { class: v(["m-mentions__control", { "m-mentions__control--clearable": W.value }]) }, [
+			f("textarea", g(S(P), {
 				id: B.value,
 				ref_key: "textareaRef",
 				ref: R,
 				class: we.value,
-				value: p.modelValue,
+				value: m.modelValue,
 				rows: _e.value,
-				placeholder: p.placeholder,
-				disabled: p.disabled,
-				readonly: p.readonly,
+				placeholder: m.placeholder,
+				disabled: m.disabled,
+				readonly: m.readonly,
 				"aria-invalid": U.value || void 0,
 				"aria-describedby": Se.value,
 				"aria-expanded": G.value,
-				"aria-busy": p.loading || void 0,
+				"aria-busy": m.loading || void 0,
 				"aria-controls": G.value ? X.value : void 0,
 				"aria-autocomplete": V.value ? "list" : void 0,
 				role: "combobox",
@@ -214,44 +210,44 @@ var se = [
 				onFocus: Oe,
 				onBlur: ke,
 				onChange: Ae
-			}), null, 16, se),
-			W.value ? (v(), u("button", {
+			}), null, 16, O),
+			W.value ? (y(), d("button", {
 				key: 0,
 				type: "button",
 				class: "m-mentions__clear",
-				"aria-label": x(L).clearInput,
+				"aria-label": S(L).clearInput,
 				onMousedown: t[0] ||= w(() => {}, ["prevent"]),
 				onClick: je
-			}, [f(n, {
+			}, [p(n, {
 				name: "close",
 				size: "sm"
-			})], 40, ce)) : l("", !0),
-			G.value && p.loading ? (v(), u("div", {
+			})], 40, ae)) : u("", !0),
+			G.value && m.loading ? (y(), d("div", {
 				key: 1,
 				id: X.value,
 				class: "m-mentions__dropdown m-mentions__dropdown--loading",
 				role: "listbox",
 				"aria-busy": "true",
 				"aria-label": "Suggestions"
-			}, [f(a, { size: "small" })], 8, le)) : G.value && J.value.length ? (v(), u("ul", {
+			}, [p(a, { size: "small" })], 8, oe)) : G.value && J.value.length ? (y(), d("ul", {
 				key: 2,
 				id: X.value,
 				class: "m-mentions__dropdown",
 				role: "listbox",
 				"aria-label": "Suggestions"
-			}, [(v(!0), u(ne, null, re(J.value, (e, t) => (v(), u("li", {
+			}, [(y(!0), d(te, null, ne(J.value, (e, t) => (y(), d("li", {
 				key: e.value,
 				role: "option",
-				class: _(["m-mentions__option", { "m-mentions__option--active": x(Z).activeIndex.value === t }]),
-				"aria-selected": x(Z).activeIndex.value === t,
+				class: v(["m-mentions__option", { "m-mentions__option--active": S(Z).activeIndex.value === t }]),
+				"aria-selected": S(Z).activeIndex.value === t,
 				onMousedown: w((e) => De(t), ["prevent"])
-			}, [d("span", O, b(e.value), 1), e.label === e.value ? l("", !0) : (v(), u("span", ue, b(e.label), 1))], 42, D))), 128))], 8, E)) : G.value && q.value && !p.loading && !J.value.length ? (v(), u("p", de, b(be.value), 1)) : l("", !0)
-		], 2), Y.value ? (v(), u("p", {
+			}, [f("span", le, x(e.value), 1), e.label === e.value ? u("", !0) : (y(), d("span", ue, x(e.label), 1))], 42, ce))), 128))], 8, se)) : G.value && q.value && !m.loading && !J.value.length ? (y(), d("p", de, x(be.value), 1)) : u("", !0)
+		], 2), Y.value ? (y(), d("p", {
 			key: 0,
 			id: `${B.value}-help`,
-			class: _(["m-mentions__feedback", { "m-mentions__feedback--error": xe.value }]),
+			class: v(["m-mentions__feedback", { "m-mentions__feedback--error": xe.value }]),
 			role: "alert"
-		}, b(Y.value), 11, fe)) : l("", !0)], 16));
+		}, x(Y.value), 11, fe)) : u("", !0)], 16));
 	}
 });
 //#endregion