morya-ui 0.4.0 → 0.4.2

package/CHANGELOG.md

@@ -1,10 +1,78 @@
 # morya-ui
 
-## 0.4.0
+## 0.4.2
+
+### 新功能
+
+- add MTable component and support column align props and scroll height settings
+
+### 修复
+
+- align loading, defaults, and outlined active styles
+- MMessage component icon align center
+
+### 文档
+
+- clarify ButtonGroup as visual-only grouping
+- tighten public docs and reorder demos
+- sync demos and MCP after dual-axis API
+
+### 变更
+
+- remove built-in badge API
+- tokenize styles against theme tokens
+- update button props and remove severity prop
+
+## Unreleased
 
 ### 破坏性变更
 
-- align with the antd API and add advanced options
+- **Button**：改为 `type` / `color` × `variant` 双轴 API
+  - 新增 `type` 语法糖（`default` / `primary` / `dashed` / `link` / `text`）与 `color` × `variant`
+  - 删除 `severity`；危险色改用 `danger` / `color="danger"`
+  - `fluid` → `block`；`nativeType` → `htmlType`；`iconPos` → `iconPlacement`
+  - 删除内置 `badge` / `badgeColor`；角标请用 `MBadge` 包裹按钮
+  - 支持 `href` / `ghost` / `loading` 对象形态与 `pt`
+
+### 修复
+
+- **Button**：loading 时不再误加原生 `disabled`（避免灰掉主色）
+- **Button**：`shape` / `ripple` / `press` 正确继承 `componentDefaults`，本地可覆盖
+- **Button**：`:active` 同步边框与文字色；默认 outlined / dashed 按下保持表面色背景
+
+### 文档
+
+- 补齐 Button 文档 demo：ColorVariant / Icon / Size / Ghost / Danger / Block / RipplePress
+- 同步 MCP catalog、setup / design-kit 约定，以及 `morya-ui-pages` skill 中的 Button API
+
+## 0.4.1
+
+### 破坏性变更
+
+- rewrite public component API
+
+### 新功能
+
+- ability to add transparent root node attributes to multiple components
+
+### 修复
+
+- components name change
+- ensure single root vnode for Transition classes and update design tokens
+
+### 文档
+
+- add components pt attr
+- refresh demos for effects, multi-view, and vertical
+
+### 变更
+
+- update component library
+- unify focus and hover states across components
+- sync MCP catalog and design tokens for Carousel
+- standardize import statements across components and update styles
+
+## 0.4.0
 
 ### 新功能
 

package/dist/Button-BaYLh91a.js

@@ -0,0 +1,326 @@
+import { a as e } from "./useComponentAttrs-e-5QAjdw.js";
+import { r as t } from "./types-DGuu4Eg4.js";
+import { t as n } from "./Icon-od9Ob-Ay.js";
+import { c as r, l as i, o as a, u as o } from "./config-CB_TiIvg.js";
+import { Comment as s, Fragment as c, Text as l, computed as u, createBlock as d, createCommentVNode as f, createElementBlock as p, createTextVNode as ee, defineComponent as m, mergeProps as h, nextTick as te, onBeforeUnmount as ne, onMounted as re, openBlock as g, ref as _, renderSlot as v, resolveDynamicComponent as y, toDisplayString as ie, unref as b, useAttrs as ae, useSlots as oe, watch as x, withCtx as se } from "vue";
+//#region src/components/Button/buttonHelpers.ts
+var S = /^[\u4E00-\u9FA5]{2}$/, C = S.test.bind(S);
+function w(e) {
+	return e === "text" || e === "link";
+}
+var T = {
+	default: ["default", "outlined"],
+	primary: ["primary", "solid"],
+	dashed: ["default", "dashed"],
+	link: ["link", "link"],
+	text: ["default", "text"]
+};
+function E(e) {
+	let { color: t, variant: n, type: r, danger: i = !1, contextColor: a, contextVariant: o } = e;
+	if (t && n) return [t, n];
+	let s = r || "default";
+	if (r || i) {
+		let e = T[s] ?? T.default;
+		return i ? ["danger", e[1]] : e;
+	}
+	return n === "solid" ? ["primary", n] : a && o ? [a, o] : o === "solid" ? ["primary", o] : t ? [t, n ?? "outlined"] : n ? ["default", n] : ["default", "outlined"];
+}
+function D(e) {
+	let [t, n] = E(e), r = !!e.ghost && !w(n);
+	return r && n === "solid" ? {
+		color: t,
+		variant: "outlined",
+		ghost: !0
+	} : {
+		color: t,
+		variant: n,
+		ghost: r
+	};
+}
+function O(e) {
+	if (e && typeof e == "object") {
+		let t = typeof e.delay == "number" && e.delay > 0 ? e.delay : 0;
+		return {
+			loading: t <= 0,
+			delay: t,
+			icon: e.icon
+		};
+	}
+	return {
+		loading: !!e,
+		delay: 0
+	};
+}
+function k(e, t) {
+	let n = e.trim();
+	return !t || !C(n) ? e : `${n[0]} ${n[1]}`;
+}
+//#endregion
+//#region src/components/Button/Button.vue?vue&type=script&setup=true&lang.ts
+var ce = {
+	key: 2,
+	class: "m-button__spinner"
+}, le = 560, ue = /* @__PURE__ */ m({
+	inheritAttrs: !1,
+	__name: "Button",
+	props: {
+		type: { default: void 0 },
+		color: { default: void 0 },
+		variant: { default: void 0 },
+		danger: {
+			type: Boolean,
+			default: !1
+		},
+		ghost: {
+			type: Boolean,
+			default: !1
+		},
+		shape: { default: void 0 },
+		size: {},
+		block: {
+			type: Boolean,
+			default: !1
+		},
+		loading: {
+			type: [Boolean, Object],
+			default: !1
+		},
+		disabled: {
+			type: Boolean,
+			default: void 0
+		},
+		htmlType: { default: "button" },
+		href: {},
+		target: {},
+		label: {},
+		icon: {},
+		iconPlacement: { default: "start" },
+		iconOnly: {
+			type: Boolean,
+			default: !1
+		},
+		autoInsertSpace: {
+			type: Boolean,
+			default: void 0
+		},
+		autofocus: {
+			type: Boolean,
+			default: !1
+		},
+		ariaLabel: {},
+		ripple: {
+			type: Boolean,
+			default: void 0
+		},
+		press: {
+			type: Boolean,
+			default: void 0
+		},
+		pt: {}
+	},
+	emits: ["click"],
+	setup(m, { expose: S, emit: T }) {
+		let E = m, ue = T, A = oe(), de = ae(), { rootAttrs: fe } = e(de, () => E.pt), j = _(null), M = _(null), N = /* @__PURE__ */ new Set(), P = _(!1), F = _(!1), I, L = i(), R = r(() => E.disabled), z = a("Button", () => E.size), B = u(() => t(z.value)), pe = u(() => o(L.value.componentDefaults, "Button", "color")), me = u(() => o(L.value.componentDefaults, "Button", "variant")), he = u(() => o(L.value.componentDefaults, "Button", "shape") ?? "default"), ge = u(() => o(L.value.componentDefaults, "Button", "autoInsertSpace")), _e = u(() => o(L.value.componentDefaults, "Button", "ripple")), ve = u(() => o(L.value.componentDefaults, "Button", "press")), ye = u(() => E.shape ?? he.value ?? "default"), V = u(() => E.autoInsertSpace ?? ge.value ?? !0), H = u(() => E.ripple ?? _e.value ?? !1), be = u(() => E.press ?? ve.value ?? !1), U = u(() => D({
+			color: E.color,
+			variant: E.variant,
+			type: E.type,
+			danger: E.danger,
+			ghost: E.ghost,
+			contextColor: pe.value,
+			contextVariant: me.value
+		})), W = u(() => O(E.loading));
+		x(W, (e) => {
+			if (I !== void 0 && (clearTimeout(I), I = void 0), e.delay > 0 && (E.loading === !0 || E.loading && typeof E.loading == "object")) {
+				F.value = !1, I = setTimeout(() => {
+					F.value = !0, I = void 0;
+				}, e.delay);
+				return;
+			}
+			F.value = e.loading;
+		}, { immediate: !0 });
+		let G = u(() => !!A.default?.().some((e) => Q(e))), K = u(() => G.value || !!E.label?.trim()), q = u(() => E.iconOnly || !K.value && !!(E.icon || A.icon || F.value)), J = u(() => typeof E.icon == "string" ? E.icon : void 0), Y = u(() => typeof E.icon == "string" || !E.icon ? void 0 : E.icon), X = u(() => {
+			let e = W.value.icon;
+			return typeof e == "string" ? e : void 0;
+		}), xe = u(() => {
+			let e = W.value.icon;
+			return typeof e == "string" || !e ? void 0 : e;
+		}), Se = u(() => E.label ? k(E.label, V.value && !F.value) : ""), Z = u(() => E.href !== void 0), Ce = u(() => [
+			"m-button",
+			`m-button--color-${U.value.color === "danger" ? "danger" : U.value.color}`,
+			`m-button--variant-${U.value.variant}`,
+			`m-button--${z.value}`,
+			`m-button--shape-${ye.value}`,
+			{
+				"m-button--ghost": U.value.ghost,
+				"m-button--block": E.block,
+				"m-button--loading": F.value,
+				"m-button--icon-only": q.value,
+				"m-button--icon-end": E.iconPlacement === "end",
+				"m-button--two-chinese-chars": P.value && V.value && !F.value,
+				"m-button--ripple": H.value,
+				"m-button--press": be.value,
+				"m-button--disabled": R.value && Z.value
+			}
+		]), we = u(() => E.icon || A.icon || q.value || w(U.value.variant) ? !1 : E.label && !G.value ? !0 : (A.default?.() ?? []).filter((e) => Q(e)).length === 1);
+		function Q(e) {
+			if (e == null || typeof e == "boolean") return !1;
+			if (typeof e == "string" || typeof e == "number") return String(e).trim().length > 0;
+			if (Array.isArray(e)) return e.some((e) => Q(e));
+			if (typeof e == "object" && "type" in e) {
+				let t = e;
+				return t.type === s ? !1 : t.type === l ? String(t.children ?? "").trim().length > 0 : t.type !== c || Q(t.children);
+			}
+			return !1;
+		}
+		function Te() {
+			if (!j.value || !V.value || !we.value) {
+				P.value = !1;
+				return;
+			}
+			let e = (j.value.textContent || "").replace(/\s/g, "");
+			P.value = C(e);
+		}
+		x(() => [
+			E.label,
+			G.value,
+			V.value,
+			we.value,
+			F.value
+		], async () => {
+			await te(), Te();
+		}), re(() => {
+			Te(), E.autofocus && j.value?.focus();
+		});
+		function Ee() {
+			return !H.value || typeof document > "u" || w(U.value.variant) ? !0 : document.documentElement.dataset.mMotion === "none";
+		}
+		function De() {
+			let e = j.value;
+			if (e && typeof getComputedStyle == "function") {
+				let t = getComputedStyle(e).getPropertyValue("--m-button-ripple-duration").trim(), n = Number.parseFloat(t);
+				if (Number.isFinite(n)) return n;
+			}
+			return le;
+		}
+		function $(e, t, n = !1) {
+			if (Ee()) return;
+			let r = j.value, i = M.value;
+			if (!r || !i) return;
+			let a = r.getBoundingClientRect(), o = Math.ceil(Math.hypot(a.width, a.height) * 2), s = n ? a.width / 2 : e - a.left, c = n ? a.height / 2 : t - a.top, l = document.createElement("span");
+			l.className = "m-button__ripple-wave", l.style.width = `${o}px`, l.style.height = `${o}px`, l.style.left = `${s - o / 2}px`, l.style.top = `${c - o / 2}px`, i.appendChild(l);
+			let u = De(), d = () => {
+				l.remove();
+			};
+			if (typeof l.animate == "function") {
+				let e = l.animate([
+					{
+						transform: "scale(0)",
+						opacity: .42
+					},
+					{
+						transform: "scale(0.55)",
+						opacity: .22,
+						offset: .55
+					},
+					{
+						transform: "scale(1)",
+						opacity: 0
+					}
+				], {
+					duration: u,
+					easing: "cubic-bezier(0.2, 0, 0, 1)",
+					fill: "forwards"
+				});
+				N.add(e), e.finished.then(() => {
+					N.delete(e), d();
+				}).catch(d);
+				return;
+			}
+			l.classList.add("m-button__ripple-wave--fallback"), window.setTimeout(d, u);
+		}
+		function Oe(e) {
+			R.value || F.value || e.button === 0 && $(e.clientX, e.clientY);
+		}
+		function ke(e) {
+			if (R.value || F.value) {
+				e.preventDefault();
+				return;
+			}
+			e.detail === 0 && $(0, 0, !0), ue("click", e);
+		}
+		function Ae() {
+			j.value?.focus();
+		}
+		return ne(() => {
+			I !== void 0 && clearTimeout(I);
+			for (let e of N) e.cancel();
+			N.clear();
+		}), S({
+			focus: Ae,
+			ref: j
+		}), (e, t) => (g(), d(y(Z.value ? "a" : "button"), h({
+			ref_key: "buttonElement",
+			ref: j
+		}, b(fe), {
+			class: Ce.value,
+			type: Z.value ? void 0 : m.htmlType,
+			href: Z.value ? b(R) ? void 0 : m.href : void 0,
+			target: Z.value ? m.target : void 0,
+			disabled: Z.value ? void 0 : b(R),
+			tabindex: Z.value && b(R) ? -1 : void 0,
+			"aria-disabled": Z.value && b(R) ? !0 : void 0,
+			"aria-busy": F.value || void 0,
+			"aria-label": m.ariaLabel || (q.value ? m.label : void 0),
+			autofocus: !Z.value && m.autofocus ? !0 : void 0,
+			onPointerdown: Oe,
+			onClick: ke
+		}), {
+			default: se(() => [
+				H.value ? (g(), p("span", {
+					key: 0,
+					ref_key: "rippleLayer",
+					ref: M,
+					class: "m-button__ripple",
+					"aria-hidden": "true"
+				}, null, 512)) : f("", !0),
+				F.value || m.icon || e.$slots.icon || e.$slots.loadingicon ? (g(), p("span", h({
+					key: 1,
+					class: ["m-button__icon", { "m-button__icon--loading": F.value }],
+					"aria-hidden": "true"
+				}, m.pt?.icon), [F.value ? v(e.$slots, "loadingicon", {}, () => [X.value ? (g(), d(n, {
+					key: 0,
+					name: X.value,
+					size: B.value
+				}, null, 8, ["name", "size"])) : xe.value ? (g(), d(y(xe.value), {
+					key: 1,
+					class: "m-button__icon-graphic"
+				})) : (g(), p("span", ce))], void 0, 0) : v(e.$slots, "icon", {}, () => [J.value ? (g(), d(n, {
+					key: 0,
+					name: J.value,
+					size: B.value
+				}, null, 8, ["name", "size"])) : Y.value ? (g(), d(y(Y.value), {
+					key: 1,
+					class: "m-button__icon-graphic"
+				})) : f("", !0)], void 0, 1)], 16)) : f("", !0),
+				K.value && !m.iconOnly ? (g(), p("span", h({
+					key: 2,
+					class: "m-button__label"
+				}, m.pt?.content), [v(e.$slots, "default", {}, () => [ee(ie(Se.value), 1)])], 16)) : f("", !0)
+			]),
+			_: 3
+		}, 16, [
+			"class",
+			"type",
+			"href",
+			"target",
+			"disabled",
+			"tabindex",
+			"aria-disabled",
+			"aria-busy",
+			"aria-label",
+			"autofocus"
+		]));
+	}
+});
+//#endregion
+export { C as a, E as c, O as i, T as n, w as o, k as r, D as s, ue as t };

package/dist/{Checkbox-BKt8hdhV.js → Checkbox-LxCFF19I.js}

@@ -1,6 +1,6 @@
 import { r as e } from "./useComponentAttrs-e-5QAjdw.js";
 import { t } from "./useMId-BXFYayPP.js";
-import { o as n } from "./config-COgrsSV2.js";
+import { o as n } from "./config-CB_TiIvg.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/Checkbox/types.ts
 var g = Symbol("muCheckboxGroup"), _ = ["for"], v = [

package/dist/{DatePicker-CSoMFEvh.js → DatePicker-DGPNukEW.js}

@@ -3,11 +3,11 @@ import { n as t, t as n } from "./overlay-oR-5MDuE.js";
 import { t as r } from "./overlayPlacement-qwEJPVS4.js";
 import { t as i } from "./useFloatingViewportSync-wLLKIGUA.js";
 import { t as a } from "./useMId-BXFYayPP.js";
-import { t as o } from "./useMotionTransition-S2rlviyZ.js";
+import { t as o } from "./useMotionTransition-D8JOR3ih.js";
 import { t as s } from "./Icon-od9Ob-Ay.js";
 import { a as c, c as l, i as u, l as d, n as ee, o as f, r as p, s as m, t as h } from "./dateUtils-D8qKPhos.js";
-import { c as te, o as ne } from "./config-COgrsSV2.js";
-import { n as re, t as ie } from "./locale-Dnk0UIie.js";
+import { l as te, o as ne } from "./config-CB_TiIvg.js";
+import { n as re, t as ie } from "./locale-CR2PIaxt.js";
 import { Fragment as g, Teleport as ae, Transition as oe, computed as _, createBlock as se, createCommentVNode as v, createElementBlock as y, createElementVNode as b, createVNode as x, defineComponent as S, mergeProps as ce, nextTick as C, normalizeClass as w, normalizeStyle as le, onBeforeUnmount as ue, openBlock as T, ref as E, renderList as D, renderSlot as de, toDisplayString as O, unref as k, useAttrs as fe, watch as pe, withCtx as me, withKeys as he, withModifiers as A } from "vue";
 //#region src/components/DatePicker/DatePicker.vue?vue&type=script&setup=true&lang.ts
 var ge = ["for"], _e = [

package/dist/{Empty-iNcc0G-q.js → Empty-2_f_FgyK.js}

@@ -1,7 +1,7 @@
 import { a as e } from "./useComponentAttrs-e-5QAjdw.js";
 import { t } from "./useMId-BXFYayPP.js";
 import { t as n } from "./Icon-od9Ob-Ay.js";
-import { n as r } from "./locale-Dnk0UIie.js";
+import { n as r } from "./locale-CR2PIaxt.js";
 import { computed as i, createBlock as a, createCommentVNode as o, createElementBlock as s, createTextVNode as c, defineComponent as l, mergeProps as u, openBlock as d, ref as f, renderSlot as p, toDisplayString as m, unref as h, useAttrs as g, useSlots as _, watch as v } from "vue";
 //#region src/components/Empty/illustrations/loaders.ts
 var y = {

package/dist/{FlyoutSubmenu-C1RfFRzH.js → FlyoutSubmenu-Da6AcoM4.js}

@@ -1,7 +1,7 @@
 import { n as e } from "./overlay-oR-5MDuE.js";
 import { t } from "./overlayPlacement-qwEJPVS4.js";
 import { t as n } from "./useFloatingViewportSync-wLLKIGUA.js";
-import { c as r } from "./config-COgrsSV2.js";
+import { l as r } from "./config-CB_TiIvg.js";
 import { Teleport as i, computed as a, createBlock as o, createCommentVNode as s, createElementBlock as c, defineComponent as l, nextTick as u, normalizeClass as d, normalizeStyle as f, openBlock as p, ref as m, renderSlot as h, watch as g } from "vue";
 //#endregion
 //#region src/shared/FlyoutSubmenu.vue

package/dist/{Input-DQHYqvNk.js → Input-NspPDc2R.js}

@@ -2,8 +2,8 @@ import { i as e } from "./useComponentAttrs-e-5QAjdw.js";
 import { t } from "./useMId-BXFYayPP.js";
 import { t as n } from "./Icon-od9Ob-Ay.js";
 import { n as r } from "./context-CIx8fy-I.js";
-import { i, o as ee, s as a } from "./config-COgrsSV2.js";
-import { n as o } from "./locale-Dnk0UIie.js";
+import { i, o as ee, s as a } from "./config-CB_TiIvg.js";
+import { n as o } from "./locale-CR2PIaxt.js";
 import { computed as s, createCommentVNode as c, createElementBlock as l, createElementVNode as u, createVNode as d, defineComponent as f, inject as p, mergeProps as m, normalizeClass as h, openBlock as g, ref as _, renderSlot as v, toDisplayString as y, unref as b, useAttrs as x, useSlots as S } from "vue";
 //#region src/components/Input/Input.vue?vue&type=script&setup=true&lang.ts
 var te = ["for"], ne = {

package/dist/{Loading-BPpR-jGa.js → Loading-BK4dQPCS.js}

@@ -1,12 +1,12 @@
 import { a as e } from "./useComponentAttrs-e-5QAjdw.js";
 import { n as t } from "./overlay-oR-5MDuE.js";
-import { n, t as r } from "./useMotionTransition-S2rlviyZ.js";
+import { n, t as r } from "./useMotionTransition-D8JOR3ih.js";
 import { i } from "./types-DGuu4Eg4.js";
 import { t as a } from "./usePauseOffscreen-BIikV_gj.js";
 import { i as o } from "./content-h8POj44-.js";
 import { t as s } from "./overlayHost-78CGtMgR.js";
-import { c, i as l, l as u, t as d } from "./config-COgrsSV2.js";
-import { n as f } from "./locale-Dnk0UIie.js";
+import { i as c, l, t as u, u as d } from "./config-CB_TiIvg.js";
+import { n as f } from "./locale-CR2PIaxt.js";
 import { Fragment as p, Teleport as m, Transition as h, computed as g, createBlock as _, createCommentVNode as v, createElementBlock as y, createElementVNode as b, createStaticVNode as x, createVNode as S, defineComponent as C, h as w, mergeProps as T, normalizeClass as ee, normalizeStyle as E, onBeforeUnmount as te, openBlock as D, reactive as O, ref as k, render as A, renderList as j, renderSlot as M, toDisplayString as N, toValue as P, unref as F, useAttrs as ne, useSlots as re, watch as I, withCtx as L } from "vue";
 //#region src/components/Loading/types.ts
 var R = [
@@ -59,7 +59,7 @@ var H = ["aria-label"], U = {
 		size: {}
 	},
 	setup(e) {
-		let t = e, n = f(), r = k(null), { pauseAttrs: o } = a(r, !0), s = l("Loading"), c = g(() => V(t.effect ?? s.value.effect)), u = g(() => t.size ?? s.value.size), d = g(() => {
+		let t = e, n = f(), r = k(null), { pauseAttrs: o } = a(r, !0), s = c("Loading"), l = g(() => V(t.effect ?? s.value.effect)), u = g(() => t.size ?? s.value.size), d = g(() => {
 			let e = i(u.value);
 			return {
 				"m-loading-indicator--small": e === "small",
@@ -74,16 +74,16 @@ var H = ["aria-label"], U = {
 			role: "status",
 			"aria-live": "polite",
 			"aria-label": m.value
-		}), [b("div", U, [c.value === "aurora" ? (D(), y("div", W, [...n[0] ||= [b("div", { class: "m-loading-aurora__ring" }, null, -1), b("div", { class: "m-loading-aurora__glow" }, null, -1)]])) : c.value === "bounce" ? (D(), y("div", ie, [...n[1] ||= [
+		}), [b("div", U, [l.value === "aurora" ? (D(), y("div", W, [...n[0] ||= [b("div", { class: "m-loading-aurora__ring" }, null, -1), b("div", { class: "m-loading-aurora__glow" }, null, -1)]])) : l.value === "bounce" ? (D(), y("div", ie, [...n[1] ||= [
 			b("span", { class: "m-loading-bounce__ball" }, null, -1),
 			b("span", { class: "m-loading-bounce__ball" }, null, -1),
 			b("span", { class: "m-loading-bounce__ball" }, null, -1)
-		]])) : c.value === "wave" ? (D(), y("div", ae, [...n[2] ||= [x("<span class=\"m-loading-wave__bar\"></span><span class=\"m-loading-wave__bar\"></span><span class=\"m-loading-wave__bar\"></span><span class=\"m-loading-wave__bar\"></span><span class=\"m-loading-wave__bar\"></span>", 5)]])) : c.value === "pulse" ? (D(), y("div", oe, [...n[3] ||= [
+		]])) : l.value === "wave" ? (D(), y("div", ae, [...n[2] ||= [x("<span class=\"m-loading-wave__bar\"></span><span class=\"m-loading-wave__bar\"></span><span class=\"m-loading-wave__bar\"></span><span class=\"m-loading-wave__bar\"></span><span class=\"m-loading-wave__bar\"></span>", 5)]])) : l.value === "pulse" ? (D(), y("div", oe, [...n[3] ||= [
 			b("span", { class: "m-loading-pulse__ring" }, null, -1),
 			b("span", { class: "m-loading-pulse__ring" }, null, -1),
 			b("span", { class: "m-loading-pulse__ring" }, null, -1),
 			b("span", { class: "m-loading-pulse__ring" }, null, -1)
-		]])) : c.value === "stardust" ? (D(), y("div", se, [(D(), y(p, null, j(8, (e) => b("span", {
+		]])) : l.value === "stardust" ? (D(), y("div", se, [(D(), y(p, null, j(8, (e) => b("span", {
 			key: e,
 			class: "m-loading-stardust__dot",
 			style: E({ "--i": String(e - 1) })
@@ -104,14 +104,14 @@ var H = ["aria-label"], U = {
 function ue(e) {
 	let t = e ?? s();
 	if (!t) return;
-	let n = t.provides?.[d];
+	let n = t.provides?.[u];
 	return n == null ? t.config.globalProperties.$m : P(n);
 }
 function de(e) {
 	let t = ue(e);
 	return n({
 		rolePreset: t?.motion?.transitions?.overlay,
-		componentDefault: u(t?.componentDefaults, "Loading", "transition"),
+		componentDefault: d(t?.componentDefaults, "Loading", "transition"),
 		fallback: "loading"
 	});
 }
@@ -312,7 +312,7 @@ var he = { service: me }, ge = ["aria-busy"], _e = ["inert"], ve = /* @__PURE__
 		}
 	},
 	setup(n) {
-		let i = n, a = ne(), o = re(), { rootAttrs: s } = e(a, () => i.pt), u = l("Loading"), d = c(), { transitionName: f, transitionCss: x } = r({
+		let i = n, a = ne(), o = re(), { rootAttrs: s } = e(a, () => i.pt), u = c("Loading"), d = l(), { transitionName: f, transitionCss: x } = r({
 			role: "overlay",
 			local: () => i.transition,
 			componentName: "Loading",

package/dist/{Pagination-BkPBWEQq.js → Pagination-tdrlaZ3u.js}

@@ -1,7 +1,7 @@
 import { a as e } from "./useComponentAttrs-e-5QAjdw.js";
 import { t } from "./Icon-od9Ob-Ay.js";
-import { t as n } from "./Select-DzfyO0FE.js";
-import { n as r, t as i } from "./locale-Dnk0UIie.js";
+import { t as n } from "./Select-CN1tM76U.js";
+import { n as r, t as i } from "./locale-CR2PIaxt.js";
 import { Fragment as a, computed as o, createCommentVNode as s, createElementBlock as c, createElementVNode as l, createVNode as u, defineComponent as d, mergeProps as f, normalizeClass as p, openBlock as m, renderList as h, toDisplayString as g, unref as _, useAttrs as v } from "vue";
 //#region src/components/Pagination/Pagination.vue?vue&type=script&setup=true&lang.ts
 var y = ["aria-label"], b = ["disabled", "aria-label"], x = {

package/dist/{Popover-B_2c9NWs.js → Popover-BumMfUpV.js}

@@ -2,8 +2,8 @@ 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 i } from "./useMId-BXFYayPP.js";
-import { t as a } from "./useMotionTransition-S2rlviyZ.js";
-import { c as o } from "./config-COgrsSV2.js";
+import { t as a } from "./useMotionTransition-D8JOR3ih.js";
+import { l as o } from "./config-CB_TiIvg.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({

package/dist/{ProgressSpinner-B_OJG_0l.js → ProgressSpinner-BQ1tLioO.js}

@@ -1,7 +1,7 @@
 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-Dnk0UIie.js";
+import { n as r } from "./locale-CR2PIaxt.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 = {

package/dist/{Radio-Bxd806ys.js → Radio-BCn2OVCF.js}

@@ -1,6 +1,6 @@
 import { r as e } from "./useComponentAttrs-e-5QAjdw.js";
 import { t } from "./useMId-BXFYayPP.js";
-import { o as n } from "./config-COgrsSV2.js";
+import { o as n } from "./config-CB_TiIvg.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/{Segmented-BRMSmXCl.js → Segmented-ppmDmku5.js}

@@ -2,7 +2,7 @@ import { a as e } from "./useComponentAttrs-e-5QAjdw.js";
 import { t } from "./useMId-BXFYayPP.js";
 import { t as n } from "./Icon-od9Ob-Ay.js";
 import { t as r } from "./useMenuKeyboard-BedmYE4W.js";
-import { o as i } from "./config-COgrsSV2.js";
+import { o as i } from "./config-CB_TiIvg.js";
 import { Fragment as a, computed as o, createBlock as s, createCommentVNode as c, createElementBlock as l, createElementVNode as u, defineComponent as d, mergeProps as f, normalizeClass as p, openBlock as m, ref as h, renderList as g, toDisplayString as _, unref as v, useAttrs as y, watch as b } from "vue";
 //#region src/components/Segmented/Segmented.vue?vue&type=script&setup=true&lang.ts
 var x = ["aria-label"], S = [

package/dist/{Select-DzfyO0FE.js → Select-CN1tM76U.js}

@@ -3,14 +3,14 @@ import { n as t, t as n } from "./overlay-oR-5MDuE.js";
 import { t as r } from "./overlayPlacement-qwEJPVS4.js";
 import { t as i } from "./useFloatingViewportSync-wLLKIGUA.js";
 import { t as a } from "./useMId-BXFYayPP.js";
-import { t as o } from "./useMotionTransition-S2rlviyZ.js";
+import { t as o } from "./useMotionTransition-D8JOR3ih.js";
 import { t as s } from "./Icon-od9Ob-Ay.js";
 import { t as c } from "./Scrollbar-DTeJ8P5b.js";
 import { t as l } from "./VirtualScroller-CHoFCmpP.js";
 import { t as u } from "./Renderable-DHU4Jcfw.js";
 import { n as ee } from "./context-CIx8fy-I.js";
-import { c as te, i as ne, o as re, s as ie } from "./config-COgrsSV2.js";
-import { n as ae, t as oe } from "./locale-Dnk0UIie.js";
+import { i as te, l as ne, o as re, s as ie } from "./config-CB_TiIvg.js";
+import { n as ae, t as oe } from "./locale-CR2PIaxt.js";
 import { Fragment as d, Teleport as se, Transition as ce, computed as f, createBlock as p, createCommentVNode as m, createElementBlock as h, createElementVNode as g, createTextVNode as le, createVNode as _, defineComponent as ue, inject as de, mergeProps as fe, nextTick as pe, normalizeClass as v, normalizeStyle as me, onBeforeUnmount as he, openBlock as y, ref as b, renderList as ge, renderSlot as x, toDisplayString as S, unref as C, useAttrs as _e, useSlots as ve, vModelText as ye, watch as be, withCtx as w, withDirectives as xe, withModifiers as Se } from "vue";
 //#region src/components/Select/selectOptions.ts
 function T(e) {
@@ -310,11 +310,13 @@ var Me = ["for"], Ne = [
 			} },
 			setup(e, t) {
 				return () => {
-					let n = t.slots.default?.();
-					return e.render ? e.render(n) : n;
+					let n = t.slots.default?.() ?? [], r = n.length === 1 ? n[0] : n;
+					if (!e.render) return r;
+					let i = e.render(r);
+					return Array.isArray(i) && i.length === 1 ? i[0] : i;
 				};
 			}
-		}), it = ve(), at = _e(), { rootAttrs: ot, controlAttrs: st } = e(at, () => E.pt, { controlKey: "control" }), O = ne("Select"), ct = de(ee, null), lt = te(), { transitionName: ut, transitionCss: dt } = o({
+		}), it = ve(), at = _e(), { rootAttrs: ot, controlAttrs: st } = e(at, () => E.pt, { controlKey: "control" }), O = te("Select"), ct = de(ee, null), lt = ne(), { transitionName: ut, transitionCss: dt } = o({
 			role: "popup",
 			local: () => E.transition,
 			componentName: "Select",

package/dist/{Textarea-BBvpgIQL.js → Textarea-Ch1KCXEv.js}

@@ -2,8 +2,8 @@ import { i as e } from "./useComponentAttrs-e-5QAjdw.js";
 import { t } from "./useMId-BXFYayPP.js";
 import { t as n } from "./Icon-od9Ob-Ay.js";
 import { n as r } from "./context-CIx8fy-I.js";
-import { i, o as a, s as o } from "./config-COgrsSV2.js";
-import { n as s } from "./locale-Dnk0UIie.js";
+import { i, o as a, s as o } from "./config-CB_TiIvg.js";
+import { n as s } from "./locale-CR2PIaxt.js";
 import { computed as c, createCommentVNode as l, createElementBlock as u, createElementVNode as d, createVNode as ee, defineComponent as f, inject as te, mergeProps as p, nextTick as m, normalizeClass as h, onMounted as g, openBlock as _, ref as ne, toDisplayString as v, unref as y, useAttrs as b, watch as x } from "vue";
 //#region src/components/Textarea/Textarea.vue?vue&type=script&setup=true&lang.ts
 var S = ["for"], C = [

package/dist/{Tooltip-BJp-ZMqQ.js → Tooltip-DKsXxU_B.js}

@@ -2,8 +2,8 @@ import { n as e, t } from "./overlay-oR-5MDuE.js";
 import { n, t as r } from "./overlayPlacement-qwEJPVS4.js";
 import { t as i } from "./useFloatingViewportSync-wLLKIGUA.js";
 import { t as a } from "./useMId-BXFYayPP.js";
-import { t as o } from "./useMotionTransition-S2rlviyZ.js";
-import { c as s } from "./config-COgrsSV2.js";
+import { t as o } from "./useMotionTransition-D8JOR3ih.js";
+import { l as s } from "./config-CB_TiIvg.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({