@varlet/ui 3.18.0-alpha.1781201095903 → 3.18.0

package/lib/varlet.cjs.js

@@ -830,8 +830,8 @@ function useResizeObserver(target, callback) {
 //#endregion
 //#region es/utils/components.mjs
 var __defProp$43 = Object.defineProperty;
-var __defProps$21 = Object.defineProperties;
-var __getOwnPropDescs$21 = Object.getOwnPropertyDescriptors;
+var __defProps$22 = Object.defineProperties;
+var __getOwnPropDescs$22 = Object.getOwnPropertyDescriptors;
 var __getOwnPropSymbols$43 = Object.getOwnPropertySymbols;
 var __hasOwnProp$43 = Object.prototype.hasOwnProperty;
 var __propIsEnum$43 = Object.prototype.propertyIsEnumerable;
@@ -848,7 +848,7 @@ var __spreadValues$43 = (a, b) => {
 	}
 	return a;
 };
-var __spreadProps$21 = (a, b) => __defProps$21(a, __getOwnPropDescs$21(b));
+var __spreadProps$22 = (a, b) => __defProps$22(a, __getOwnPropDescs$22(b));
 var __async$25 = (__this, __arguments, generator) => {
 	return new Promise((resolve, reject) => {
 		var fulfilled = (value) => {
@@ -889,7 +889,7 @@ function withPropsDefaultsSetter(target, props) {
 			const prop = props[key];
 			if (prop == null) return;
 			if (isPlainObject(prop)) {
-				props[key] = __spreadProps$21(__spreadValues$43({}, prop), { default: value });
+				props[key] = __spreadProps$22(__spreadValues$43({}, prop), { default: value });
 				return;
 			}
 			props[key] = {
@@ -1886,8 +1886,8 @@ var stdin_default$64 = stdin_default$440;
 //#endregion
 //#region es/ripple/index.mjs
 var __defProp$40 = Object.defineProperty;
-var __defProps$20 = Object.defineProperties;
-var __getOwnPropDescs$20 = Object.getOwnPropertyDescriptors;
+var __defProps$21 = Object.defineProperties;
+var __getOwnPropDescs$21 = Object.getOwnPropertyDescriptors;
 var __getOwnPropSymbols$40 = Object.getOwnPropertySymbols;
 var __hasOwnProp$40 = Object.prototype.hasOwnProperty;
 var __propIsEnum$40 = Object.prototype.propertyIsEnumerable;
@@ -1904,7 +1904,7 @@ var __spreadValues$40 = (a, b) => {
 	}
 	return a;
 };
-var __spreadProps$20 = (a, b) => __defProps$20(a, __getOwnPropDescs$20(b));
+var __spreadProps$21 = (a, b) => __defProps$21(a, __getOwnPropDescs$21(b));
 var { n: n$107 } = createNamespace("ripple");
 var ANIMATION_DURATION$1 = 250;
 function setStyles(element) {
@@ -1995,7 +1995,7 @@ function removeKeyboardRipple() {
 }
 function mounted$2(el, binding) {
 	var _a;
-	el._ripple = __spreadProps$20(__spreadValues$40({ tasker: null }, (_a = binding.value) != null ? _a : {}), { removeRipple: removeRipple.bind(el) });
+	el._ripple = __spreadProps$21(__spreadValues$40({ tasker: null }, (_a = binding.value) != null ? _a : {}), { removeRipple: removeRipple.bind(el) });
 	el.addEventListener("touchstart", createRipple, { passive: true });
 	el.addEventListener("touchmove", forbidRippleTask, { passive: true });
 	el.addEventListener("dragstart", removeRipple, { passive: true });
@@ -2997,8 +2997,8 @@ var stdin_default$38 = stdin_default$433;
 //#endregion
 //#region es/form/provide.mjs
 var __defProp$37 = Object.defineProperty;
-var __defProps$19 = Object.defineProperties;
-var __getOwnPropDescs$19 = Object.getOwnPropertyDescriptors;
+var __defProps$20 = Object.defineProperties;
+var __getOwnPropDescs$20 = Object.getOwnPropertyDescriptors;
 var __getOwnPropSymbols$37 = Object.getOwnPropertySymbols;
 var __hasOwnProp$37 = Object.prototype.hasOwnProperty;
 var __propIsEnum$37 = Object.prototype.propertyIsEnumerable;
@@ -3015,7 +3015,7 @@ var __spreadValues$37 = (a, b) => {
 	}
 	return a;
 };
-var __spreadProps$19 = (a, b) => __defProps$19(a, __getOwnPropDescs$19(b));
+var __spreadProps$20 = (a, b) => __defProps$20(a, __getOwnPropDescs$20(b));
 var FORM_BIND_FORM_ITEM_KEY = /* @__PURE__ */ Symbol("FORM_BIND_FORM_ITEM_KEY");
 function useForm() {
 	const { parentProvider, index, bindParent } = useParent(FORM_BIND_FORM_ITEM_KEY);
@@ -3024,7 +3024,7 @@ function useForm() {
 		index,
 		form: parentProvider,
 		bindForm: bindParent ? (formItemProvider) => {
-			bindParent(__spreadProps$19(__spreadValues$37({}, formItemProvider), { instance }));
+			bindParent(__spreadProps$20(__spreadValues$37({}, formItemProvider), { instance }));
 		} : null
 	};
 }
@@ -3278,8 +3278,8 @@ var stdin_default$35 = stdin_default$432;
 //#endregion
 //#region es/input/props.mjs
 var __defProp$36 = Object.defineProperty;
-var __defProps$18 = Object.defineProperties;
-var __getOwnPropDescs$18 = Object.getOwnPropertyDescriptors;
+var __defProps$19 = Object.defineProperties;
+var __getOwnPropDescs$19 = Object.getOwnPropertyDescriptors;
 var __getOwnPropSymbols$36 = Object.getOwnPropertySymbols;
 var __hasOwnProp$36 = Object.prototype.hasOwnProperty;
 var __propIsEnum$36 = Object.prototype.propertyIsEnumerable;
@@ -3296,8 +3296,8 @@ var __spreadValues$36 = (a, b) => {
 	}
 	return a;
 };
-var __spreadProps$18 = (a, b) => __defProps$18(a, __getOwnPropDescs$18(b));
-var props$42 = __spreadProps$18(__spreadValues$36({
+var __spreadProps$19 = (a, b) => __defProps$19(a, __getOwnPropDescs$19(b));
+var props$42 = __spreadProps$19(__spreadValues$36({
 	modelValue: String,
 	modelModifiers: {
 		type: Object,
@@ -5332,8 +5332,8 @@ var createPopper = /* @__PURE__ */ popperGenerator({ defaultModifiers: [
 //#endregion
 //#region es/menu/usePopover.mjs
 var __defProp$35 = Object.defineProperty;
-var __defProps$17 = Object.defineProperties;
-var __getOwnPropDescs$17 = Object.getOwnPropertyDescriptors;
+var __defProps$18 = Object.defineProperties;
+var __getOwnPropDescs$18 = Object.getOwnPropertyDescriptors;
 var __getOwnPropSymbols$35 = Object.getOwnPropertySymbols;
 var __hasOwnProp$35 = Object.prototype.hasOwnProperty;
 var __propIsEnum$35 = Object.prototype.propertyIsEnumerable;
@@ -5350,7 +5350,7 @@ var __spreadValues$35 = (a, b) => {
 	}
 	return a;
 };
-var __spreadProps$17 = (a, b) => __defProps$17(a, __getOwnPropDescs$17(b));
+var __spreadProps$18 = (a, b) => __defProps$18(a, __getOwnPropDescs$18(b));
 var __async$21 = (__this, __arguments, generator) => {
 	return new Promise((resolve, reject) => {
 		var fulfilled = (value) => {
@@ -5592,9 +5592,9 @@ function usePopover(options) {
 		return {
 			placement,
 			modifiers: [
-				__spreadProps$17(__spreadValues$35({}, flip_default), { enabled: show.value }),
-				__spreadProps$17(__spreadValues$35({}, offset_default), { options: { offset: [skidding, distance] } }),
-				__spreadProps$17(__spreadValues$35({}, computeStyles_default), {
+				__spreadProps$18(__spreadValues$35({}, flip_default), { enabled: show.value }),
+				__spreadProps$18(__spreadValues$35({}, offset_default), { options: { offset: [skidding, distance] } }),
+				__spreadProps$18(__spreadValues$35({}, computeStyles_default), {
 					options: {
 						adaptive: false,
 						gpuAcceleration: false
@@ -5788,8 +5788,8 @@ function useSelectController(options) {
 //#endregion
 //#region es/menu-select/props.mjs
 var __defProp$34 = Object.defineProperty;
-var __defProps$16 = Object.defineProperties;
-var __getOwnPropDescs$16 = Object.getOwnPropertyDescriptors;
+var __defProps$17 = Object.defineProperties;
+var __getOwnPropDescs$17 = Object.getOwnPropertyDescriptors;
 var __getOwnPropSymbols$34 = Object.getOwnPropertySymbols;
 var __hasOwnProp$34 = Object.prototype.hasOwnProperty;
 var __propIsEnum$34 = Object.prototype.propertyIsEnumerable;
@@ -5806,8 +5806,8 @@ var __spreadValues$34 = (a, b) => {
 	}
 	return a;
 };
-var __spreadProps$16 = (a, b) => __defProps$16(a, __getOwnPropDescs$16(b));
-var props$49 = __spreadProps$16(__spreadValues$34({
+var __spreadProps$17 = (a, b) => __defProps$17(a, __getOwnPropDescs$17(b));
+var props$49 = __spreadProps$17(__spreadValues$34({
 	modelValue: {
 		type: [
 			String,
@@ -6089,8 +6089,8 @@ var stdin_default$427 = __sfc__$92;
 //#endregion
 //#region es/menu-select/MenuSelect.mjs
 var __defProp$32 = Object.defineProperty;
-var __defProps$15 = Object.defineProperties;
-var __getOwnPropDescs$15 = Object.getOwnPropertyDescriptors;
+var __defProps$16 = Object.defineProperties;
+var __getOwnPropDescs$16 = Object.getOwnPropertyDescriptors;
 var __getOwnPropSymbols$32 = Object.getOwnPropertySymbols;
 var __hasOwnProp$32 = Object.prototype.hasOwnProperty;
 var __propIsEnum$32 = Object.prototype.propertyIsEnumerable;
@@ -6107,7 +6107,7 @@ var __spreadValues$32 = (a, b) => {
 	}
 	return a;
 };
-var __spreadProps$15 = (a, b) => __defProps$15(a, __getOwnPropDescs$15(b));
+var __spreadProps$16 = (a, b) => __defProps$16(a, __getOwnPropDescs$16(b));
 var { name: name$82, n: n$93, classes: classes$75 } = createNamespace("menu-select");
 function __render__$91(_ctx, _cache) {
 	const _component_var_menu_children = (0, vue.resolveComponent)("var-menu-children");
@@ -6274,7 +6274,7 @@ var __sfc__$91 = (0, vue.defineComponent)({
 		function enhance(options) {
 			function baseEnhance(options2, parent) {
 				return options2.map((option) => {
-					option = __spreadProps$15(__spreadValues$32({}, option), { _rawOption: option });
+					option = __spreadProps$16(__spreadValues$32({}, option), { _rawOption: option });
 					if (parent) option._parent = parent;
 					const children = getOptionChildren(option);
 					if (children) {
@@ -7319,8 +7319,8 @@ var stdin_default$51 = stdin_default$422;
 //#endregion
 //#region es/button/props.mjs
 var __defProp$29 = Object.defineProperty;
-var __defProps$14 = Object.defineProperties;
-var __getOwnPropDescs$14 = Object.getOwnPropertyDescriptors;
+var __defProps$15 = Object.defineProperties;
+var __getOwnPropDescs$15 = Object.getOwnPropertyDescriptors;
 var __getOwnPropSymbols$29 = Object.getOwnPropertySymbols;
 var __hasOwnProp$29 = Object.prototype.hasOwnProperty;
 var __propIsEnum$29 = Object.prototype.propertyIsEnumerable;
@@ -7337,7 +7337,7 @@ var __spreadValues$29 = (a, b) => {
 	}
 	return a;
 };
-var __spreadProps$14 = (a, b) => __defProps$14(a, __getOwnPropDescs$14(b));
+var __spreadProps$15 = (a, b) => __defProps$15(a, __getOwnPropDescs$15(b));
 var props$12 = {
 	type: String,
 	nativeType: {
@@ -7375,8 +7375,8 @@ var props$12 = {
 	},
 	loadingRadius: [Number, String],
 	loadingType: pickProps(props$46, "type"),
-	loadingSize: __spreadProps$14(__spreadValues$29({}, pickProps(props$46, "size")), { default: void 0 }),
-	loadingColor: __spreadProps$14(__spreadValues$29({}, pickProps(props$46, "color")), { default: "currentColor" }),
+	loadingSize: __spreadProps$15(__spreadValues$29({}, pickProps(props$46, "size")), { default: void 0 }),
+	loadingColor: __spreadProps$15(__spreadValues$29({}, pickProps(props$46, "color")), { default: "currentColor" }),
 	onClick: defineListenerProp(),
 	onTouchstart: defineListenerProp()
 };
@@ -7786,6 +7786,7 @@ var props$8 = {
 	},
 	fixed: Boolean,
 	border: Boolean,
+	bordered: Boolean,
 	variant: Boolean,
 	safeArea: Boolean,
 	activeColor: String,
@@ -7837,7 +7838,7 @@ function __render__$83(_ctx, _cache) {
 	const _component_var_button = (0, vue.resolveComponent)("var-button");
 	return (0, vue.openBlock)(), (0, vue.createElementBlock)(vue.Fragment, null, [(0, vue.createElementVNode)("div", (0, vue.mergeProps)({
 		ref: "bottomNavigationDom",
-		class: _ctx.classes(_ctx.n(), _ctx.n("$--box"), [_ctx.fixed, _ctx.n("--fixed")], [_ctx.border, _ctx.n("--border")], [_ctx.safeArea, _ctx.n("--safe-area")], [_ctx.variant, _ctx.n("--variant")]),
+		class: _ctx.classes(_ctx.n(), _ctx.n("$--box"), [_ctx.fixed, _ctx.n("--fixed")], [_ctx.bordered || _ctx.border, _ctx.n("--border")], [_ctx.safeArea, _ctx.n("--safe-area")], [_ctx.variant, _ctx.n("--variant")]),
 		style: `z-index:${_ctx.zIndex}`
 	}, _ctx.$attrs), [(0, vue.renderSlot)(_ctx.$slots, "default"), _ctx.$slots.fab ? ((0, vue.openBlock)(), (0, vue.createBlock)(_component_var_button, (0, vue.mergeProps)({
 		key: 0,
@@ -13007,6 +13008,7 @@ var props$26 = {
 		default: true
 	},
 	cellBordered: Boolean,
+	bordered: Boolean,
 	tableLayout: {
 		type: String,
 		default: "auto"
@@ -13047,8 +13049,8 @@ function resolveSpan(span, maxSpan, context) {
 //#endregion
 //#region es/data-table/useBodyRows.mjs
 var __defProp$26 = Object.defineProperty;
-var __defProps$13 = Object.defineProperties;
-var __getOwnPropDescs$13 = Object.getOwnPropertyDescriptors;
+var __defProps$14 = Object.defineProperties;
+var __getOwnPropDescs$14 = Object.getOwnPropertyDescriptors;
 var __getOwnPropSymbols$26 = Object.getOwnPropertySymbols;
 var __hasOwnProp$26 = Object.prototype.hasOwnProperty;
 var __propIsEnum$26 = Object.prototype.propertyIsEnumerable;
@@ -13065,7 +13067,7 @@ var __spreadValues$26 = (a, b) => {
 	}
 	return a;
 };
-var __spreadProps$13 = (a, b) => __defProps$13(a, __getOwnPropDescs$13(b));
+var __spreadProps$14 = (a, b) => __defProps$14(a, __getOwnPropDescs$14(b));
 function useBodyRows({ columns, sourceRows, tree, collapsedTreeRowKeys, expandedRowKeySet, firstTreeColumnIndex, getRowKey, getTreeChildren }) {
 	const allFlatRows = (0, vue.computed)(() => {
 		return tree() ? buildTreeFlatRows(sourceRows(), true) : buildRows(sourceRows());
@@ -13121,7 +13123,7 @@ function useBodyRows({ columns, sourceRows, tree, collapsedTreeRowKeys, expanded
 					rowSpan: rowSpan > 1 ? rowSpan : void 0
 				});
 			});
-			return __spreadProps$13(__spreadValues$26({}, flatRow), {
+			return __spreadProps$14(__spreadValues$26({}, flatRow), {
 				expanded: expandedRowKeySet.value.has(flatRow.key),
 				cells
 			});
@@ -13245,8 +13247,8 @@ function useColumnsFixedOffsets({ columns, resolvedColumnWidths }) {
 //#endregion
 //#region es/data-table/useColumnSizes.mjs
 var __defProp$25 = Object.defineProperty;
-var __defProps$12 = Object.defineProperties;
-var __getOwnPropDescs$12 = Object.getOwnPropertyDescriptors;
+var __defProps$13 = Object.defineProperties;
+var __getOwnPropDescs$13 = Object.getOwnPropertyDescriptors;
 var __getOwnPropSymbols$25 = Object.getOwnPropertySymbols;
 var __hasOwnProp$25 = Object.prototype.hasOwnProperty;
 var __propIsEnum$25 = Object.prototype.propertyIsEnumerable;
@@ -13263,7 +13265,7 @@ var __spreadValues$25 = (a, b) => {
 	}
 	return a;
 };
-var __spreadProps$12 = (a, b) => __defProps$12(a, __getOwnPropDescs$12(b));
+var __spreadProps$13 = (a, b) => __defProps$13(a, __getOwnPropDescs$13(b));
 var defaultDataTableControlColumnWidth = 52;
 function useColumnSizes({ columns, isSelectionColumn, isExpandColumn }) {
 	const resizedColumnWidths = (0, vue.ref)({});
@@ -13330,7 +13332,7 @@ function useColumnSizes({ columns, isSelectionColumn, isExpandColumn }) {
 		stopActiveResize = detach;
 		function handlePointerMove(event2) {
 			const nextWidth = getLimitedColumnWidth(headerCell.column, startWidth + event2.clientX - startX);
-			resizedColumnWidths.value = __spreadProps$12(__spreadValues$25({}, resizedColumnWidths.value), { [columnId]: nextWidth });
+			resizedColumnWidths.value = __spreadProps$13(__spreadValues$25({}, resizedColumnWidths.value), { [columnId]: nextWidth });
 		}
 		function handlePointerUp() {
 			detach();
@@ -13574,8 +13576,8 @@ function useHeaderRows({ columns }) {
 //#endregion
 //#region es/data-table/usePagination.mjs
 var __defProp$24 = Object.defineProperty;
-var __defProps$11 = Object.defineProperties;
-var __getOwnPropDescs$11 = Object.getOwnPropertyDescriptors;
+var __defProps$12 = Object.defineProperties;
+var __getOwnPropDescs$12 = Object.getOwnPropertyDescriptors;
 var __getOwnPropSymbols$24 = Object.getOwnPropertySymbols;
 var __hasOwnProp$24 = Object.prototype.hasOwnProperty;
 var __propIsEnum$24 = Object.prototype.propertyIsEnumerable;
@@ -13592,7 +13594,7 @@ var __spreadValues$24 = (a, b) => {
 	}
 	return a;
 };
-var __spreadProps$11 = (a, b) => __defProps$11(a, __getOwnPropDescs$11(b));
+var __spreadProps$12 = (a, b) => __defProps$12(a, __getOwnPropDescs$12(b));
 var defaultPaginationOptions = {
 	simple: false,
 	disabled: false,
@@ -13610,8 +13612,8 @@ var defaultPaginationOptions = {
 function usePagination({ pagination, remote, loading, page, pageSize, total, data, onUpdatePage }) {
 	const paginationProps = (0, vue.computed)(() => {
 		const resolvedPagination = pagination();
-		if (isBoolean(resolvedPagination)) return __spreadProps$11(__spreadValues$24({}, defaultPaginationOptions), { disabled: loading() });
-		return __spreadProps$11(__spreadValues$24(__spreadValues$24({}, defaultPaginationOptions), resolvedPagination), { disabled: loading() || resolvedPagination.disabled === true });
+		if (isBoolean(resolvedPagination)) return __spreadProps$12(__spreadValues$24({}, defaultPaginationOptions), { disabled: loading() });
+		return __spreadProps$12(__spreadValues$24(__spreadValues$24({}, defaultPaginationOptions), resolvedPagination), { disabled: loading() || resolvedPagination.disabled === true });
 	});
 	const paginationTotal = (0, vue.computed)(() => {
 		var _a;
@@ -13655,8 +13657,8 @@ function usePagination({ pagination, remote, loading, page, pageSize, total, dat
 //#endregion
 //#region es/data-table/useSelectionColumn.mjs
 var __defProp$23 = Object.defineProperty;
-var __defProps$10 = Object.defineProperties;
-var __getOwnPropDescs$10 = Object.getOwnPropertyDescriptors;
+var __defProps$11 = Object.defineProperties;
+var __getOwnPropDescs$11 = Object.getOwnPropertyDescriptors;
 var __getOwnPropSymbols$23 = Object.getOwnPropertySymbols;
 var __hasOwnProp$23 = Object.prototype.hasOwnProperty;
 var __propIsEnum$23 = Object.prototype.propertyIsEnumerable;
@@ -13673,7 +13675,7 @@ var __spreadValues$23 = (a, b) => {
 	}
 	return a;
 };
-var __spreadProps$10 = (a, b) => __defProps$10(a, __getOwnPropDescs$10(b));
+var __spreadProps$11 = (a, b) => __defProps$11(a, __getOwnPropDescs$11(b));
 function useSelectionColumn({ columns, tree, cascade, pagedData, allFlatRows, treeRowMeta, checkedRowKeys, isSelectionColumn, getTreeChildren }) {
 	const selectionColumn = (0, vue.computed)(() => columns().find(isSelectionColumn));
 	const cascadeSelectionEnabled = (0, vue.computed)(() => {
@@ -13701,7 +13703,7 @@ function useSelectionColumn({ columns, tree, cascade, pagedData, allFlatRows, tr
 					indeterminate: false
 				};
 				states.set(flatRow.key, state2);
-				return __spreadProps$10(__spreadValues$23({}, state2), { selectable });
+				return __spreadProps$11(__spreadValues$23({}, state2), { selectable });
 			}
 			const selectableChildren = childStates.filter((childState) => childState.selectable);
 			const allChildrenChecked = selectableChildren.length > 0 ? selectableChildren.every((childState) => childState.checked) : selfChecked;
@@ -13711,7 +13713,7 @@ function useSelectionColumn({ columns, tree, cascade, pagedData, allFlatRows, tr
 				indeterminate: selectableChildren.length > 0 && !allChildrenChecked && someChildrenSelected
 			};
 			states.set(flatRow.key, state);
-			return __spreadProps$10(__spreadValues$23({}, state), { selectable: selectable || selectableChildren.length > 0 });
+			return __spreadProps$11(__spreadValues$23({}, state), { selectable: selectable || selectableChildren.length > 0 });
 		}
 		return states;
 	});
@@ -13829,8 +13831,8 @@ function useSelectionColumn({ columns, tree, cascade, pagedData, allFlatRows, tr
 //#endregion
 //#region es/data-table/useSorter.mjs
 var __defProp$22 = Object.defineProperty;
-var __defProps$9 = Object.defineProperties;
-var __getOwnPropDescs$9 = Object.getOwnPropertyDescriptors;
+var __defProps$10 = Object.defineProperties;
+var __getOwnPropDescs$10 = Object.getOwnPropertyDescriptors;
 var __getOwnPropSymbols$22 = Object.getOwnPropertySymbols;
 var __hasOwnProp$22 = Object.prototype.hasOwnProperty;
 var __propIsEnum$22 = Object.prototype.propertyIsEnumerable;
@@ -13847,7 +13849,7 @@ var __spreadValues$22 = (a, b) => {
 	}
 	return a;
 };
-var __spreadProps$9 = (a, b) => __defProps$9(a, __getOwnPropDescs$9(b));
+var __spreadProps$10 = (a, b) => __defProps$10(a, __getOwnPropDescs$10(b));
 function useSorter({ sorters, sortMode, onUpdateSorters }) {
 	const activeSorters = (0, vue.computed)(() => sorters());
 	function isColumnSortable(column) {
@@ -13878,7 +13880,7 @@ function useSorter({ sorters, sortMode, onUpdateSorters }) {
 			return;
 		}
 		if (currentOrder === "asc") {
-			call(onUpdateSorters(), activeSorters.value.map((sorter) => sorter.key !== columnKey ? sorter : __spreadProps$9(__spreadValues$22({}, sorter), { order: "desc" })));
+			call(onUpdateSorters(), activeSorters.value.map((sorter) => sorter.key !== columnKey ? sorter : __spreadProps$10(__spreadValues$22({}, sorter), { order: "desc" })));
 			return;
 		}
 		call(onUpdateSorters(), activeSorters.value.filter((sorter) => sorter.key !== columnKey));
@@ -13943,8 +13945,8 @@ function useTreeExpand({ tree, data, expandedTreeRowKeys, getRowKey, getTreeChil
 //#endregion
 //#region es/data-table/DataTable.mjs
 var __defProp$21 = Object.defineProperty;
-var __defProps$8 = Object.defineProperties;
-var __getOwnPropDescs$8 = Object.getOwnPropertyDescriptors;
+var __defProps$9 = Object.defineProperties;
+var __getOwnPropDescs$9 = Object.getOwnPropertyDescriptors;
 var __getOwnPropSymbols$21 = Object.getOwnPropertySymbols;
 var __hasOwnProp$21 = Object.prototype.hasOwnProperty;
 var __propIsEnum$21 = Object.prototype.propertyIsEnumerable;
@@ -13961,7 +13963,7 @@ var __spreadValues$21 = (a, b) => {
 	}
 	return a;
 };
-var __spreadProps$8 = (a, b) => __defProps$8(a, __getOwnPropDescs$8(b));
+var __spreadProps$9 = (a, b) => __defProps$9(a, __getOwnPropDescs$9(b));
 var { name: name$55, n: n$64, classes: classes$52 } = createNamespace("data-table");
 var _hoisted_1$27 = { key: 0 };
 var _hoisted_2$7 = ["colspan"];
@@ -13973,7 +13975,7 @@ function __render__$62(_ctx, _cache) {
 	const _component_maybe_v_node = (0, vue.resolveComponent)("maybe-v-node");
 	const _component_var_pagination = (0, vue.resolveComponent)("var-pagination");
 	const _component_var_loading = (0, vue.resolveComponent)("var-loading");
-	return (0, vue.openBlock)(), (0, vue.createElementBlock)("div", { class: (0, vue.normalizeClass)(_ctx.classes(_ctx.n(), [!_ctx.plain, _ctx.formatElevation(_ctx.elevation, 1)], _ctx.n("$--box"), [_ctx.surface === "low", _ctx.n("--surface-low")], [_ctx.cellBordered, _ctx.n("--cell-bordered")], [_ctx.plain, _ctx.n("--plain")], [_ctx.showPagination, _ctx.n("--with-footer")], _ctx.n(`--${_ctx.size}`))) }, [(0, vue.createVNode)(_component_var_loading, { loading: _ctx.loading }, (0, vue.createSlots)({
+	return (0, vue.openBlock)(), (0, vue.createElementBlock)("div", { class: (0, vue.normalizeClass)(_ctx.classes(_ctx.n(), [!_ctx.plain, _ctx.formatElevation(_ctx.elevation, 1)], _ctx.n("$--box"), [_ctx.surface === "low", _ctx.n("--surface-low")], [_ctx.bordered, _ctx.n("--bordered")], [_ctx.cellBordered, _ctx.n("--cell-bordered")], [_ctx.plain, _ctx.n("--plain")], [_ctx.showPagination, _ctx.n("--with-footer")], _ctx.n(`--${_ctx.size}`))) }, [(0, vue.createVNode)(_component_var_loading, { loading: _ctx.loading }, (0, vue.createSlots)({
 		default: (0, vue.withCtx)(() => [(0, vue.createElementVNode)("div", {
 			ref: "container",
 			class: (0, vue.normalizeClass)(_ctx.classes(_ctx.n("container"), _ctx.n("$--scrollbar"))),
@@ -14320,10 +14322,10 @@ var __sfc__$62 = (0, vue.defineComponent)({
 		}
 		function getHeaderCellStyle(cell) {
 			var _a;
-			return __spreadProps$8(__spreadValues$21({ textAlign: getAlign((_a = cell.column.titleAlign) != null ? _a : cell.column.align) }, getFixedStyle(cell.fixed, cell.startLeafColumnIndex)), { zIndex: cell.fixed ? 3 : 2 });
+			return __spreadProps$9(__spreadValues$21({ textAlign: getAlign((_a = cell.column.titleAlign) != null ? _a : cell.column.align) }, getFixedStyle(cell.fixed, cell.startLeafColumnIndex)), { zIndex: cell.fixed ? 3 : 2 });
 		}
 		function getBodyCellStyle(cell) {
-			return __spreadProps$8(__spreadValues$21({ textAlign: getAlign(cell.column.align) }, getFixedStyle(cell.column.fixed, cell.columnIndex)), { zIndex: cell.column.fixed ? 1 : void 0 });
+			return __spreadProps$9(__spreadValues$21({ textAlign: getAlign(cell.column.align) }, getFixedStyle(cell.column.fixed, cell.columnIndex)), { zIndex: cell.column.fixed ? 1 : void 0 });
 		}
 		function handlePaginationChange(nextPage, nextPageSize) {
 			page.value = nextPage;
@@ -16344,6 +16346,8 @@ var props$28 = __spreadValues$17({
 	cancelButtonTextColor: String,
 	confirmButtonColor: String,
 	cancelButtonColor: String,
+	confirmButtonProps: Object,
+	cancelButtonProps: Object,
 	confirmButtonLoading: Boolean,
 	cancelButtonLoading: Boolean,
 	confirmButtonDisabled: Boolean,
@@ -16373,6 +16377,8 @@ var props$28 = __spreadValues$17({
 //#endregion
 //#region es/dialog/Dialog.mjs
 var __defProp$16 = Object.defineProperty;
+var __defProps$8 = Object.defineProperties;
+var __getOwnPropDescs$8 = Object.getOwnPropertyDescriptors;
 var __getOwnPropSymbols$16 = Object.getOwnPropertySymbols;
 var __hasOwnProp$16 = Object.prototype.hasOwnProperty;
 var __propIsEnum$16 = Object.prototype.propertyIsEnumerable;
@@ -16389,6 +16395,7 @@ var __spreadValues$16 = (a, b) => {
 	}
 	return a;
 };
+var __spreadProps$8 = (a, b) => __defProps$8(a, __getOwnPropDescs$8(b));
 var { name: name$52, n: n$57, classes: classes$46 } = createNamespace("dialog");
 function __render__$55(_ctx, _cache) {
 	const _component_var_button = (0, vue.resolveComponent)("var-button");
@@ -16428,53 +16435,27 @@ function __render__$55(_ctx, _cache) {
 				slotClass: _ctx.n("actions"),
 				cancel: _ctx.cancel,
 				confirm: _ctx.confirm
-			}, () => [(0, vue.createElementVNode)("div", { class: (0, vue.normalizeClass)(_ctx.n("actions")) }, [_ctx.cancelButton ? ((0, vue.openBlock)(), (0, vue.createBlock)(_component_var_button, {
-				key: 0,
-				class: (0, vue.normalizeClass)(_ctx.classes(_ctx.n("button"), _ctx.n("cancel-button"))),
+			}, () => [(0, vue.createElementVNode)("div", { class: (0, vue.normalizeClass)(_ctx.n("actions")) }, [_ctx.cancelButton ? ((0, vue.openBlock)(), (0, vue.createBlock)(_component_var_button, (0, vue.mergeProps)({ key: 0 }, _ctx.cancelButtonNormalizedProps, {
+				class: _ctx.classes(_ctx.n("button"), _ctx.n("cancel-button"), [_ctx.cancelButtonProps != null, _ctx.n("--with-button-props")]),
 				"var-dialog-cover": "",
-				text: "",
-				"text-color": _ctx.cancelButtonTextColor,
-				color: _ctx.cancelButtonColor,
-				loading: _ctx.cancelButtonLoading,
-				disabled: _ctx.cancelButtonDisabled,
 				onClick: _ctx.cancel
-			}, {
+			}), {
 				default: (0, vue.withCtx)(() => {
 					var _a;
 					return [(0, vue.createTextVNode)((0, vue.toDisplayString)((_a = _ctx.cancelButtonText) != null ? _a : (_ctx.pt ? _ctx.pt : _ctx.t)("dialogCancelButtonText")), 1)];
 				}),
 				_: 1
-			}, 8, [
-				"class",
-				"text-color",
-				"color",
-				"loading",
-				"disabled",
-				"onClick"
-			])) : (0, vue.createCommentVNode)("v-if", true), _ctx.confirmButton ? ((0, vue.openBlock)(), (0, vue.createBlock)(_component_var_button, {
-				key: 1,
-				class: (0, vue.normalizeClass)(_ctx.classes(_ctx.n("button"), _ctx.n("confirm-button"))),
+			}, 16, ["class", "onClick"])) : (0, vue.createCommentVNode)("v-if", true), _ctx.confirmButton ? ((0, vue.openBlock)(), (0, vue.createBlock)(_component_var_button, (0, vue.mergeProps)({ key: 1 }, _ctx.confirmButtonNormalizedProps, {
+				class: _ctx.classes(_ctx.n("button"), _ctx.n("confirm-button"), [_ctx.confirmButtonProps != null, _ctx.n("--with-button-props")]),
 				"var-dialog-cover": "",
-				text: "",
-				"text-color": _ctx.confirmButtonTextColor,
-				color: _ctx.confirmButtonColor,
-				loading: _ctx.confirmButtonLoading,
-				disabled: _ctx.confirmButtonDisabled,
 				onClick: _ctx.confirm
-			}, {
+			}), {
 				default: (0, vue.withCtx)(() => {
 					var _a;
 					return [(0, vue.createTextVNode)((0, vue.toDisplayString)((_a = _ctx.confirmButtonText) != null ? _a : (_ctx.pt ? _ctx.pt : _ctx.t)("dialogConfirmButtonText")), 1)];
 				}),
 				_: 1
-			}, 8, [
-				"class",
-				"text-color",
-				"color",
-				"loading",
-				"disabled",
-				"onClick"
-			])) : (0, vue.createCommentVNode)("v-if", true)], 2)])
+			}, 16, ["class", "onClick"])) : (0, vue.createCommentVNode)("v-if", true)], 2)])
 		], 16)]),
 		_: 3
 	}, 8, [
@@ -16511,6 +16492,24 @@ var __sfc__$55 = (0, vue.defineComponent)({
 		const cancelButtonLoading = useVModel(props2, "cancelButtonLoading");
 		const confirmButtonDisabled = useVModel(props2, "confirmButtonDisabled");
 		const cancelButtonDisabled = useVModel(props2, "cancelButtonDisabled");
+		const confirmButtonNormalizedProps = (0, vue.computed)(() => {
+			var _a, _b, _c, _d, _e, _f;
+			return __spreadProps$8(__spreadValues$16({ text: true }, props2.confirmButtonProps), {
+				textColor: (_b = props2.confirmButtonTextColor) != null ? _b : (_a = props2.confirmButtonProps) == null ? void 0 : _a.textColor,
+				color: (_d = props2.confirmButtonColor) != null ? _d : (_c = props2.confirmButtonProps) == null ? void 0 : _c.color,
+				loading: confirmButtonLoading.value || ((_e = props2.confirmButtonProps) == null ? void 0 : _e.loading),
+				disabled: confirmButtonDisabled.value || ((_f = props2.confirmButtonProps) == null ? void 0 : _f.disabled)
+			});
+		});
+		const cancelButtonNormalizedProps = (0, vue.computed)(() => {
+			var _a, _b, _c, _d, _e, _f;
+			return __spreadProps$8(__spreadValues$16({ text: true }, props2.cancelButtonProps), {
+				textColor: (_b = props2.cancelButtonTextColor) != null ? _b : (_a = props2.cancelButtonProps) == null ? void 0 : _a.textColor,
+				color: (_d = props2.cancelButtonColor) != null ? _d : (_c = props2.cancelButtonProps) == null ? void 0 : _c.color,
+				loading: cancelButtonLoading.value || ((_e = props2.cancelButtonProps) == null ? void 0 : _e.loading),
+				disabled: cancelButtonDisabled.value || ((_f = props2.cancelButtonProps) == null ? void 0 : _f.disabled)
+			});
+		});
 		const exposedRefs = {
 			confirmButtonLoading,
 			cancelButtonLoading,
@@ -16570,6 +16569,8 @@ var __sfc__$55 = (0, vue.defineComponent)({
 			cancelButtonLoading,
 			confirmButtonDisabled,
 			cancelButtonDisabled,
+			confirmButtonNormalizedProps,
+			cancelButtonNormalizedProps,
 			pt,
 			t,
 			n: n$57,
@@ -20244,6 +20245,10 @@ var props$54 = {
 	height: [Number, String],
 	round: Boolean,
 	inline: Boolean,
+	variant: {
+		type: String,
+		default: "standard"
+	},
 	surface: String,
 	hoverable: {
 		type: [Boolean, Object],
@@ -20259,7 +20264,7 @@ function __render__$38(_ctx, _cache) {
 	const _directive_ripple = (0, vue.resolveDirective)("ripple");
 	const _directive_hover = (0, vue.resolveDirective)("hover");
 	return (0, vue.withDirectives)(((0, vue.openBlock)(), (0, vue.createElementBlock)("div", {
-		class: (0, vue.normalizeClass)(_ctx.classes(_ctx.n(), _ctx.n("$--box"), _ctx.formatElevation(_ctx.elevation, 2), [_ctx.onClick || !_ctx.normalizedHoverable.disabled, _ctx.n("--cursor")], [_ctx.round, _ctx.n("--round")], [_ctx.surfaceLow, _ctx.n("--surface-low")], [_ctx.inline, _ctx.n("$--inline-flex")])),
+		class: (0, vue.normalizeClass)(_ctx.classes(_ctx.n(), _ctx.n("$--box"), [_ctx.variant === "standard", _ctx.formatElevation(_ctx.elevation, 2)], [_ctx.onClick || !_ctx.normalizedHoverable.disabled, _ctx.n("--cursor")], [_ctx.round, _ctx.n("--round")], [_ctx.surfaceLow, _ctx.n("--surface-low")], [_ctx.variant === "outlined", _ctx.n("--outlined")], [_ctx.variant === "filled", _ctx.n("--filled")], [_ctx.inline, _ctx.n("$--inline-flex")])),
 		style: (0, vue.normalizeStyle)({
 			width: _ctx.toSizeUnit(_ctx.width),
 			height: _ctx.toSizeUnit(_ctx.height),
@@ -20287,7 +20292,7 @@ var __sfc__$38 = (0, vue.defineComponent)({
 	components: { VarHoverOverlay: stdin_default$41 },
 	props: props$54,
 	setup(props2) {
-		const surfaceLow = (0, vue.computed)(() => props2.surface === "low");
+		const surfaceLow = (0, vue.computed)(() => props2.surface === "low" && props2.variant !== "filled");
 		const { hovering, handleHovering } = useHoverOverlay();
 		const normalizedRipple = (0, vue.computed)(() => normalizeRipple(props2.ripple));
 		const normalizedHoverable = (0, vue.computed)(() => normalizeHoverable(props2.hoverable));
@@ -21446,7 +21451,7 @@ var props$62 = {
 		type: Boolean,
 		default: true
 	},
-	border: Boolean,
+	bordered: Boolean,
 	onChange: defineListenerProp(),
 	"onUpdate:active": defineListenerProp()
 };
@@ -21461,7 +21466,7 @@ function useRailNavigationItems() {
 //#region es/rail-navigation/RailNavigation.mjs
 var { name: name$25, n: n$30, classes: classes$24 } = createNamespace("rail-navigation");
 function __render__$33(_ctx, _cache) {
-	return (0, vue.openBlock)(), (0, vue.createElementBlock)("aside", (0, vue.mergeProps)({ class: _ctx.classes(_ctx.n(), _ctx.n("$--box"), [_ctx.border, _ctx.n("--border")]) }, _ctx.$attrs), [
+	return (0, vue.openBlock)(), (0, vue.createElementBlock)("aside", (0, vue.mergeProps)({ class: _ctx.classes(_ctx.n(), _ctx.n("$--box"), [_ctx.bordered, _ctx.n("--border")]) }, _ctx.$attrs), [
 		_ctx.$slots.start ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", {
 			key: 0,
 			class: (0, vue.normalizeClass)(_ctx.n("start"))
@@ -25070,13 +25075,14 @@ var props$82 = {
 		default: true
 	},
 	surface: String,
-	plain: Boolean
+	plain: Boolean,
+	bordered: Boolean
 };
 //#endregion
 //#region es/table/Table.mjs
 var { name: name$6, n: n$8, classes: classes$7 } = createNamespace("table");
 function __render__$8(_ctx, _cache) {
-	return (0, vue.openBlock)(), (0, vue.createElementBlock)("div", { class: (0, vue.normalizeClass)(_ctx.classes(_ctx.n(), [!_ctx.plain, _ctx.formatElevation(_ctx.elevation, 1)], _ctx.n("$--box"), [_ctx.surfaceLow, _ctx.n("--surface-low")], [_ctx.plain, _ctx.n("--plain")])) }, [(0, vue.createElementVNode)("div", {
+	return (0, vue.openBlock)(), (0, vue.createElementBlock)("div", { class: (0, vue.normalizeClass)(_ctx.classes(_ctx.n(), [!_ctx.plain, _ctx.formatElevation(_ctx.elevation, 1)], _ctx.n("$--box"), [_ctx.surfaceLow, _ctx.n("--surface-low")], [_ctx.bordered, _ctx.n("--bordered")], [_ctx.plain, _ctx.n("--plain")])) }, [(0, vue.createElementVNode)("div", {
 		class: (0, vue.normalizeClass)(_ctx.classes(_ctx.n("main"), _ctx.n("$--scrollbar"))),
 		style: (0, vue.normalizeStyle)({ "max-height": _ctx.toSizeUnit(_ctx.scrollerHeight) })
 	}, [(0, vue.createElementVNode)("table", {
@@ -25664,6 +25670,7 @@ var stdin_default$322 = {
 	"--card-description-color": "#aaaaaa",
 	"--card-padding": "0 0 15px 0",
 	"--card-background": "var(--color-surface-container-highest)",
+	"--card-outlined-background": "transparent",
 	"--card-filled-background": "var(--color-surface-container-highest)",
 	"--card-outline-color": "var(--color-outline)",
 	"--card-border-radius": "4px",
@@ -25828,9 +25835,15 @@ var stdin_default$314 = {
 	"--data-table-resize-trigger-color": "hsla(var(--hsl-on-surface-variant), 0.36)",
 	"--data-table-fixed-shadow-color": "rgba(0, 0, 0, 0.04)",
 	"--data-table-border-radius": "2px",
-	"--data-table-cell-padding": "8px 16px",
-	"--data-table-selection-cell-padding": "8px 8px",
-	"--data-table-expand-cell-padding": "8px 8px",
+	"--data-table-cell-normal-padding": "8px 16px",
+	"--data-table-cell-small-padding": "4px 16px",
+	"--data-table-cell-large-padding": "11px 16px",
+	"--data-table-selection-cell-normal-padding": "8px 8px",
+	"--data-table-selection-cell-small-padding": "4px 8px",
+	"--data-table-selection-cell-large-padding": "11px 8px",
+	"--data-table-expand-cell-normal-padding": "8px 8px",
+	"--data-table-expand-cell-small-padding": "4px 8px",
+	"--data-table-expand-cell-large-padding": "11px 8px",
 	"--data-table-cell-font-size": "14px",
 	"--data-table-header-font-size": "14px",
 	"--data-table-header-font-weight": "500",
@@ -26180,6 +26193,9 @@ var stdin_default$291 = {
 //#region es/themes/dark/paper.mjs
 var stdin_default$290 = {
 	"--paper-background": "var(--color-surface-container-highest)",
+	"--paper-outlined-background": "transparent",
+	"--paper-filled-background": "var(--color-surface-container-highest)",
+	"--paper-outline-color": "var(--color-outline)",
 	"--paper-border-radius": "4px"
 };
 //#endregion
@@ -26532,6 +26548,7 @@ var stdin_default$267 = {
 	"--table-tbody-td-text-color": "#fff",
 	"--table-tbody-tr-hover-background": "#3a3a3a",
 	"--table-border-radius": "2px",
+	"--table-border": "thin solid var(--color-outline)",
 	"--table-thead-border-bottom": "thin solid var(--color-outline)",
 	"--table-thead-th-font-size": "14px",
 	"--table-thead-th-font-weight": "500",
@@ -26640,6 +26657,7 @@ var stdin_default$264 = {
 //#region es/themes/dark/treeMenu.mjs
 var stdin_default$263 = {
 	"--tree-menu-background": "var(--color-surface-container-high)",
+	"--tree-menu-border-color": "var(--color-outline)",
 	"--tree-menu-item-text-color": "var(--color-text)",
 	"--tree-menu-padding": "8px 0",
 	"--tree-menu-item-gap": "0px",
@@ -27003,6 +27021,7 @@ var stdin_default$248 = {
 	"--card-border-radius": "12px",
 	"--card-background": "var(--color-surface-container-highest)",
 	"--card-surface-low-background": "#1c1b1d",
+	"--card-outlined-background": "transparent",
 	"--card-filled-background": "var(--color-surface-container-highest)",
 	"--card-image-height": "188px",
 	"--card-title-color": "var(--color-inverse-surface)",
@@ -27170,9 +27189,15 @@ var stdin_default$240 = {
 	"--data-table-resize-trigger-color": "hsla(var(--hsl-on-surface-variant), 0.36)",
 	"--data-table-fixed-shadow-color": "rgba(0, 0, 0, 0.04)",
 	"--data-table-border-radius": "2px",
-	"--data-table-cell-padding": "8px 16px",
-	"--data-table-selection-cell-padding": "8px 8px",
-	"--data-table-expand-cell-padding": "8px 8px",
+	"--data-table-cell-normal-padding": "8px 16px",
+	"--data-table-cell-small-padding": "4px 16px",
+	"--data-table-cell-large-padding": "11px 16px",
+	"--data-table-selection-cell-normal-padding": "8px 8px",
+	"--data-table-selection-cell-small-padding": "4px 8px",
+	"--data-table-selection-cell-large-padding": "11px 8px",
+	"--data-table-expand-cell-normal-padding": "8px 8px",
+	"--data-table-expand-cell-small-padding": "4px 8px",
+	"--data-table-expand-cell-large-padding": "11px 8px",
 	"--data-table-cell-font-size": "14px",
 	"--data-table-header-font-size": "14px",
 	"--data-table-header-font-weight": "500",
@@ -27522,6 +27547,9 @@ var stdin_default$217 = {
 var stdin_default$216 = {
 	"--paper-background": "var(--color-surface-container-highest)",
 	"--paper-surface-low-background": "#1c1b1d",
+	"--paper-outlined-background": "transparent",
+	"--paper-filled-background": "var(--color-surface-container-highest)",
+	"--paper-outline-color": "var(--color-outline)",
 	"--paper-border-radius": "12px"
 };
 //#endregion
@@ -27874,6 +27902,7 @@ var stdin_default$193 = {
 	"--table-tbody-td-text-color": "#fff",
 	"--table-tbody-tr-hover-background": "var(--color-surface-container-high)",
 	"--table-border-radius": "2px",
+	"--table-border": "thin solid var(--color-outline)",
 	"--table-thead-border-bottom": "thin solid var(--color-outline)",
 	"--table-thead-th-font-size": "14px",
 	"--table-thead-th-font-weight": "500",
@@ -27982,6 +28011,7 @@ var stdin_default$190 = {
 //#region es/themes/md3-dark/treeMenu.mjs
 var stdin_default$189 = {
 	"--tree-menu-background": "var(--color-surface-container)",
+	"--tree-menu-border-color": "var(--color-outline)",
 	"--tree-menu-item-text-color": "var(--color-on-surface-variant)",
 	"--tree-menu-padding": "8px 8px",
 	"--tree-menu-item-gap": "1px",
@@ -28330,6 +28360,7 @@ var stdin_default$174 = {
 	"--card-border-radius": "12px",
 	"--card-background": "var(--color-surface-container-low)",
 	"--card-surface-low-background": "var(--color-surface-container-low)",
+	"--card-outlined-background": "transparent",
 	"--card-filled-background": "var(--color-surface-container-highest)",
 	"--card-image-height": "188px",
 	"--card-title-color": "#1D1B20",
@@ -28497,9 +28528,15 @@ var stdin_default$166 = {
 	"--data-table-resize-trigger-color": "hsla(var(--hsl-on-surface-variant), 0.36)",
 	"--data-table-fixed-shadow-color": "rgba(0, 0, 0, 0.04)",
 	"--data-table-border-radius": "2px",
-	"--data-table-cell-padding": "8px 16px",
-	"--data-table-selection-cell-padding": "8px 8px",
-	"--data-table-expand-cell-padding": "8px 8px",
+	"--data-table-cell-normal-padding": "8px 16px",
+	"--data-table-cell-small-padding": "4px 16px",
+	"--data-table-cell-large-padding": "11px 16px",
+	"--data-table-selection-cell-normal-padding": "8px 8px",
+	"--data-table-selection-cell-small-padding": "4px 8px",
+	"--data-table-selection-cell-large-padding": "11px 8px",
+	"--data-table-expand-cell-normal-padding": "8px 8px",
+	"--data-table-expand-cell-small-padding": "4px 8px",
+	"--data-table-expand-cell-large-padding": "11px 8px",
 	"--data-table-cell-font-size": "14px",
 	"--data-table-header-font-size": "14px",
 	"--data-table-header-font-weight": "500",
@@ -28849,6 +28886,9 @@ var stdin_default$143 = {
 var stdin_default$142 = {
 	"--paper-background": "var(--color-surface-container-low)",
 	"--paper-surface-low-background": "var(--color-surface-container-low)",
+	"--paper-outlined-background": "transparent",
+	"--paper-filled-background": "var(--color-surface-container-highest)",
+	"--paper-outline-color": "var(--color-outline)",
 	"--paper-border-radius": "12px"
 };
 //#endregion
@@ -29196,6 +29236,7 @@ var stdin_default$119 = {
 	"--table-surface-low-row-hover-background": "var(--color-surface-container-highest)",
 	"--table-tbody-tr-hover-background": "var(--color-surface-container-high)",
 	"--table-border-radius": "2px",
+	"--table-border": "thin solid var(--color-outline)",
 	"--table-thead-border-bottom": "thin solid var(--color-outline)",
 	"--table-thead-th-text-color": "rgba(0, 0, 0, 0.6)",
 	"--table-thead-th-text-align": "left",
@@ -29307,6 +29348,7 @@ var stdin_default$116 = {
 //#region es/themes/md3-light/treeMenu.mjs
 var stdin_default$115 = {
 	"--tree-menu-background": "var(--color-surface-container)",
+	"--tree-menu-border-color": "var(--color-outline)",
 	"--tree-menu-item-text-color": "var(--color-on-surface-variant)",
 	"--tree-menu-padding": "8px 8px",
 	"--tree-menu-item-gap": "1px",
@@ -30213,6 +30255,7 @@ var props$87 = {
 		type: Boolean,
 		default: false
 	},
+	bordered: Boolean,
 	disabled: Boolean,
 	onChange: defineListenerProp(),
 	"onUpdate:active": defineListenerProp(),
@@ -30351,7 +30394,7 @@ var { name: name$2, n: n$2, classes: classes$2 } = createNamespace("tree-menu");
 function __render__$2(_ctx, _cache) {
 	const _component_tree_menu_option = (0, vue.resolveComponent)("tree-menu-option");
 	return (0, vue.openBlock)(), (0, vue.createElementBlock)("nav", {
-		class: (0, vue.normalizeClass)(_ctx.classes(_ctx.n(), _ctx.n("$--box"))),
+		class: (0, vue.normalizeClass)(_ctx.classes(_ctx.n(), _ctx.n("$--box"), [_ctx.bordered, _ctx.n("--border")])),
 		style: (0, vue.normalizeStyle)(_ctx.styles)
 	}, [
 		_ctx.$slots.start ? (0, vue.renderSlot)(_ctx.$slots, "start", { key: 0 }) : (0, vue.createCommentVNode)("v-if", true),
@@ -31230,7 +31273,7 @@ var _WatermarkComponent = stdin_default$106;
 var stdin_default$100 = stdin_default$106;
 //#endregion
 //#region es/index.bundle.mjs
-var version = "3.18.0-alpha.1781201095903";
+var version = "3.18.0";
 function install(app) {
 	stdin_default.install && app.use(stdin_default);
 	stdin_default$1.install && app.use(stdin_default$1);