morya-ui 0.3.0 → 0.3.2

package/dist/scrollbar/style.css

@@ -50,6 +50,10 @@
     --m-font-size-sm: 0.8125rem;
     --m-font-size-md: 0.875rem;
     --m-font-size-lg: 1.125rem;
+    /* Display scale (page titles, KPI figures) */
+    --m-font-size-xl: 1.25rem;
+    --m-font-size-2xl: 1.5rem;
+    --m-font-size-3xl: 1.75rem;
     --m-opacity-disabled: 0.55;
     /* Layering: override --m-z-base via ConfigProvider / createMoryaUI */
     --m-z-base: 1000;
@@ -192,20 +196,10 @@
 
 /*
  * Global motion policy (complements per-component rules):
- * - `reduced` / OS prefers-reduced-motion: keep short paint transitions; stop loops
+ * - `reduced`: keep short paint transitions; stop loops
  *   and layout/transform size animation.
  * - `none`: zero all transition/animation durations.
  */
-@media (prefers-reduced-motion: reduce) {
-    html:not([data-m-ignore-reduced-motion]) *,
-    html:not([data-m-ignore-reduced-motion]) *::before,
-    html:not([data-m-ignore-reduced-motion]) *::after {
-        animation-duration: 0.01ms !important;
-        animation-iteration-count: 1 !important;
-        transition-property: background-color, border-color, color, opacity, box-shadow,
-            outline, fill, stroke, stroke-dashoffset !important;
-    }
-}
 
 [data-m-motion="reduced"] *,
 [data-m-motion="reduced"] *::before,
@@ -529,9 +523,13 @@
     border-radius: var(--m-radius-md);
     box-shadow: var(--m-shadow-md);
     max-height: var(--m-dropdown-submenu-max-height);
+    max-width: calc(100vw - 2 * var(--m-space-4));
     min-width: 10rem;
     overflow: hidden;
     padding: var(--m-space-1);
+    /* Same as .m-dropdown__menu: size to content instead of being clamped
+       by the space left of the anchor in the viewport. */
+    width: max-content;
 }
 
 .m-dropdown__submenu--teleported {
@@ -611,7 +609,7 @@
 .m-zoom-enter-from,
 .m-zoom-leave-to {
     opacity: 0;
-    transform: scale(0.9);
+    transform: scale(0.95);
 }
 
 .m-slide-up-enter-active,
@@ -656,44 +654,6 @@
     transform: translateX(calc(var(--m-motion-distance) * -1));
 }
 
-@media (prefers-reduced-motion: reduce) {
-    html:not([data-m-ignore-reduced-motion]) .m-fade-enter-active,
-    html:not([data-m-ignore-reduced-motion]) .m-fade-leave-active,
-    html:not([data-m-ignore-reduced-motion]) .m-scale-fade-enter-active,
-    html:not([data-m-ignore-reduced-motion]) .m-scale-fade-leave-active,
-    html:not([data-m-ignore-reduced-motion]) .m-slide-fade-enter-active,
-    html:not([data-m-ignore-reduced-motion]) .m-slide-fade-leave-active,
-    html:not([data-m-ignore-reduced-motion]) .m-zoom-enter-active,
-    html:not([data-m-ignore-reduced-motion]) .m-zoom-leave-active,
-    html:not([data-m-ignore-reduced-motion]) .m-slide-up-enter-active,
-    html:not([data-m-ignore-reduced-motion]) .m-slide-up-leave-active,
-    html:not([data-m-ignore-reduced-motion]) .m-slide-down-enter-active,
-    html:not([data-m-ignore-reduced-motion]) .m-slide-down-leave-active,
-    html:not([data-m-ignore-reduced-motion]) .m-slide-left-enter-active,
-    html:not([data-m-ignore-reduced-motion]) .m-slide-left-leave-active,
-    html:not([data-m-ignore-reduced-motion]) .m-slide-right-enter-active,
-    html:not([data-m-ignore-reduced-motion]) .m-slide-right-leave-active {
-        transition: none;
-    }
-
-    html:not([data-m-ignore-reduced-motion]) .m-scale-fade-enter-from,
-    html:not([data-m-ignore-reduced-motion]) .m-scale-fade-leave-to,
-    html:not([data-m-ignore-reduced-motion]) .m-slide-fade-enter-from,
-    html:not([data-m-ignore-reduced-motion]) .m-slide-fade-leave-to,
-    html:not([data-m-ignore-reduced-motion]) .m-zoom-enter-from,
-    html:not([data-m-ignore-reduced-motion]) .m-zoom-leave-to,
-    html:not([data-m-ignore-reduced-motion]) .m-slide-up-enter-from,
-    html:not([data-m-ignore-reduced-motion]) .m-slide-up-leave-to,
-    html:not([data-m-ignore-reduced-motion]) .m-slide-down-enter-from,
-    html:not([data-m-ignore-reduced-motion]) .m-slide-down-leave-to,
-    html:not([data-m-ignore-reduced-motion]) .m-slide-left-enter-from,
-    html:not([data-m-ignore-reduced-motion]) .m-slide-left-leave-to,
-    html:not([data-m-ignore-reduced-motion]) .m-slide-right-enter-from,
-    html:not([data-m-ignore-reduced-motion]) .m-slide-right-leave-to {
-        transform: none;
-    }
-}
-
 [data-m-motion="reduced"] .m-fade-enter-active,
 [data-m-motion="reduced"] .m-fade-leave-active,
 [data-m-motion="reduced"] .m-scale-fade-enter-active,
@@ -1188,17 +1148,6 @@
     animation: none !important;
 }
 
-@media (prefers-reduced-motion: reduce) {
-    html:not([data-m-ignore-reduced-motion]) *,
-    html:not([data-m-ignore-reduced-motion]) *::before,
-    html:not([data-m-ignore-reduced-motion]) *::after {
-        animation-duration: 0.01ms !important;
-        animation-iteration-count: 1 !important;
-        scroll-behavior: auto !important;
-        transition-duration: 0.01ms !important;
-    }
-}
-
 .m-scrollbar {
     --m-scrollbar-track-size: 6px;
     --m-scrollbar-inset: 0.125rem;
@@ -1323,14 +1272,6 @@
     opacity: 0;
 }
 
-@media (prefers-reduced-motion: reduce) {
-    html:not([data-m-ignore-reduced-motion]) .m-scrollbar__thumb,
-    html:not([data-m-ignore-reduced-motion]) .m-scrollbar-fade-enter-active,
-    html:not([data-m-ignore-reduced-motion]) .m-scrollbar-fade-leave-active {
-        transition: none;
-    }
-}
-
 :root[data-m-motion='none'] .m-scrollbar__thumb,
 :root[data-m-motion='none'] .m-scrollbar-fade-enter-active,
 :root[data-m-motion='none'] .m-scrollbar-fade-leave-active,

package/dist/select/index.js

@@ -1,479 +1,3 @@
-import { i as e } from "../useComponentAttrs-e-5QAjdw.js";
-import { t } from "../Icon-lcN1rS87.js";
-import { t as n } from "../useMotionTransition-Bxnnb_9u.js";
-import { n as ee, t as te } from "../overlay-oR-5MDuE.js";
-import { t as ne } from "../overlayPlacement-Cd20JTD_.js";
-import { t as re } from "../useFloatingViewportSync-DZdJ7W8n.js";
-import { t as ie } from "../useMId-BXFYayPP.js";
-import { t as ae } from "../Scrollbar-DTeJ8P5b.js";
-import { t as oe } from "../VirtualScroller-CHoFCmpP.js";
-import { c as se, i as ce, o as le } from "../config-CapALqt3.js";
-import { n as ue, t as de } from "../locale-Bzm2nbEp.js";
+import { t as e } from "../Select-CKGrSoaC.js";
 import "./style.js";
-import { Fragment as r, Teleport as fe, Transition as pe, computed as i, createBlock as a, createCommentVNode as o, createElementBlock as s, createElementVNode as c, createTextVNode as me, createVNode as l, defineComponent as u, mergeProps as he, nextTick as ge, normalizeClass as d, normalizeStyle as _e, onBeforeUnmount as ve, openBlock as f, ref as p, renderList as ye, renderSlot as be, toDisplayString as m, unref as h, useAttrs as xe, useSlots as Se, vModelText as Ce, watch as g, withCtx as _, withDirectives as we, withModifiers as Te } from "vue";
-//#region src/components/Select/Select.vue?vue&type=script&setup=true&lang.ts
-var Ee = ["for"], De = [
-	"id",
-	"tabindex",
-	"aria-expanded",
-	"aria-controls",
-	"aria-invalid",
-	"aria-describedby",
-	"aria-disabled",
-	"aria-busy",
-	"aria-multiselectable"
-], Oe = {
-	key: 0,
-	class: "m-select__tags"
-}, ke = { class: "m-select__tag-label" }, Ae = [
-	"aria-label",
-	"disabled",
-	"onClick"
-], je = ["aria-label"], Me = {
-	key: 1,
-	class: "m-select__value"
-}, Ne = {
-	key: 2,
-	class: "m-select__spinner",
-	"aria-hidden": "true"
-}, Pe = { class: "m-select__suffix" }, Fe = ["aria-label"], Ie = [
-	"id",
-	"aria-multiselectable",
-	"aria-label"
-], Le = ["placeholder", "aria-label"], Re = [
-	"aria-selected",
-	"disabled",
-	"onMouseenter",
-	"onClick"
-], ze = {
-	key: 0,
-	class: "m-select__empty",
-	role: "status"
-}, Be = [
-	"aria-selected",
-	"disabled",
-	"onMouseenter",
-	"onClick"
-], Ve = {
-	key: 1,
-	class: "m-select__empty",
-	role: "status"
-}, He = {
-	key: 3,
-	class: "m-select__empty",
-	role: "status"
-}, Ue = {
-	key: 4,
-	class: "m-select__empty",
-	role: "status"
-}, We = [
-	"name",
-	"required",
-	"value"
-], Ge = ["id", "role"], Ke = 80, qe = /* @__PURE__ */ u({
-	inheritAttrs: !1,
-	__name: "Select",
-	props: {
-		modelValue: { default: void 0 },
-		options: {},
-		label: {},
-		helpText: {},
-		invalid: {
-			type: Boolean,
-			default: !1
-		},
-		errorMessage: {},
-		id: {},
-		disabled: {
-			type: Boolean,
-			default: !1
-		},
-		required: {
-			type: Boolean,
-			default: !1
-		},
-		size: {},
-		fluid: {
-			type: Boolean,
-			default: void 0
-		},
-		multiple: {
-			type: Boolean,
-			default: void 0
-		},
-		tag: {
-			type: Boolean,
-			default: void 0
-		},
-		remote: {
-			type: Boolean,
-			default: void 0
-		},
-		loading: {
-			type: Boolean,
-			default: void 0
-		},
-		maxTagCount: {},
-		showClear: {
-			type: Boolean,
-			default: void 0
-		},
-		clearable: {
-			type: Boolean,
-			default: void 0
-		},
-		emptyMessage: {},
-		filter: {
-			type: Boolean,
-			default: void 0
-		},
-		teleport: {
-			type: Boolean,
-			default: !0
-		},
-		appendTo: {},
-		placement: { default: "bottom-start" },
-		pt: {},
-		transition: {
-			type: [String, Boolean],
-			default: void 0
-		},
-		virtual: {
-			type: Boolean,
-			default: void 0
-		},
-		placeholder: {},
-		name: {}
-	},
-	emits: [
-		"update:modelValue",
-		"change",
-		"clear",
-		"show",
-		"hide",
-		"search",
-		"create"
-	],
-	setup(u, { emit: qe }) {
-		let v = u, y = qe, Je = Se(), Ye = xe(), { rootAttrs: Xe, controlAttrs: Ze } = e(Ye, () => v.pt, { controlKey: "control" }), b = ce("Select"), Qe = se(), { transitionName: $e, transitionCss: et } = n({
-			role: "popup",
-			local: () => v.transition,
-			componentName: "Select",
-			fallback: "scale-fade"
-		}), x = ue(), tt = p(null), S = p(null), C = p(null), w = p(null), T = p(!1), E = p(""), D = p(-1), nt = p({}), O = p([]), rt = ie("m-select"), k = i(() => v.id ?? rt), it = i(() => v.emptyMessage ?? x.value.emptyOptions), A = i(() => v.multiple ?? b.value.multiple ?? !1), at = i(() => v.tag ?? b.value.tag ?? !1), j = i(() => v.remote ?? b.value.remote ?? !1), M = i(() => v.loading ?? !1), ot = i(() => v.fluid ?? b.value.fluid ?? !1), st = i(() => v.showClear ?? v.clearable ?? b.value.showClear ?? b.value.clearable ?? !1), N = i(() => v.filter ?? b.value.filter ?? !1), P = le("Select", () => v.size), ct = i(() => ee(v, Qe.value.appendTo)), F = i(() => te(v, Qe.value.appendTo)), I = i(() => v.invalid || !!v.errorMessage), L = i(() => v.errorMessage || v.helpText), lt = i(() => !!v.errorMessage || I.value && !!v.helpText), R = i(() => A.value ? Array.isArray(v.modelValue) ? v.modelValue : v.modelValue == null ? [] : [v.modelValue] : v.modelValue == null || Array.isArray(v.modelValue) ? [] : [v.modelValue]), z = i(() => {
-			let e = new Set(v.options.map((e) => String(e.value))), t = [];
-			for (let n of O.value) e.has(String(n.value)) || (t.push(n), e.add(String(n.value)));
-			for (let n of R.value) e.has(String(n)) || (t.push({
-				label: String(n),
-				value: n
-			}), e.add(String(n)));
-			return [...v.options, ...t];
-		});
-		function ut(e) {
-			return z.value.find((t) => t.value === e);
-		}
-		let B = i(() => R.value.map((e) => ut(e) ?? {
-			label: String(e),
-			value: e
-		})), dt = i(() => {
-			let e = B.value;
-			return v.maxTagCount == null || e.length <= v.maxTagCount ? e : e.slice(0, v.maxTagCount);
-		}), V = i(() => Math.max(0, B.value.length - dt.value.length)), H = i(() => A.value ? void 0 : B.value[0]), ft = i(() => H.value?.label ?? v.placeholder ?? x.value.selectPlaceholder), U = i(() => R.value.length > 0), pt = i(() => st.value && U.value && !v.disabled), W = i(() => E.value.trim()), mt = i(() => !at.value || !N.value || !W.value ? !1 : !z.value.some((e) => e.label.toLowerCase() === W.value.toLowerCase() || String(e.value) === W.value)), ht = i(() => {
-			if (j.value) return v.options;
-			let e = W.value.toLowerCase();
-			return e ? z.value.filter((t) => t.label.toLowerCase().includes(e)) : z.value;
-		}), G = i(() => mt.value ? [{
-			label: W.value,
-			value: W.value,
-			created: !0
-		}, ...ht.value] : ht.value), K = i(() => G.value.filter((e) => !e.disabled)), gt = i(() => de(x.value.createOption, { value: W.value })), _t = i(() => de(x.value.moreTags, { count: V.value })), q = i(() => v.virtual === !1 ? !1 : v.virtual === !0 || G.value.length >= Ke), vt = i(() => P.value === "small" ? 28 : P.value === "large" ? 40 : 34), yt = i(() => Math.min(240, Math.max(vt.value * 4, G.value.length * vt.value))), bt = p(null);
-		function J(e) {
-			return e;
-		}
-		function Y(e) {
-			return R.value.some((t) => t === e);
-		}
-		function X(e) {
-			y("update:modelValue", e), y("change", e);
-		}
-		function xt() {
-			if (!F.value || !S.value) return;
-			let e = S.value.getBoundingClientRect();
-			nt.value = ne(e, v.placement === "bottom-end" ? "bottom-end" : "bottom-start", { minWidth: `${e.width}px` });
-		}
-		function Z(e, t = "none") {
-			if (!(v.disabled || T.value === e)) {
-				if (T.value = e, e) {
-					if (E.value = "", t === "none") D.value = -1;
-					else if (t === "last") D.value = Math.max(0, K.value.length - 1);
-					else {
-						let e = K.value.findIndex((e) => !e.created && Y(e.value));
-						D.value = e >= 0 ? e : K.value.length ? 0 : -1;
-					}
-					y("show"), ge(() => {
-						xt(), N.value ? w.value?.focus({ preventScroll: !0 }) : C.value?.focus({ preventScroll: !0 });
-					});
-				} else E.value = "", y("hide");
-			}
-		}
-		function Q(e) {
-			if (!e.disabled) {
-				if (e.created) {
-					St();
-					return;
-				}
-				if (A.value) {
-					X(Y(e.value) ? R.value.filter((t) => t !== e.value) : [...R.value, e.value]);
-					return;
-				}
-				X(e.value), Z(!1), S.value?.focus({ preventScroll: !0 });
-			}
-		}
-		function St() {
-			let e = W.value;
-			if (!e || !mt.value) return;
-			let t = {
-				label: e,
-				value: e
-			};
-			O.value.some((e) => e.value === t.value) || (O.value = [...O.value, t]), y("create", t), Q({ ...t }), E.value = "";
-		}
-		function Ct(e, t) {
-			t.stopPropagation(), t.preventDefault(), !(v.disabled || !A.value) && X(R.value.filter((t) => t !== e));
-		}
-		function wt(e) {
-			e?.stopPropagation(), e?.preventDefault(), !(v.disabled || !U.value) && (X(A.value ? [] : void 0), y("clear"), S.value?.focus({ preventScroll: !0 }));
-		}
-		function Tt(e) {
-			v.disabled || [
-				"Enter",
-				" ",
-				"ArrowDown",
-				"ArrowUp"
-			].includes(e.key) && (e.preventDefault(), T.value || Z(!0, e.key === "ArrowUp" ? "last" : "selected"));
-		}
-		function Et(e) {
-			if (e.key === "Escape") {
-				e.preventDefault(), Z(!1), S.value?.focus({ preventScroll: !0 });
-				return;
-			}
-			let t = K.value.length;
-			if (t && ((e.key === "ArrowDown" || e.key === "ArrowUp") && (e.preventDefault(), D.value < 0 ? D.value = e.key === "ArrowDown" ? 0 : t - 1 : D.value = (D.value + (e.key === "ArrowDown" ? 1 : -1) + t) % t), e.key === "Home" && (e.preventDefault(), D.value = 0), e.key === "End" && (e.preventDefault(), D.value = t - 1), e.key === "Enter" || e.key === " " && e.target !== w.value)) {
-				let t = K.value[D.value];
-				t && (e.preventDefault(), Q(t));
-			}
-		}
-		function $(e) {
-			T.value && !tt.value?.contains(e.target) && !C.value?.contains(e.target) && Z(!1);
-		}
-		function Dt() {
-			T.value && xt();
-		}
-		return re(() => T.value && F.value, Dt), g(D, (e) => {
-			if (!q.value || e < 0) return;
-			let t = K.value[e];
-			if (!t) return;
-			let n = G.value.findIndex((e) => e.value === t.value && !!e.created == !!t.created);
-			n >= 0 && bt.value?.scrollToIndex(n);
-		}), g(E, (e) => {
-			D.value = K.value.length ? 0 : -1, T.value && (N.value || j.value) && y("search", e);
-		}), g(T, (e) => {
-			e && j.value && y("search", E.value), e ? document.addEventListener("click", $) : document.removeEventListener("click", $);
-		}), ve(() => {
-			document.removeEventListener("click", $);
-		}), (e, n) => (f(), s("div", he({
-			ref_key: "root",
-			ref: tt
-		}, h(Xe), { class: ["m-select-field", { "m-select-field--fluid": ot.value }] }), [
-			u.label ? (f(), s("label", {
-				key: 0,
-				class: "m-select-field__label",
-				for: k.value
-			}, m(u.label), 9, Ee)) : o("", !0),
-			c("div", { class: d(["m-select__control", {
-				"m-select__control--clearable": pt.value,
-				"m-select__control--open": T.value
-			}]) }, [c("div", he(h(Ze), {
-				id: k.value,
-				ref_key: "trigger",
-				ref: S,
-				class: ["m-select", [`m-select--${h(P)}`, {
-					"m-select--invalid": I.value,
-					"m-select--open": T.value,
-					"m-select--placeholder": !U.value,
-					"m-select--fluid": ot.value,
-					"m-select--multiple": A.value,
-					"m-select--disabled": u.disabled,
-					"m-select--loading": M.value
-				}]],
-				role: "combobox",
-				tabindex: u.disabled ? -1 : 0,
-				"aria-expanded": T.value,
-				"aria-haspopup": "listbox",
-				"aria-controls": `${k.value}-listbox`,
-				"aria-invalid": I.value || void 0,
-				"aria-describedby": L.value ? `${k.value}-help` : void 0,
-				"aria-disabled": u.disabled || void 0,
-				"aria-busy": M.value || void 0,
-				"aria-multiselectable": A.value || void 0,
-				onClick: n[0] ||= (e) => Z(!T.value),
-				onKeydown: Tt
-			}), [A.value && U.value ? (f(), s("div", Oe, [(f(!0), s(r, null, ye(dt.value, (e) => (f(), s("span", {
-				key: String(e.value),
-				class: "m-select__tag"
-			}, [c("span", ke, m(e.label), 1), c("button", {
-				class: "m-select__tag-remove",
-				type: "button",
-				"aria-label": h(x).removeTag,
-				disabled: u.disabled,
-				onClick: (t) => Ct(e.value, t)
-			}, [l(t, {
-				name: "close",
-				size: "sm"
-			})], 8, Ae)]))), 128)), V.value ? (f(), s("span", {
-				key: 0,
-				class: "m-select__tag m-select__tag--more",
-				"aria-label": _t.value
-			}, " +" + m(V.value), 9, je)) : o("", !0)])) : (f(), s("span", Me, [h(Je).value && U.value && H.value ? be(e.$slots, "value", { option: H.value }, void 0, void 0, 0) : (f(), s(r, { key: 1 }, [me(m(ft.value), 1)], 64))])), M.value ? (f(), s("span", Ne)) : o("", !0)], 16, De), c("div", Pe, [pt.value ? (f(), s("button", {
-				key: 0,
-				class: "m-select__clear",
-				type: "button",
-				"aria-label": h(x).clear,
-				onClick: wt
-			}, [l(t, {
-				name: "close",
-				class: "m-control-affix-icon"
-			})], 8, Fe)) : o("", !0), c("span", {
-				class: d(["m-select__indicator", { "m-select__indicator--open": T.value }]),
-				"aria-hidden": "true"
-			}, [l(t, {
-				name: "chevron-down",
-				class: "m-control-affix-icon"
-			})], 2)])], 2),
-			(f(), a(fe, {
-				to: ct.value.to,
-				disabled: ct.value.disabled
-			}, [l(pe, {
-				name: h($e),
-				css: h(et)
-			}, {
-				default: _(() => [T.value ? (f(), s("div", {
-					key: 0,
-					id: `${k.value}-listbox`,
-					ref_key: "menu",
-					ref: C,
-					class: d(["m-select__menu", [`m-select__menu--${u.placement}`, { "m-select__menu--teleported": F.value }]]),
-					style: _e(F.value ? nt.value : void 0),
-					role: "listbox",
-					tabindex: "-1",
-					"aria-multiselectable": A.value || void 0,
-					"aria-label": u.label ?? u.placeholder ?? h(x).selectOption,
-					onKeydown: Et
-				}, [
-					N.value ? we((f(), s("input", {
-						key: 0,
-						ref_key: "filterInput",
-						ref: w,
-						"onUpdate:modelValue": n[1] ||= (e) => E.value = e,
-						class: "m-select__filter",
-						type: "search",
-						placeholder: h(x).searchPlaceholder,
-						"aria-label": h(x).filterOptions,
-						onClick: n[2] ||= Te(() => {}, ["stop"]),
-						onKeydown: Te(Et, ["stop"])
-					}, null, 40, Le)), [[Ce, E.value]]) : o("", !0),
-					q.value && !M.value && G.value.length ? (f(), a(oe, {
-						key: 1,
-						id: `${k.value}-listbox`,
-						ref_key: "virtualList",
-						ref: bt,
-						class: "m-select__list m-select__list--virtual",
-						role: "listbox",
-						"aria-label": u.label ?? u.placeholder ?? h(x).selectOption,
-						items: G.value,
-						"item-size": vt.value,
-						height: yt.value,
-						buffer: 4
-					}, {
-						item: _(({ item: n }) => [c("button", {
-							class: d(["m-select__option", {
-								"m-select__option--selected": !J(n).created && Y(J(n).value),
-								"m-select__option--highlighted": K.value[D.value]?.value === J(n).value && !!K.value[D.value]?.created == !!J(n).created,
-								"m-select__option--create": J(n).created
-							}]),
-							type: "button",
-							role: "option",
-							"aria-selected": J(n).created ? void 0 : Y(J(n).value),
-							disabled: J(n).disabled,
-							onMouseenter: (e) => !J(n).disabled && (D.value = K.value.findIndex((e) => e.value === J(n).value && !!e.created == !!J(n).created)),
-							onClick: (e) => Q(J(n))
-						}, [be(e.$slots, "option", { option: J(n) }, () => [c("span", null, m(J(n).created ? gt.value : J(n).label), 1)]), !J(n).created && Y(J(n).value) ? (f(), a(t, {
-							key: 0,
-							class: "m-select__check",
-							name: "check",
-							size: "sm"
-						})) : o("", !0)], 42, Re)]),
-						_: 3
-					}, 8, [
-						"id",
-						"aria-label",
-						"items",
-						"item-size",
-						"height"
-					])) : (f(), a(ae, {
-						key: 2,
-						id: `${k.value}-listbox`,
-						class: "m-select__list",
-						"fit-content": "",
-						"wrap-class": "m-select__list-wrap",
-						"view-class": "m-select__list-view"
-					}, {
-						default: _(() => [
-							M.value ? (f(), s("div", ze, m(h(x).loading), 1)) : o("", !0),
-							(f(!0), s(r, null, ye(G.value, (n) => (f(), s("button", {
-								key: n.created ? `__create:${String(n.value)}` : String(n.value),
-								class: d(["m-select__option", {
-									"m-select__option--selected": !n.created && Y(n.value),
-									"m-select__option--highlighted": K.value[D.value]?.value === n.value && !!K.value[D.value]?.created == !!n.created,
-									"m-select__option--create": n.created
-								}]),
-								type: "button",
-								role: "option",
-								"aria-selected": n.created ? void 0 : Y(n.value),
-								disabled: n.disabled,
-								onMouseenter: (e) => !n.disabled && (D.value = K.value.findIndex((e) => e.value === n.value && !!e.created == !!n.created)),
-								onClick: (e) => Q(n)
-							}, [be(e.$slots, "option", { option: n }, () => [c("span", null, m(n.created ? gt.value : n.label), 1)]), !n.created && Y(n.value) ? (f(), a(t, {
-								key: 0,
-								class: "m-select__check",
-								name: "check",
-								size: "sm"
-							})) : o("", !0)], 42, Be))), 128)),
-							!G.value.length && !M.value ? (f(), s("div", Ve, m(it.value), 1)) : o("", !0)
-						]),
-						_: 3
-					}, 8, ["id"])),
-					q.value && M.value ? (f(), s("div", He, m(h(x).loading), 1)) : q.value && !G.value.length && !M.value ? (f(), s("div", Ue, m(it.value), 1)) : o("", !0)
-				], 46, Ie)) : o("", !0)]),
-				_: 3
-			}, 8, ["name", "css"])], 8, ["to", "disabled"])),
-			u.required ? (f(), s("input", {
-				key: 1,
-				class: "m-select__required-input",
-				tabindex: "-1",
-				"aria-hidden": "true",
-				name: u.name,
-				required: !U.value,
-				value: A.value ? R.value.join(",") : R.value[0]
-			}, null, 8, We)) : o("", !0),
-			L.value ? (f(), s("span", {
-				key: 2,
-				id: `${k.value}-help`,
-				class: d(["m-select-field__help", { "m-select-field__help--invalid": lt.value }]),
-				role: lt.value ? "alert" : void 0
-			}, m(L.value), 11, Ge)) : o("", !0)
-		], 16));
-	}
-});
-//#endregion
-export { qe as MSelect };
+export { e as MSelect };