morya-ui 0.3.6 → 0.3.8

package/dist/divider/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/dock/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/drawer/index.js

@@ -12,7 +12,10 @@ import { Teleport as c, Transition as l, computed as u, createBlock as d, create
 var k = ["aria-modal", "aria-label"], A = {
 	key: 0,
 	class: "m-drawer__header"
-}, j = { key: 0 }, M = ["aria-label"], N = { class: "m-drawer__body" }, P = /* @__PURE__ */ g({
+}, j = { key: 0 }, M = ["aria-label"], N = { class: "m-drawer__body" }, P = {
+	key: 1,
+	class: "m-drawer__footer"
+}, F = /* @__PURE__ */ g({
 	inheritAttrs: !1,
 	__name: "Drawer",
 	props: {
@@ -64,92 +67,96 @@ var k = ["aria-modal", "aria-label"], A = {
 		"hide",
 		"after-leave"
 	],
-	setup(g, { emit: P }) {
-		let F = g, I = P, L = E(), { rootAttrs: R } = e(L, () => F.pt), z = o(), B = s(), V = x(null), H = x(!1), U = u(() => r(F, z.value.appendTo)), { transitionName: W, transitionCss: G } = n({
+	setup(g, { emit: F }) {
+		let I = g, L = F, R = E(), { rootAttrs: z } = e(R, () => I.pt), B = o(), V = s(), H = x(null), U = x(!1), W = u(() => r(I, B.value.appendTo)), { transitionName: G, transitionCss: K } = n({
 			role: "drawer",
-			local: () => F.transition,
+			local: () => I.transition,
 			componentName: "Drawer",
 			fallback: "drawer"
-		}), K = u(() => F.closeOnOutsideClick === void 0 ? F.dismissable : F.closeOnOutsideClick);
-		function q(e) {
+		}), q = u(() => I.closeOnOutsideClick === void 0 ? I.dismissable : I.closeOnOutsideClick);
+		function J(e) {
 			if (e != null) return typeof e == "number" ? `${e}px` : e;
 		}
-		let J = u(() => {
+		let Y = u(() => {
 			let e = {};
-			if (F.position === "left" || F.position === "right") {
-				let t = q(F.width);
+			if (I.position === "left" || I.position === "right") {
+				let t = J(I.width);
 				t && (e.width = t);
 			}
-			if (F.position === "top" || F.position === "bottom") {
-				let t = q(F.height);
+			if (I.position === "top" || I.position === "bottom") {
+				let t = J(I.height);
 				t && (e.height = t, e.maxHeight = t);
 			}
 			return e;
 		});
-		function Y() {
-			I("update:modelValue", !1), I("close");
+		function X() {
+			L("update:modelValue", !1), L("close");
 		}
-		async function X() {
-			if (!H.value) {
-				if (!F.beforeClose) {
-					Y();
+		async function Z() {
+			if (!U.value) {
+				if (!I.beforeClose) {
+					X();
 					return;
 				}
-				H.value = !0;
+				U.value = !0;
 				try {
-					if (!await a(F.beforeClose)) return;
-					Y();
+					if (!await a(I.beforeClose)) return;
+					X();
 				} finally {
-					H.value = !1;
+					U.value = !1;
 				}
 			}
 		}
-		function Z() {
-			K.value && X();
+		function Q() {
+			q.value && Z();
 		}
 		return i({
-			open: w(F, "modelValue"),
-			container: V,
-			closeOnEsc: () => F.closeOnEsc,
-			blockScroll: () => F.blockScroll && F.modal,
+			open: w(I, "modelValue"),
+			container: H,
+			closeOnEsc: () => I.closeOnEsc,
+			blockScroll: () => I.blockScroll && I.modal,
 			onEscape: () => {
-				X();
+				Z();
 			},
-			onOpen: () => I("show"),
-			onClose: () => I("hide")
+			onOpen: () => L("show"),
+			onClose: () => L("hide")
 		}), (e, n) => (b(), d(c, {
-			to: U.value.to,
-			disabled: U.value.disabled
+			to: W.value.to,
+			disabled: W.value.disabled
 		}, [h(l, {
-			name: T(W),
-			css: T(G),
-			onAfterLeave: n[0] ||= (e) => I("after-leave")
+			name: T(G),
+			css: T(K),
+			onAfterLeave: n[0] ||= (e) => L("after-leave")
 		}, {
-			default: D(() => [g.modelValue ? (b(), p("div", _({ key: 0 }, T(R), {
+			default: D(() => [g.modelValue ? (b(), p("div", _({ key: 0 }, T(z), {
 				class: ["m-drawer-backdrop", { "m-drawer-backdrop--modal": g.modal }],
-				onClick: O(Z, ["self"])
+				onClick: O(Q, ["self"])
 			}), [m("aside", {
 				ref_key: "drawerElement",
-				ref: V,
+				ref: H,
 				class: v(["m-drawer", `m-drawer--${g.position}`]),
-				style: y(J.value),
+				style: y(Y.value),
 				role: "dialog",
 				"aria-modal": g.modal || void 0,
 				"aria-label": g.header,
 				tabindex: "-1"
-			}, [e.$slots.header || g.header || g.showCloseIcon ? (b(), p("header", A, [S(e.$slots, "header", {}, () => [g.header ? (b(), p("h2", j, C(g.header), 1)) : f("", !0)]), g.showCloseIcon ? (b(), p("button", {
-				key: 0,
-				type: "button",
-				class: "m-drawer__close",
-				"aria-label": T(B).close,
-				onClick: X
-			}, [h(t, {
-				name: "close",
-				size: "sm"
-			})], 8, M)) : f("", !0)])) : f("", !0), m("div", N, [S(e.$slots, "default")])], 14, k)], 16)) : f("", !0)]),
+			}, [
+				e.$slots.header || g.header || g.showCloseIcon ? (b(), p("header", A, [S(e.$slots, "header", {}, () => [g.header ? (b(), p("h2", j, C(g.header), 1)) : f("", !0)]), g.showCloseIcon ? (b(), p("button", {
+					key: 0,
+					type: "button",
+					class: "m-drawer__close",
+					"aria-label": T(V).close,
+					onClick: Z
+				}, [h(t, {
+					name: "close",
+					size: "sm"
+				})], 8, M)) : f("", !0)])) : f("", !0),
+				m("div", N, [S(e.$slots, "default")]),
+				e.$slots.footer ? (b(), p("footer", P, [S(e.$slots, "footer")])) : f("", !0)
+			], 14, k)], 16)) : f("", !0)]),
 			_: 3
 		}, 8, ["name", "css"])], 8, ["to", "disabled"]));
 	}
 });
 //#endregion
-export { P as MDrawer };
+export { F as MDrawer };

package/dist/drawer/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;
@@ -1385,14 +1383,19 @@
     right: 0;
 }
 
-.m-drawer__header {
+.m-drawer__header,
+.m-drawer__footer {
     align-items: center;
-    border-bottom: var(--m-border-width) solid var(--m-color-border);
     display: flex;
+    flex: 0 0 auto;
     justify-content: space-between;
     padding: var(--m-space-4);
 }
 
+.m-drawer__header {
+    border-bottom: var(--m-border-width) solid var(--m-color-border);
+}
+
 .m-drawer__header h2 {
     font-size: var(--m-font-size-lg);
     margin: 0;
@@ -1436,12 +1439,19 @@
 }
 
 .m-drawer__body {
-    flex: 1;
+    flex: 1 1 auto;
+    min-height: 0;
     overflow: auto;
     overscroll-behavior: contain;
     padding: var(--m-space-4);
 }
 
+.m-drawer__footer {
+    border-top: var(--m-border-width) solid var(--m-color-border);
+    gap: var(--m-space-2);
+    width: 100%;
+}
+
 [data-m-motion="reduced"] .m-drawer-enter-active,
 [data-m-motion="reduced"] .m-drawer-leave-active,
 [data-m-motion="reduced"] .m-drawer-enter-active .m-drawer,

package/dist/dropdown/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/empty/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/fieldset/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/file-upload/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/flex/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/float-label/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;