morya-ui 0.3.6 → 0.3.7

package/CHANGELOG.md

@@ -1,11 +1,55 @@
 # morya-ui
 
+## 0.3.7
+
+### 新功能
+
+- add tree mode, instance APIs, and drop cell editing
+- enhance selection handling and refactor utility functions
+- rebuild as self-aligned enterprise grid
+- add footer slot support and update styles
+
+### 修复
+
+- adjust sort icon styles for better alignment
+
+### 文档
+
+- update decision recipes and enhance documentation for new features
+- sync changelog and Table guidance across packages
+- document enterprise capabilities and demos
+
+### 变更
+
+- update shadow styles for improved visual consistency
+
 ## 0.3.6
 
+### 新功能
+
+- MTable：列宽拖拽、表头筛选、行虚拟滚动、列显隐/顺序、多级表头、表尾汇总、单元格合并
+- MTable 树模式与树 API、`checkboxConfig` / `radioConfig`、详情 `expandConfig`
+- MTable 实例方法：选择 / 滚动 / `clearSort` / `clearFilter` / 详情展开
+- MTable 分层重构（core / state / columns / render）与合成列内部命名空间
+
+### 破坏性变更
+
+- 移除内置单元格编辑：`editConfig`、列 `editable`、`edit-change`、`#edit-{key}`；请用 `#cell-{key}` / `render` 自定义
+- 移除 `MTreeTable`（含 `morya-ui/tree-table`）；树表改用 `MTable` + `treeConfig`
+- `serverItemsLength` → `serverTotal`；`rowsItems` → `pageSizes`
+- 移除 `hideHeader` / `hideRowsPerPage`，改用 `showHeader` / `showRowsPerPage`（均默认 `true`）
+- 移除 `clickEventType`、`tableNodeId`、分页文案 props、`preventContextMenuRow`
+- 事件重命名为 kebab-case：`row-contextmenu`、`select-row`、`deselect-row`、`select-all`；新增 `row-dblclick`
+- 移除 `updatePageItems`、`updateTotalItems`、`page`（保留 `update:page`）；移除 `TableClickEventType` 导出
+
+### 修复
+
+- MTable 服务端/客户端 multiSort、受控 page/rowsPerPage/sort、表头全选当前页、aria-label 挂 table、展开按钮文案与排序 focus-ring
+
 ### 文档
 
 - add portable AGENTS.md and multi-editor MCP docs
-
+- MTable 文档与 ui-mcp catalog 同步
 ## 0.3.5
 
 ### 新功能

package/dist/Input-DQiiKSm3.js

@@ -0,0 +1,174 @@
+import { i as e } from "./useComponentAttrs-e-5QAjdw.js";
+import { t } from "./Icon-od9Ob-Ay.js";
+import { t as n } from "./useMId-BXFYayPP.js";
+import { i as r, o as i, s as ee } from "./config-De8ueCY-.js";
+import { n as a } from "./locale-xavS6-Hw.js";
+import { 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, ref as h, renderSlot as g, toDisplayString as _, unref as v, useAttrs as y, useSlots as b } from "vue";
+//#region src/components/Input/Input.vue?vue&type=script&setup=true&lang.ts
+var x = ["for"], S = {
+	key: 0,
+	class: "m-input__prefix"
+}, C = [
+	"id",
+	"type",
+	"value",
+	"disabled",
+	"readonly",
+	"maxlength",
+	"placeholder",
+	"name",
+	"autocomplete",
+	"autofocus",
+	"aria-invalid",
+	"aria-describedby"
+], w = {
+	key: 1,
+	class: "m-input__suffix"
+}, T = ["aria-label", "disabled"], E = {
+	key: 1,
+	class: "m-input-field__meta"
+}, D = ["id", "role"], te = ["id"], O = /* @__PURE__ */ d({
+	inheritAttrs: !1,
+	__name: "Input",
+	props: {
+		modelValue: { default: "" },
+		label: {},
+		helpText: {},
+		invalid: {
+			type: Boolean,
+			default: !1
+		},
+		errorMessage: {},
+		id: {},
+		type: { default: "text" },
+		size: {},
+		variant: {},
+		fluid: {
+			type: Boolean,
+			default: void 0
+		},
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		readonly: {
+			type: Boolean,
+			default: !1
+		},
+		clearable: {
+			type: Boolean,
+			default: void 0
+		},
+		maxlength: {},
+		showCount: {
+			type: Boolean,
+			default: void 0
+		},
+		pt: {},
+		placeholder: {},
+		name: {},
+		autocomplete: {},
+		autofocus: { type: Boolean }
+	},
+	emits: [
+		"update:modelValue",
+		"clear",
+		"focus",
+		"blur",
+		"change"
+	],
+	setup(d, { expose: O, emit: k }) {
+		let A = d, j = k, M = y(), { rootAttrs: N, controlAttrs: P } = e(M, () => A.pt), F = b(), I = r("Input"), L = a(), R = h(null), z = n("m-input"), B = o(() => A.id ?? z), V = o(() => A.invalid || !!A.errorMessage), H = i("Input", () => A.size), U = ee("Input", () => A.variant), ne = o(() => A.clearable ?? I.value.clearable ?? !1), W = o(() => A.showCount ?? I.value.showCount ?? !1), G = o(() => A.fluid ?? I.value.fluid ?? !1), K = o(() => A.modelValue.length), q = o(() => A.maxlength == null ? String(K.value) : `${K.value} / ${A.maxlength}`), J = o(() => A.errorMessage || A.helpText), Y = o(() => !!A.errorMessage || V.value && !!A.helpText), X = o(() => !!F.prefix), Z = o(() => !!F.suffix), re = o(() => {
+			let e = [];
+			return J.value && e.push(`${B.value}-help`), W.value && e.push(`${B.value}-count`), e.length ? e.join(" ") : void 0;
+		}), ie = o(() => [
+			"m-input",
+			`m-input--${H.value}`,
+			{
+				"m-input--filled": U.value === "filled",
+				"m-input--fluid": G.value,
+				"m-input--invalid": V.value
+			}
+		]), Q = o(() => ne.value && !!A.modelValue), ae = o(() => ({
+			"m-input-field__control--clearable": Q.value,
+			"m-input-field__control--counted": W.value,
+			"m-input-field__control--prefixed": X.value,
+			"m-input-field__control--suffixed": Z.value
+		}));
+		function oe(e) {
+			j("update:modelValue", e.target.value);
+		}
+		function $() {
+			A.disabled || A.readonly || (j("update:modelValue", ""), j("clear"), R.value?.focus());
+		}
+		function se() {
+			R.value?.focus();
+		}
+		function ce() {
+			R.value?.blur();
+		}
+		function le() {
+			R.value?.select();
+		}
+		return O({
+			focus: se,
+			blur: ce,
+			select: le
+		}), (e, n) => (m(), c("div", f(v(N), { class: ["m-input-field", { "m-input-field--fluid": G.value }] }), [
+			d.label ? (m(), c("label", {
+				key: 0,
+				class: "m-input-field__label",
+				for: B.value
+			}, _(d.label), 9, x)) : s("", !0),
+			l("div", { class: p(["m-input-field__control", ae.value]) }, [
+				X.value ? (m(), c("span", S, [g(e.$slots, "prefix")])) : s("", !0),
+				l("input", f(v(P), {
+					id: B.value,
+					ref_key: "inputElement",
+					ref: R,
+					class: ie.value,
+					type: d.type,
+					value: d.modelValue,
+					disabled: d.disabled,
+					readonly: d.readonly,
+					maxlength: d.maxlength,
+					placeholder: d.placeholder,
+					name: d.name,
+					autocomplete: d.autocomplete,
+					autofocus: d.autofocus || void 0,
+					"aria-invalid": V.value || void 0,
+					"aria-describedby": re.value,
+					onInput: oe,
+					onFocus: n[0] ||= (e) => j("focus", e),
+					onBlur: n[1] ||= (e) => j("blur", e),
+					onChange: n[2] ||= (e) => j("change", e.target.value)
+				}), null, 16, C),
+				Z.value ? (m(), c("span", w, [g(e.$slots, "suffix")])) : s("", !0),
+				Q.value ? (m(), c("button", {
+					key: 2,
+					class: "m-input__clear",
+					type: "button",
+					"aria-label": v(L).clearInput,
+					disabled: d.disabled || d.readonly,
+					onClick: $
+				}, [u(t, {
+					name: "close",
+					size: "sm"
+				})], 8, T)) : s("", !0)
+			], 2),
+			J.value || W.value ? (m(), c("div", E, [J.value ? (m(), c("span", {
+				key: 0,
+				id: `${B.value}-help`,
+				class: p(["m-input-field__help", { "m-input-field__help--invalid": Y.value }]),
+				role: Y.value ? "alert" : void 0
+			}, _(J.value), 11, D)) : s("", !0), W.value ? (m(), c("span", {
+				key: 1,
+				id: `${B.value}-count`,
+				class: "m-input-field__count",
+				"aria-live": "polite"
+			}, _(q.value), 9, te)) : s("", !0)])) : s("", !0)
+		], 16));
+	}
+});
+//#endregion
+export { O as t };

package/dist/accordion/style.css

@@ -35,9 +35,9 @@
     --m-color-contrast-active: #020617;
     --m-color-on-emphasis: #ffffff;
     --m-overlay-scrim: rgb(15 23 42 / 0.55);
-    --m-shadow-sm: 0 1px 2px rgb(15 23 42 / 0.25);
-    --m-shadow-md: 0 0.75rem 2rem rgb(15 23 42 / 0.16);
-    --m-shadow-lg: 0 1rem 3rem rgb(15 23 42 / 0.25);
+    --m-shadow-sm: 0 0 6px rgba(0, 0, 0, 0.12);
+    --m-shadow-md: 0 0 12px rgba(0, 0, 0, 0.12);
+    --m-shadow-lg: 0 12px 32px 4px rgba(0, 0, 0, 0.04), 0 8px 20px rgba(0, 0, 0, 0.08);
     --m-shadow-raised: 0 0.25rem 0.75rem
         color-mix(in srgb, var(--m-color-text) 14%, transparent);
     --m-shadow-sticky: 4px 0 8px
@@ -132,7 +132,7 @@
     --m-slider-marks-side: 0.5rem;
     --m-stepper-connector-color: var(--m-color-border);
 
-    /* Table (Element Plus–aligned) */
+    /* Table */
     --m-color-fill-light: color-mix(in srgb, var(--m-color-text) 6%, var(--m-color-surface));
     --m-color-fill-lighter: color-mix(in srgb, var(--m-color-text) 3.5%, var(--m-color-surface));
     --m-table-border-color: var(--m-color-border);
@@ -335,9 +335,9 @@
     --m-color-contrast-hover: #e2e8f0;
     --m-color-contrast-active: #cbd5e1;
     --m-overlay-scrim: rgb(2 6 23 / 0.72);
-    --m-shadow-sm: 0 1px 2px rgb(0 0 0 / 0.45);
-    --m-shadow-md: 0 0.75rem 2rem rgb(0 0 0 / 0.45);
-    --m-shadow-lg: 0 1rem 3rem rgb(0 0 0 / 0.55);
+    --m-shadow-sm: 0 0 6px rgba(0, 0, 0, 0.12);
+    --m-shadow-md: 0 0 12px rgba(0, 0, 0, 0.12);
+    --m-shadow-lg: 0 12px 32px 4px rgba(0, 0, 0, 0.04), 0 8px 20px rgba(0, 0, 0, 0.08);
     --m-shadow-raised: 0 0.25rem 0.75rem
         color-mix(in srgb, var(--m-color-text) 22%, transparent);
     --m-shadow-sticky: 4px 0 8px
@@ -426,7 +426,6 @@
 .m-orderlist,
 .m-picklist,
 .m-virtualscroller,
-.m-treetable,
 .m-megamenu,
 .m-dock,
 .m-sidebar,
@@ -938,7 +937,6 @@
     overflow-x: hidden;
 }
 
-.m-treetable__scrollbar > .m-scrollbar__wrap,
 .m-terminal__scrollbar > .m-scrollbar__wrap {
     height: 100%;
     overflow-x: hidden;

package/dist/auto-complete/style.css

@@ -35,9 +35,9 @@
     --m-color-contrast-active: #020617;
     --m-color-on-emphasis: #ffffff;
     --m-overlay-scrim: rgb(15 23 42 / 0.55);
-    --m-shadow-sm: 0 1px 2px rgb(15 23 42 / 0.25);
-    --m-shadow-md: 0 0.75rem 2rem rgb(15 23 42 / 0.16);
-    --m-shadow-lg: 0 1rem 3rem rgb(15 23 42 / 0.25);
+    --m-shadow-sm: 0 0 6px rgba(0, 0, 0, 0.12);
+    --m-shadow-md: 0 0 12px rgba(0, 0, 0, 0.12);
+    --m-shadow-lg: 0 12px 32px 4px rgba(0, 0, 0, 0.04), 0 8px 20px rgba(0, 0, 0, 0.08);
     --m-shadow-raised: 0 0.25rem 0.75rem
         color-mix(in srgb, var(--m-color-text) 14%, transparent);
     --m-shadow-sticky: 4px 0 8px
@@ -132,7 +132,7 @@
     --m-slider-marks-side: 0.5rem;
     --m-stepper-connector-color: var(--m-color-border);
 
-    /* Table (Element Plus–aligned) */
+    /* Table */
     --m-color-fill-light: color-mix(in srgb, var(--m-color-text) 6%, var(--m-color-surface));
     --m-color-fill-lighter: color-mix(in srgb, var(--m-color-text) 3.5%, var(--m-color-surface));
     --m-table-border-color: var(--m-color-border);
@@ -335,9 +335,9 @@
     --m-color-contrast-hover: #e2e8f0;
     --m-color-contrast-active: #cbd5e1;
     --m-overlay-scrim: rgb(2 6 23 / 0.72);
-    --m-shadow-sm: 0 1px 2px rgb(0 0 0 / 0.45);
-    --m-shadow-md: 0 0.75rem 2rem rgb(0 0 0 / 0.45);
-    --m-shadow-lg: 0 1rem 3rem rgb(0 0 0 / 0.55);
+    --m-shadow-sm: 0 0 6px rgba(0, 0, 0, 0.12);
+    --m-shadow-md: 0 0 12px rgba(0, 0, 0, 0.12);
+    --m-shadow-lg: 0 12px 32px 4px rgba(0, 0, 0, 0.04), 0 8px 20px rgba(0, 0, 0, 0.08);
     --m-shadow-raised: 0 0.25rem 0.75rem
         color-mix(in srgb, var(--m-color-text) 22%, transparent);
     --m-shadow-sticky: 4px 0 8px
@@ -426,7 +426,6 @@
 .m-orderlist,
 .m-picklist,
 .m-virtualscroller,
-.m-treetable,
 .m-megamenu,
 .m-dock,
 .m-sidebar,
@@ -938,7 +937,6 @@
     overflow-x: hidden;
 }
 
-.m-treetable__scrollbar > .m-scrollbar__wrap,
 .m-terminal__scrollbar > .m-scrollbar__wrap {
     height: 100%;
     overflow-x: hidden;

package/dist/avatar/style.css

@@ -35,9 +35,9 @@
     --m-color-contrast-active: #020617;
     --m-color-on-emphasis: #ffffff;
     --m-overlay-scrim: rgb(15 23 42 / 0.55);
-    --m-shadow-sm: 0 1px 2px rgb(15 23 42 / 0.25);
-    --m-shadow-md: 0 0.75rem 2rem rgb(15 23 42 / 0.16);
-    --m-shadow-lg: 0 1rem 3rem rgb(15 23 42 / 0.25);
+    --m-shadow-sm: 0 0 6px rgba(0, 0, 0, 0.12);
+    --m-shadow-md: 0 0 12px rgba(0, 0, 0, 0.12);
+    --m-shadow-lg: 0 12px 32px 4px rgba(0, 0, 0, 0.04), 0 8px 20px rgba(0, 0, 0, 0.08);
     --m-shadow-raised: 0 0.25rem 0.75rem
         color-mix(in srgb, var(--m-color-text) 14%, transparent);
     --m-shadow-sticky: 4px 0 8px
@@ -132,7 +132,7 @@
     --m-slider-marks-side: 0.5rem;
     --m-stepper-connector-color: var(--m-color-border);
 
-    /* Table (Element Plus–aligned) */
+    /* Table */
     --m-color-fill-light: color-mix(in srgb, var(--m-color-text) 6%, var(--m-color-surface));
     --m-color-fill-lighter: color-mix(in srgb, var(--m-color-text) 3.5%, var(--m-color-surface));
     --m-table-border-color: var(--m-color-border);
@@ -335,9 +335,9 @@
     --m-color-contrast-hover: #e2e8f0;
     --m-color-contrast-active: #cbd5e1;
     --m-overlay-scrim: rgb(2 6 23 / 0.72);
-    --m-shadow-sm: 0 1px 2px rgb(0 0 0 / 0.45);
-    --m-shadow-md: 0 0.75rem 2rem rgb(0 0 0 / 0.45);
-    --m-shadow-lg: 0 1rem 3rem rgb(0 0 0 / 0.55);
+    --m-shadow-sm: 0 0 6px rgba(0, 0, 0, 0.12);
+    --m-shadow-md: 0 0 12px rgba(0, 0, 0, 0.12);
+    --m-shadow-lg: 0 12px 32px 4px rgba(0, 0, 0, 0.04), 0 8px 20px rgba(0, 0, 0, 0.08);
     --m-shadow-raised: 0 0.25rem 0.75rem
         color-mix(in srgb, var(--m-color-text) 22%, transparent);
     --m-shadow-sticky: 4px 0 8px
@@ -426,7 +426,6 @@
 .m-orderlist,
 .m-picklist,
 .m-virtualscroller,
-.m-treetable,
 .m-megamenu,
 .m-dock,
 .m-sidebar,
@@ -938,7 +937,6 @@
     overflow-x: hidden;
 }
 
-.m-treetable__scrollbar > .m-scrollbar__wrap,
 .m-terminal__scrollbar > .m-scrollbar__wrap {
     height: 100%;
     overflow-x: hidden;

package/dist/badge/style.css

@@ -35,9 +35,9 @@
     --m-color-contrast-active: #020617;
     --m-color-on-emphasis: #ffffff;
     --m-overlay-scrim: rgb(15 23 42 / 0.55);
-    --m-shadow-sm: 0 1px 2px rgb(15 23 42 / 0.25);
-    --m-shadow-md: 0 0.75rem 2rem rgb(15 23 42 / 0.16);
-    --m-shadow-lg: 0 1rem 3rem rgb(15 23 42 / 0.25);
+    --m-shadow-sm: 0 0 6px rgba(0, 0, 0, 0.12);
+    --m-shadow-md: 0 0 12px rgba(0, 0, 0, 0.12);
+    --m-shadow-lg: 0 12px 32px 4px rgba(0, 0, 0, 0.04), 0 8px 20px rgba(0, 0, 0, 0.08);
     --m-shadow-raised: 0 0.25rem 0.75rem
         color-mix(in srgb, var(--m-color-text) 14%, transparent);
     --m-shadow-sticky: 4px 0 8px
@@ -132,7 +132,7 @@
     --m-slider-marks-side: 0.5rem;
     --m-stepper-connector-color: var(--m-color-border);
 
-    /* Table (Element Plus–aligned) */
+    /* Table */
     --m-color-fill-light: color-mix(in srgb, var(--m-color-text) 6%, var(--m-color-surface));
     --m-color-fill-lighter: color-mix(in srgb, var(--m-color-text) 3.5%, var(--m-color-surface));
     --m-table-border-color: var(--m-color-border);
@@ -335,9 +335,9 @@
     --m-color-contrast-hover: #e2e8f0;
     --m-color-contrast-active: #cbd5e1;
     --m-overlay-scrim: rgb(2 6 23 / 0.72);
-    --m-shadow-sm: 0 1px 2px rgb(0 0 0 / 0.45);
-    --m-shadow-md: 0 0.75rem 2rem rgb(0 0 0 / 0.45);
-    --m-shadow-lg: 0 1rem 3rem rgb(0 0 0 / 0.55);
+    --m-shadow-sm: 0 0 6px rgba(0, 0, 0, 0.12);
+    --m-shadow-md: 0 0 12px rgba(0, 0, 0, 0.12);
+    --m-shadow-lg: 0 12px 32px 4px rgba(0, 0, 0, 0.04), 0 8px 20px rgba(0, 0, 0, 0.08);
     --m-shadow-raised: 0 0.25rem 0.75rem
         color-mix(in srgb, var(--m-color-text) 22%, transparent);
     --m-shadow-sticky: 4px 0 8px
@@ -426,7 +426,6 @@
 .m-orderlist,
 .m-picklist,
 .m-virtualscroller,
-.m-treetable,
 .m-megamenu,
 .m-dock,
 .m-sidebar,
@@ -938,7 +937,6 @@
     overflow-x: hidden;
 }
 
-.m-treetable__scrollbar > .m-scrollbar__wrap,
 .m-terminal__scrollbar > .m-scrollbar__wrap {
     height: 100%;
     overflow-x: hidden;

package/dist/block-ui/style.css

@@ -35,9 +35,9 @@
     --m-color-contrast-active: #020617;
     --m-color-on-emphasis: #ffffff;
     --m-overlay-scrim: rgb(15 23 42 / 0.55);
-    --m-shadow-sm: 0 1px 2px rgb(15 23 42 / 0.25);
-    --m-shadow-md: 0 0.75rem 2rem rgb(15 23 42 / 0.16);
-    --m-shadow-lg: 0 1rem 3rem rgb(15 23 42 / 0.25);
+    --m-shadow-sm: 0 0 6px rgba(0, 0, 0, 0.12);
+    --m-shadow-md: 0 0 12px rgba(0, 0, 0, 0.12);
+    --m-shadow-lg: 0 12px 32px 4px rgba(0, 0, 0, 0.04), 0 8px 20px rgba(0, 0, 0, 0.08);
     --m-shadow-raised: 0 0.25rem 0.75rem
         color-mix(in srgb, var(--m-color-text) 14%, transparent);
     --m-shadow-sticky: 4px 0 8px
@@ -132,7 +132,7 @@
     --m-slider-marks-side: 0.5rem;
     --m-stepper-connector-color: var(--m-color-border);
 
-    /* Table (Element Plus–aligned) */
+    /* Table */
     --m-color-fill-light: color-mix(in srgb, var(--m-color-text) 6%, var(--m-color-surface));
     --m-color-fill-lighter: color-mix(in srgb, var(--m-color-text) 3.5%, var(--m-color-surface));
     --m-table-border-color: var(--m-color-border);
@@ -335,9 +335,9 @@
     --m-color-contrast-hover: #e2e8f0;
     --m-color-contrast-active: #cbd5e1;
     --m-overlay-scrim: rgb(2 6 23 / 0.72);
-    --m-shadow-sm: 0 1px 2px rgb(0 0 0 / 0.45);
-    --m-shadow-md: 0 0.75rem 2rem rgb(0 0 0 / 0.45);
-    --m-shadow-lg: 0 1rem 3rem rgb(0 0 0 / 0.55);
+    --m-shadow-sm: 0 0 6px rgba(0, 0, 0, 0.12);
+    --m-shadow-md: 0 0 12px rgba(0, 0, 0, 0.12);
+    --m-shadow-lg: 0 12px 32px 4px rgba(0, 0, 0, 0.04), 0 8px 20px rgba(0, 0, 0, 0.08);
     --m-shadow-raised: 0 0.25rem 0.75rem
         color-mix(in srgb, var(--m-color-text) 22%, transparent);
     --m-shadow-sticky: 4px 0 8px
@@ -426,7 +426,6 @@
 .m-orderlist,
 .m-picklist,
 .m-virtualscroller,
-.m-treetable,
 .m-megamenu,
 .m-dock,
 .m-sidebar,
@@ -938,7 +937,6 @@
     overflow-x: hidden;
 }
 
-.m-treetable__scrollbar > .m-scrollbar__wrap,
 .m-terminal__scrollbar > .m-scrollbar__wrap {
     height: 100%;
     overflow-x: hidden;

package/dist/breadcrumb/style.css

@@ -35,9 +35,9 @@
     --m-color-contrast-active: #020617;
     --m-color-on-emphasis: #ffffff;
     --m-overlay-scrim: rgb(15 23 42 / 0.55);
-    --m-shadow-sm: 0 1px 2px rgb(15 23 42 / 0.25);
-    --m-shadow-md: 0 0.75rem 2rem rgb(15 23 42 / 0.16);
-    --m-shadow-lg: 0 1rem 3rem rgb(15 23 42 / 0.25);
+    --m-shadow-sm: 0 0 6px rgba(0, 0, 0, 0.12);
+    --m-shadow-md: 0 0 12px rgba(0, 0, 0, 0.12);
+    --m-shadow-lg: 0 12px 32px 4px rgba(0, 0, 0, 0.04), 0 8px 20px rgba(0, 0, 0, 0.08);
     --m-shadow-raised: 0 0.25rem 0.75rem
         color-mix(in srgb, var(--m-color-text) 14%, transparent);
     --m-shadow-sticky: 4px 0 8px
@@ -132,7 +132,7 @@
     --m-slider-marks-side: 0.5rem;
     --m-stepper-connector-color: var(--m-color-border);
 
-    /* Table (Element Plus–aligned) */
+    /* Table */
     --m-color-fill-light: color-mix(in srgb, var(--m-color-text) 6%, var(--m-color-surface));
     --m-color-fill-lighter: color-mix(in srgb, var(--m-color-text) 3.5%, var(--m-color-surface));
     --m-table-border-color: var(--m-color-border);
@@ -335,9 +335,9 @@
     --m-color-contrast-hover: #e2e8f0;
     --m-color-contrast-active: #cbd5e1;
     --m-overlay-scrim: rgb(2 6 23 / 0.72);
-    --m-shadow-sm: 0 1px 2px rgb(0 0 0 / 0.45);
-    --m-shadow-md: 0 0.75rem 2rem rgb(0 0 0 / 0.45);
-    --m-shadow-lg: 0 1rem 3rem rgb(0 0 0 / 0.55);
+    --m-shadow-sm: 0 0 6px rgba(0, 0, 0, 0.12);
+    --m-shadow-md: 0 0 12px rgba(0, 0, 0, 0.12);
+    --m-shadow-lg: 0 12px 32px 4px rgba(0, 0, 0, 0.04), 0 8px 20px rgba(0, 0, 0, 0.08);
     --m-shadow-raised: 0 0.25rem 0.75rem
         color-mix(in srgb, var(--m-color-text) 22%, transparent);
     --m-shadow-sticky: 4px 0 8px
@@ -426,7 +426,6 @@
 .m-orderlist,
 .m-picklist,
 .m-virtualscroller,
-.m-treetable,
 .m-megamenu,
 .m-dock,
 .m-sidebar,
@@ -938,7 +937,6 @@
     overflow-x: hidden;
 }
 
-.m-treetable__scrollbar > .m-scrollbar__wrap,
 .m-terminal__scrollbar > .m-scrollbar__wrap {
     height: 100%;
     overflow-x: hidden;

package/dist/button/style.css

@@ -35,9 +35,9 @@
     --m-color-contrast-active: #020617;
     --m-color-on-emphasis: #ffffff;
     --m-overlay-scrim: rgb(15 23 42 / 0.55);
-    --m-shadow-sm: 0 1px 2px rgb(15 23 42 / 0.25);
-    --m-shadow-md: 0 0.75rem 2rem rgb(15 23 42 / 0.16);
-    --m-shadow-lg: 0 1rem 3rem rgb(15 23 42 / 0.25);
+    --m-shadow-sm: 0 0 6px rgba(0, 0, 0, 0.12);
+    --m-shadow-md: 0 0 12px rgba(0, 0, 0, 0.12);
+    --m-shadow-lg: 0 12px 32px 4px rgba(0, 0, 0, 0.04), 0 8px 20px rgba(0, 0, 0, 0.08);
     --m-shadow-raised: 0 0.25rem 0.75rem
         color-mix(in srgb, var(--m-color-text) 14%, transparent);
     --m-shadow-sticky: 4px 0 8px
@@ -132,7 +132,7 @@
     --m-slider-marks-side: 0.5rem;
     --m-stepper-connector-color: var(--m-color-border);
 
-    /* Table (Element Plus–aligned) */
+    /* Table */
     --m-color-fill-light: color-mix(in srgb, var(--m-color-text) 6%, var(--m-color-surface));
     --m-color-fill-lighter: color-mix(in srgb, var(--m-color-text) 3.5%, var(--m-color-surface));
     --m-table-border-color: var(--m-color-border);
@@ -335,9 +335,9 @@
     --m-color-contrast-hover: #e2e8f0;
     --m-color-contrast-active: #cbd5e1;
     --m-overlay-scrim: rgb(2 6 23 / 0.72);
-    --m-shadow-sm: 0 1px 2px rgb(0 0 0 / 0.45);
-    --m-shadow-md: 0 0.75rem 2rem rgb(0 0 0 / 0.45);
-    --m-shadow-lg: 0 1rem 3rem rgb(0 0 0 / 0.55);
+    --m-shadow-sm: 0 0 6px rgba(0, 0, 0, 0.12);
+    --m-shadow-md: 0 0 12px rgba(0, 0, 0, 0.12);
+    --m-shadow-lg: 0 12px 32px 4px rgba(0, 0, 0, 0.04), 0 8px 20px rgba(0, 0, 0, 0.08);
     --m-shadow-raised: 0 0.25rem 0.75rem
         color-mix(in srgb, var(--m-color-text) 22%, transparent);
     --m-shadow-sticky: 4px 0 8px
@@ -426,7 +426,6 @@
 .m-orderlist,
 .m-picklist,
 .m-virtualscroller,
-.m-treetable,
 .m-megamenu,
 .m-dock,
 .m-sidebar,
@@ -938,7 +937,6 @@
     overflow-x: hidden;
 }
 
-.m-treetable__scrollbar > .m-scrollbar__wrap,
 .m-terminal__scrollbar > .m-scrollbar__wrap {
     height: 100%;
     overflow-x: hidden;

package/dist/card/style.css

@@ -35,9 +35,9 @@
     --m-color-contrast-active: #020617;
     --m-color-on-emphasis: #ffffff;
     --m-overlay-scrim: rgb(15 23 42 / 0.55);
-    --m-shadow-sm: 0 1px 2px rgb(15 23 42 / 0.25);
-    --m-shadow-md: 0 0.75rem 2rem rgb(15 23 42 / 0.16);
-    --m-shadow-lg: 0 1rem 3rem rgb(15 23 42 / 0.25);
+    --m-shadow-sm: 0 0 6px rgba(0, 0, 0, 0.12);
+    --m-shadow-md: 0 0 12px rgba(0, 0, 0, 0.12);
+    --m-shadow-lg: 0 12px 32px 4px rgba(0, 0, 0, 0.04), 0 8px 20px rgba(0, 0, 0, 0.08);
     --m-shadow-raised: 0 0.25rem 0.75rem
         color-mix(in srgb, var(--m-color-text) 14%, transparent);
     --m-shadow-sticky: 4px 0 8px
@@ -132,7 +132,7 @@
     --m-slider-marks-side: 0.5rem;
     --m-stepper-connector-color: var(--m-color-border);
 
-    /* Table (Element Plus–aligned) */
+    /* Table */
     --m-color-fill-light: color-mix(in srgb, var(--m-color-text) 6%, var(--m-color-surface));
     --m-color-fill-lighter: color-mix(in srgb, var(--m-color-text) 3.5%, var(--m-color-surface));
     --m-table-border-color: var(--m-color-border);
@@ -335,9 +335,9 @@
     --m-color-contrast-hover: #e2e8f0;
     --m-color-contrast-active: #cbd5e1;
     --m-overlay-scrim: rgb(2 6 23 / 0.72);
-    --m-shadow-sm: 0 1px 2px rgb(0 0 0 / 0.45);
-    --m-shadow-md: 0 0.75rem 2rem rgb(0 0 0 / 0.45);
-    --m-shadow-lg: 0 1rem 3rem rgb(0 0 0 / 0.55);
+    --m-shadow-sm: 0 0 6px rgba(0, 0, 0, 0.12);
+    --m-shadow-md: 0 0 12px rgba(0, 0, 0, 0.12);
+    --m-shadow-lg: 0 12px 32px 4px rgba(0, 0, 0, 0.04), 0 8px 20px rgba(0, 0, 0, 0.08);
     --m-shadow-raised: 0 0.25rem 0.75rem
         color-mix(in srgb, var(--m-color-text) 22%, transparent);
     --m-shadow-sticky: 4px 0 8px
@@ -426,7 +426,6 @@
 .m-orderlist,
 .m-picklist,
 .m-virtualscroller,
-.m-treetable,
 .m-megamenu,
 .m-dock,
 .m-sidebar,
@@ -938,7 +937,6 @@
     overflow-x: hidden;
 }
 
-.m-treetable__scrollbar > .m-scrollbar__wrap,
 .m-terminal__scrollbar > .m-scrollbar__wrap {
     height: 100%;
     overflow-x: hidden;