morya-ui 0.2.8 → 0.3.0

package/dist/Popover-BQ07q4VV.js

@@ -0,0 +1,179 @@
+import { a as e } from "./useComponentAttrs-e-5QAjdw.js";
+import { t } from "./useMotionTransition-Bxnnb_9u.js";
+import { n, t as r } from "./overlay-oR-5MDuE.js";
+import { t as i } from "./overlayPlacement-Cd20JTD_.js";
+import { t as a } from "./useMId-BXFYayPP.js";
+import { c as o } from "./config-CapALqt3.js";
+import { Teleport as s, Transition as c, computed as l, createBlock as u, createCommentVNode as d, createElementBlock as f, createElementVNode as p, createVNode as m, defineComponent as h, mergeProps as g, nextTick as _, normalizeClass as v, normalizeStyle as y, onBeforeUnmount as ee, openBlock as b, ref as x, renderSlot as S, unref as C, useAttrs as te, watch as ne, withCtx as re } from "vue";
+//#region src/components/Popover/Popover.vue?vue&type=script&setup=true&lang.ts
+var ie = ["aria-expanded", "aria-controls"], ae = ["id"], w = /* @__PURE__ */ h({
+	inheritAttrs: !1,
+	__name: "Popover",
+	props: {
+		pt: {},
+		modelValue: {
+			type: Boolean,
+			default: !1
+		},
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		placement: { default: "bottom" },
+		trigger: { default: "manual" },
+		showDelay: { default: 0 },
+		hideDelay: { default: 200 },
+		teleport: {
+			type: Boolean,
+			default: !0
+		},
+		appendTo: {},
+		transition: {
+			type: [String, Boolean],
+			default: void 0
+		}
+	},
+	emits: [
+		"update:modelValue",
+		"show",
+		"hide"
+	],
+	setup(h, { expose: w, emit: T }) {
+		let E = h, D = T, O = te(), { rootAttrs: k } = e(O, () => E.pt), A = o(), { transitionName: j, transitionCss: M } = t({
+			role: "popup",
+			local: () => E.transition,
+			componentName: "Popover",
+			fallback: "popover"
+		}), N = a(), P = x(null), F = x(null), I = x(null), L = x({}), R = l(() => n(E, A.value.appendTo)), z = l(() => r(E, A.value.appendTo)), B, V;
+		function H(e) {
+			e && E.disabled || D("update:modelValue", e);
+		}
+		function U() {
+			H(!0);
+		}
+		function W() {
+			H(!1);
+		}
+		function G() {
+			H(!E.modelValue);
+		}
+		function K() {
+			H(!1);
+		}
+		w({
+			show: U,
+			hide: W,
+			toggle: G
+		});
+		function q() {
+			B && clearTimeout(B), V && clearTimeout(V), B = void 0, V = void 0;
+		}
+		function J() {
+			E.disabled || E.trigger !== "click" || H(!E.modelValue);
+		}
+		function oe() {
+			if (!(E.disabled || E.trigger !== "hover")) {
+				if (q(), E.showDelay > 0) {
+					B = setTimeout(H, E.showDelay, !0);
+					return;
+				}
+				H(!0);
+			}
+		}
+		function se() {
+			if (E.trigger === "hover") {
+				if (q(), E.hideDelay > 0) {
+					V = setTimeout(H, E.hideDelay, !1);
+					return;
+				}
+				H(!1);
+			}
+		}
+		function ce() {
+			E.trigger === "hover" && q();
+		}
+		function le() {
+			if (E.trigger === "hover") {
+				if (q(), E.hideDelay > 0) {
+					V = setTimeout(H, E.hideDelay, !1);
+					return;
+				}
+				H(!1);
+			}
+		}
+		function ue() {
+			if (!(E.disabled || E.trigger !== "focus")) {
+				if (q(), E.showDelay > 0) {
+					B = setTimeout(H, E.showDelay, !0);
+					return;
+				}
+				H(!0);
+			}
+		}
+		function Y() {
+			if (E.trigger === "focus") {
+				if (q(), E.hideDelay > 0) {
+					V = setTimeout(H, E.hideDelay, !1);
+					return;
+				}
+				H(!1);
+			}
+		}
+		function X() {
+			!z.value || !F.value || (L.value = i(F.value.getBoundingClientRect(), E.placement));
+		}
+		function Z(e) {
+			let t = e.target;
+			P.value?.contains(t) || I.value?.contains(t) || K();
+		}
+		function Q(e) {
+			e.key === "Escape" && K();
+		}
+		function $() {
+			E.modelValue && X();
+		}
+		return ne(() => E.modelValue, async (e, t) => {
+			e ? (document.addEventListener("click", Z), document.addEventListener("keydown", Q), z.value && (window.addEventListener("resize", $), window.addEventListener("scroll", $, !0)), D("show"), await _(), X()) : (document.removeEventListener("click", Z), document.removeEventListener("keydown", Q), window.removeEventListener("resize", $), window.removeEventListener("scroll", $, !0), t && D("hide"));
+		}, { immediate: !0 }), ee(() => {
+			q(), document.removeEventListener("click", Z), document.removeEventListener("keydown", Q), window.removeEventListener("resize", $), window.removeEventListener("scroll", $, !0);
+		}), (e, t) => (b(), f("span", g({
+			ref_key: "root",
+			ref: P
+		}, C(k), {
+			class: "m-popover",
+			onMouseenter: oe,
+			onMouseleave: se
+		}), [p("span", {
+			ref_key: "trigger",
+			ref: F,
+			class: "m-popover__trigger",
+			"aria-haspopup": "dialog",
+			"aria-expanded": h.modelValue,
+			"aria-controls": C(N),
+			onClick: J,
+			onFocusin: ue,
+			onFocusout: Y
+		}, [S(e.$slots, "default")], 40, ie), (b(), u(s, {
+			to: R.value.to,
+			disabled: R.value.disabled
+		}, [m(c, {
+			name: C(j),
+			css: C(M)
+		}, {
+			default: re(() => [h.modelValue ? (b(), f("div", {
+				key: 0,
+				id: C(N),
+				ref_key: "panel",
+				ref: I,
+				class: v(["m-popover__content", [`m-popover__content--${h.placement}`, { "m-popover__content--teleported": z.value }]]),
+				style: y(z.value ? L.value : void 0),
+				role: "dialog",
+				onMouseenter: ce,
+				onMouseleave: le
+			}, [S(e.$slots, "content")], 46, ae)) : d("", !0)]),
+			_: 3
+		}, 8, ["name", "css"])], 8, ["to", "disabled"]))], 16));
+	}
+});
+//#endregion
+export { w as t };

package/dist/ProgressSpinner-BeWVF6Jv.js

@@ -0,0 +1,105 @@
+import { a as e } from "./useComponentAttrs-e-5QAjdw.js";
+import { i as t } from "./types-DGuu4Eg4.js";
+import { t as n } from "./usePauseOffscreen-BIikV_gj.js";
+import { n as r } from "./locale-Bzm2nbEp.js";
+import { computed as i, createCommentVNode as a, createElementBlock as o, createElementVNode as s, defineComponent as c, mergeProps as l, normalizeClass as u, normalizeStyle as d, onBeforeUnmount as f, openBlock as p, ref as m, renderSlot as h, toDisplayString as g, unref as _, useAttrs as v, useSlots as y, watch as b } from "vue";
+//#region src/components/ProgressSpinner/ProgressSpinner.vue?vue&type=script&setup=true&lang.ts
+var x = ["aria-busy"], S = ["inert"], C = {
+	key: 0,
+	class: "m-progress-spinner-wrap__overlay"
+}, w = ["aria-label"], T = ["stroke-width"], E = {
+	key: 0,
+	class: "m-progress-spinner__description"
+}, D = ["aria-label"], O = ["stroke-width"], k = /* @__PURE__ */ c({
+	inheritAttrs: !1,
+	__name: "ProgressSpinner",
+	props: {
+		pt: {},
+		strokeWidth: { default: "2" },
+		animationDuration: { default: "1s" },
+		ariaLabel: {},
+		show: {
+			type: Boolean,
+			default: !0
+		},
+		delay: { default: 0 },
+		size: {},
+		description: {}
+	},
+	setup(c) {
+		let k = c, A = v(), { rootAttrs: j } = e(A, () => k.pt), M = y(), N = r(), P = i(() => k.ariaLabel ?? N.value.loading), F = i(() => !!M.default), I = i(() => t(k.size)), L = m(k.show && k.delay <= 0), R = m(null), { pauseAttrs: z } = n(R, () => L.value), B = null;
+		function V() {
+			B !== null && (clearTimeout(B), B = null);
+		}
+		b(() => [
+			k.show,
+			k.delay,
+			F.value
+		], ([e, t]) => {
+			if (V(), !e) {
+				L.value = !1;
+				return;
+			}
+			if (!t) {
+				L.value = !0;
+				return;
+			}
+			L.value = !1, B = setTimeout(() => {
+				L.value = !0, B = null;
+			}, t);
+		}, { immediate: !0 }), f(V);
+		let H = i(() => ({ animationDuration: k.animationDuration })), U = i(() => ({
+			"m-progress-spinner--small": I.value === "small",
+			"m-progress-spinner--large": I.value === "large"
+		}));
+		return (e, t) => F.value ? (p(), o("div", l({
+			key: 0,
+			ref_key: "rootRef",
+			ref: R
+		}, {
+			..._(j),
+			..._(z)
+		}, {
+			class: ["m-progress-spinner-wrap", { "m-progress-spinner-wrap--active": L.value }],
+			"aria-busy": L.value || void 0
+		}), [s("div", {
+			class: "m-progress-spinner-wrap__content",
+			inert: L.value || void 0
+		}, [h(e.$slots, "default")], 8, S), L.value ? (p(), o("div", C, [(p(), o("svg", {
+			class: u(["m-progress-spinner", U.value]),
+			viewBox: "0 0 50 50",
+			role: "status",
+			"aria-label": P.value,
+			style: d(H.value)
+		}, [s("circle", {
+			class: "m-progress-spinner__circle",
+			cx: "25",
+			cy: "25",
+			r: "20",
+			fill: "none",
+			"stroke-width": c.strokeWidth
+		}, null, 8, T)], 14, w)), c.description ? (p(), o("p", E, g(c.description), 1)) : a("", !0)])) : a("", !0)], 16, x)) : (p(), o("svg", l({
+			key: 1,
+			ref_key: "rootRef",
+			ref: R
+		}, {
+			..._(j),
+			..._(z)
+		}, {
+			class: ["m-progress-spinner", U.value],
+			viewBox: "0 0 50 50",
+			role: "status",
+			"aria-label": P.value,
+			style: H.value
+		}), [s("circle", {
+			class: "m-progress-spinner__circle",
+			cx: "25",
+			cy: "25",
+			r: "20",
+			fill: "none",
+			"stroke-width": c.strokeWidth
+		}, null, 8, O)], 16, D));
+	}
+});
+//#endregion
+export { k as t };

package/dist/{Radio-DsaKvbhk.js → Radio-rF6zdR5Y.js}

@@ -1,6 +1,6 @@
-import { t as e } from "./useComponentAttrs-BTYEe61P.js";
+import { r as e } from "./useComponentAttrs-e-5QAjdw.js";
 import { t } from "./useMId-BXFYayPP.js";
-import { o as n } from "./config-BdK5ccNT.js";
+import { o as n } from "./config-CapALqt3.js";
 import { computed as r, createCommentVNode as i, createElementBlock as a, createElementVNode as o, createTextVNode as s, defineComponent as c, inject as l, mergeProps as u, openBlock as d, renderSlot as f, toDisplayString as p, unref as m, useAttrs as h } from "vue";
 //#region src/components/Radio/types.ts
 var g = Symbol("muRadioGroup"), _ = ["for"], v = [

package/dist/{ScrollBody-D2IHKP6U.js → ScrollBody-5hUnHj_M.js}

@@ -1,4 +1,4 @@
-import { t as e } from "./Scrollbar-BYnCO8fv.js";
+import { t as e } from "./Scrollbar-DTeJ8P5b.js";
 import { createBlock as t, defineComponent as n, normalizeClass as r, openBlock as i, ref as a, renderSlot as o, withCtx as s } from "vue";
 //#endregion
 //#region src/shared/ScrollBody.vue

package/dist/{Scrollbar-BYnCO8fv.js → Scrollbar-DTeJ8P5b.js}

@@ -1,4 +1,4 @@
-import { r as e } from "./useComponentAttrs-BTYEe61P.js";
+import { a as e } from "./useComponentAttrs-e-5QAjdw.js";
 import { t } from "./useMId-BXFYayPP.js";
 import { Fragment as n, Transition as r, computed as i, createBlock as a, createCommentVNode as o, createElementBlock as s, createElementVNode as c, createVNode as l, defineComponent as u, inject as ee, mergeProps as d, nextTick as f, normalizeClass as p, normalizeStyle as m, onActivated as h, onBeforeUnmount as te, onMounted as g, onUpdated as _, openBlock as v, provide as y, reactive as b, ref as x, renderSlot as S, resolveDynamicComponent as C, unref as w, useAttrs as ne, vShow as T, watch as E, withCtx as re, withDirectives as D } from "vue";
 //#region src/components/Scrollbar/constants.ts
@@ -337,7 +337,7 @@ var M = ["aria-orientation", "aria-controls"], N = /* @__PURE__ */ u({
 				Z(), we();
 			});
 		}), _(() => {
-			T.native || Q();
+			T.native || (T.noresize || typeof ResizeObserver > "u") && Q();
 		}), h(() => {
 			F.value && (F.value.scrollTop = W, F.value.scrollLeft = G);
 		}), te(() => {

package/dist/Tooltip-D5DO0B3z.js

@@ -0,0 +1,105 @@
+import { t as e } from "./useMotionTransition-Bxnnb_9u.js";
+import { n as t, t as n } from "./overlay-oR-5MDuE.js";
+import { n as r, t as i } from "./overlayPlacement-Cd20JTD_.js";
+import { t as a } from "./useFloatingViewportSync-DZdJ7W8n.js";
+import { t as o } from "./useMId-BXFYayPP.js";
+import { c as s } from "./config-CapALqt3.js";
+import { Teleport as c, Transition as l, computed as u, createBlock as d, createCommentVNode as f, createElementBlock as p, createVNode as m, defineComponent as h, nextTick as g, normalizeClass as _, normalizeStyle as v, onBeforeUnmount as y, openBlock as b, ref as x, renderSlot as S, toDisplayString as C, unref as w, withCtx as T } from "vue";
+//#region src/components/Tooltip/Tooltip.vue?vue&type=script&setup=true&lang.ts
+var E = ["aria-describedby"], D = ["id"], O = /* @__PURE__ */ h({
+	__name: "Tooltip",
+	props: {
+		content: {},
+		placement: { default: "top" },
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		showDelay: { default: 0 },
+		hideDelay: { default: 0 },
+		maxWidth: {},
+		teleport: {
+			type: Boolean,
+			default: !0
+		},
+		appendTo: {},
+		transition: {
+			type: [String, Boolean],
+			default: void 0
+		}
+	},
+	setup(h) {
+		let O = h, k = s(), { transitionName: A, transitionCss: j } = e({
+			role: "tooltip",
+			local: () => O.transition,
+			componentName: "Tooltip",
+			fallback: "fade"
+		}), M = x(null), N = o(), P = x(!1), F = x({}), I = u(() => t(O, k.value.appendTo)), L = u(() => n(O, k.value.appendTo)), R = null, z = null;
+		function B() {
+			R !== null && (clearTimeout(R), R = null), z !== null && (clearTimeout(z), z = null);
+		}
+		function V() {
+			!L.value || !M.value || (F.value = i(M.value.getBoundingClientRect(), O.placement, { maxWidth: r(O.maxWidth) }));
+		}
+		function H() {
+			P.value = !0, g(V);
+		}
+		function U() {
+			if (!O.disabled) {
+				if (B(), O.showDelay > 0) {
+					R = setTimeout(() => {
+						H(), R = null;
+					}, O.showDelay);
+					return;
+				}
+				H();
+			}
+		}
+		function W() {
+			if (B(), O.hideDelay > 0) {
+				z = setTimeout(() => {
+					P.value = !1, z = null;
+				}, O.hideDelay);
+				return;
+			}
+			P.value = !1;
+		}
+		function G() {
+			P.value && V();
+		}
+		a(() => P.value && L.value, G), y(() => {
+			B();
+		});
+		let K = u(() => {
+			let e = r(O.maxWidth);
+			return L.value ? F.value : e ? { maxWidth: e } : void 0;
+		});
+		return (e, t) => (b(), p("span", {
+			ref_key: "root",
+			ref: M,
+			class: "m-tooltip",
+			"aria-describedby": P.value ? w(N) : void 0,
+			onMouseenter: U,
+			onMouseleave: W,
+			onFocusin: U,
+			onFocusout: W
+		}, [S(e.$slots, "default"), (b(), d(c, {
+			to: I.value.to,
+			disabled: I.value.disabled
+		}, [m(l, {
+			name: w(A),
+			css: w(j)
+		}, {
+			default: T(() => [P.value ? (b(), p("span", {
+				key: 0,
+				id: w(N),
+				class: _(["m-tooltip__content", [`m-tooltip__content--${h.placement}`, { "m-tooltip__content--teleported": L.value }]]),
+				style: v(K.value),
+				role: "tooltip"
+			}, C(h.content), 15, D)) : f("", !0)]),
+			_: 1
+		}, 8, ["name", "css"])], 8, ["to", "disabled"]))], 40, E));
+	}
+});
+//#endregion
+export { O as t };

package/dist/VirtualScroller-CHoFCmpP.js

@@ -0,0 +1,75 @@
+import { a as e } from "./useComponentAttrs-e-5QAjdw.js";
+import { t } from "./ScrollBody-5hUnHj_M.js";
+import { Fragment as n, computed as r, createBlock as i, createElementBlock as a, createElementVNode as o, createTextVNode as s, defineComponent as c, mergeProps as l, normalizeStyle as u, openBlock as d, ref as f, renderList as p, renderSlot as m, toDisplayString as h, unref as g, useAttrs as _, withCtx as v } from "vue";
+//#region src/components/VirtualScroller/VirtualScroller.vue?vue&type=script&setup=true&lang.ts
+var y = ["data-index"], b = /* @__PURE__ */ c({
+	inheritAttrs: !1,
+	__name: "VirtualScroller",
+	props: {
+		pt: {},
+		items: {},
+		itemSize: {},
+		height: { default: 240 },
+		buffer: { default: 3 },
+		role: {},
+		ariaLabel: {}
+	},
+	setup(c, { expose: b }) {
+		let x = c, S = _(), { rootAttrs: C } = e(S, () => x.pt), w = f(null), T = f(0), E = r(() => {
+			if (typeof x.height == "number") return x.height;
+			let e = Number.parseFloat(x.height);
+			return Number.isFinite(e) ? e : 240;
+		}), D = r(() => x.items.length * x.itemSize), O = r(() => Math.max(0, Math.floor(T.value / x.itemSize) - x.buffer)), k = r(() => {
+			let e = Math.ceil(E.value / x.itemSize) + x.buffer * 2;
+			return Math.min(x.items.length, O.value + e);
+		}), A = r(() => x.items.slice(O.value, k.value).map((e, t) => ({
+			item: e,
+			index: O.value + t
+		}))), j = r(() => O.value * x.itemSize), M = r(() => ({ height: typeof x.height == "number" ? `${x.height}px` : x.height }));
+		function N(e) {
+			T.value = e.scrollTop;
+		}
+		function P(e) {
+			if (e < 0 || e >= x.items.length) return;
+			let t = x.itemSize, n = E.value, r = e * t, i = r + t, a = T.value, o = a;
+			if (r < a) o = r;
+			else if (i > a + n) o = i - n;
+			else return;
+			o = Math.max(0, Math.min(o, Math.max(0, D.value - n))), T.value = o, w.value?.setScrollTop(o);
+		}
+		return b({ scrollToIndex: P }), (e, r) => (d(), i(t, l({
+			ref_key: "scrollBody",
+			ref: w
+		}, g(C), {
+			"root-class": "m-virtualscroller m-virtualscroller__scrollbar",
+			"wrap-class": "m-virtualscroller__scroll",
+			"wrap-style": M.value,
+			role: c.role,
+			"aria-label": c.ariaLabel,
+			onScroll: N
+		}), {
+			default: v(() => [o("div", {
+				class: "m-virtualscroller__spacer",
+				style: u({ height: `${D.value}px` })
+			}, [o("div", {
+				class: "m-virtualscroller__content",
+				style: u({ transform: `translateY(${j.value}px)` })
+			}, [(d(!0), a(n, null, p(A.value, (t) => (d(), a("div", {
+				key: t.index,
+				class: "m-virtualscroller__item",
+				style: u({ height: `${c.itemSize}px` }),
+				"data-index": t.index
+			}, [m(e.$slots, "item", {
+				item: t.item,
+				index: t.index
+			}, () => [s(h(t.item), 1)])], 12, y))), 128))], 4)], 4)]),
+			_: 3
+		}, 16, [
+			"wrap-style",
+			"role",
+			"aria-label"
+		]));
+	}
+});
+//#endregion
+export { b as t };

package/dist/accordion/index.js

@@ -1,15 +1,15 @@
-import { r as e } from "../useComponentAttrs-BTYEe61P.js";
+import { a as e } from "../useComponentAttrs-e-5QAjdw.js";
 import { t } from "../useControllable-elmWaz23.js";
 import "./style.js";
-import { Fragment as n, computed as r, createCommentVNode as i, createElementBlock as a, createElementVNode as o, defineComponent as s, mergeProps as c, normalizeClass as l, openBlock as u, renderList as d, renderSlot as f, toDisplayString as p, unref as m, useAttrs as h, vShow as g, withDirectives as _, withModifiers as v } from "vue";
+import { Fragment as n, Transition as r, computed as i, createCommentVNode as a, createElementBlock as o, createElementVNode as s, createVNode as c, defineComponent as l, mergeProps as u, normalizeClass as d, openBlock as f, renderList as p, renderSlot as m, toDisplayString as h, unref as g, useAttrs as _, vShow as v, withCtx as y, withDirectives as b, withModifiers as x } from "vue";
 //#region src/components/Accordion/Accordion.vue?vue&type=script&setup=true&lang.ts
-var y = [
+var S = [
 	"id",
 	"aria-expanded",
 	"aria-controls",
 	"disabled",
 	"onClick"
-], b = { class: "m-accordion__header-text" }, x = ["id", "aria-labelledby"], S = /* @__PURE__ */ s({
+], C = { class: "m-accordion__header-text" }, w = ["id", "aria-labelledby"], T = { class: "m-accordion__content" }, E = /* @__PURE__ */ l({
 	inheritAttrs: !1,
 	__name: "Accordion",
 	props: {
@@ -23,59 +23,62 @@ var y = [
 		tabs: {}
 	},
 	emits: ["update:modelValue"],
-	setup(s, { emit: S }) {
-		let C = s, w = S, T = h(), { rootAttrs: E } = e(T, () => C.pt);
-		function D() {
-			return C.defaultValue === void 0 ? C.multiple ? [] : "" : C.defaultValue;
+	setup(l, { emit: E }) {
+		let D = l, O = E, k = _(), { rootAttrs: A } = e(k, () => D.pt);
+		function j() {
+			return D.defaultValue === void 0 ? D.multiple ? [] : "" : D.defaultValue;
 		}
-		let { value: O, setValue: k } = t({
-			controlled: () => C.modelValue,
-			defaultValue: D()
-		}, (e) => w("update:modelValue", e)), A = r(() => {
-			let e = O.value;
-			return C.multiple ? Array.isArray(e) ? e : e ? [e] : [] : Array.isArray(e) ? e[0] ? [e[0]] : [] : e ? [e] : [];
+		let { value: M, setValue: N } = t({
+			controlled: () => D.modelValue,
+			defaultValue: j()
+		}, (e) => O("update:modelValue", e)), P = i(() => {
+			let e = M.value;
+			return D.multiple ? Array.isArray(e) ? e : e ? [e] : [] : Array.isArray(e) ? e[0] ? [e[0]] : [] : e ? [e] : [];
 		});
-		function j(e) {
-			return A.value.includes(e);
+		function F(e) {
+			return P.value.includes(e);
 		}
-		function M(e) {
+		function I(e) {
 			return `m-accordion-panel-${e}`;
 		}
-		function N(e) {
+		function L(e) {
 			return `m-accordion-header-${e}`;
 		}
-		function P(e, t) {
+		function R(e, t) {
 			if (!t) {
-				if (C.multiple) {
-					let t = [...A.value], n = t.indexOf(e);
-					n >= 0 ? t.splice(n, 1) : t.push(e), k(t);
+				if (D.multiple) {
+					let t = [...P.value], n = t.indexOf(e);
+					n >= 0 ? t.splice(n, 1) : t.push(e), N(t);
 					return;
 				}
-				k(j(e) ? "" : e);
+				N(F(e) ? "" : e);
 			}
 		}
-		return (e, t) => (u(), a("div", c(m(E), { class: "m-accordion" }), [(u(!0), a(n, null, d(s.tabs, (n) => (u(), a("div", {
+		return (e, t) => (f(), o("div", u(g(A), { class: "m-accordion" }), [(f(!0), o(n, null, p(l.tabs, (n) => (f(), o("div", {
 			key: n.value,
 			class: "m-accordion__tab"
-		}, [o("button", {
-			id: N(n.value),
+		}, [s("button", {
+			id: L(n.value),
 			type: "button",
-			class: l(["m-accordion__header", { "m-accordion__header--active": j(n.value) }]),
-			"aria-expanded": j(n.value),
-			"aria-controls": M(n.value),
+			class: d(["m-accordion__header", { "m-accordion__header--active": F(n.value) }]),
+			"aria-expanded": F(n.value),
+			"aria-controls": I(n.value),
 			disabled: n.disabled,
-			onClick: (e) => P(n.value, n.disabled)
-		}, [o("span", b, p(n.header), 1), e.$slots.extra ? (u(), a("span", {
+			onClick: (e) => R(n.value, n.disabled)
+		}, [s("span", C, h(n.header), 1), e.$slots.extra ? (f(), o("span", {
 			key: 0,
 			class: "m-accordion__header-extra",
-			onClick: t[0] ||= v(() => {}, ["stop"])
-		}, [f(e.$slots, "extra", { tab: n })])) : i("", !0)], 10, y), _(o("div", {
-			id: M(n.value),
-			class: "m-accordion__content",
-			role: "region",
-			"aria-labelledby": N(n.value)
-		}, [f(e.$slots, n.value)], 8, x), [[g, j(n.value)]])]))), 128))], 16));
+			onClick: t[0] ||= x(() => {}, ["stop"])
+		}, [m(e.$slots, "extra", { tab: n })])) : a("", !0)], 10, S), c(r, { name: "m-accordion-collapse" }, {
+			default: y(() => [b(s("div", {
+				id: I(n.value),
+				class: "m-accordion__collapse",
+				role: "region",
+				"aria-labelledby": L(n.value)
+			}, [s("div", T, [m(e.$slots, n.value)])], 8, w), [[v, F(n.value)]])]),
+			_: 2
+		}, 1024)]))), 128))], 16));
 	}
 });
 //#endregion
-export { S as MAccordion };
+export { E as MAccordion };