@varlet/ui 3.20.8 → 3.20.9

package/highlight/web-types.en-US.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
   "framework": "vue",
-  "version": "3.20.8",
+  "version": "3.20.9",
   "name": "VARLET",
   "contributions": {
     "html": {
@@ -457,6 +457,15 @@
                 "kind": "expression"
               }
             },
+            {
+              "name": "menu-radius",
+              "description": "Popup menu radius, optional values are `normal` `large`",
+              "default": "normal",
+              "value": {
+                "type": "string",
+                "kind": "expression"
+              }
+            },
             {
               "name": "options",
               "description": "Specifies options",
@@ -5886,6 +5895,15 @@
                 "kind": "expression"
               }
             },
+            {
+              "name": "radius",
+              "description": "Popup menu radius, optional values are `normal` `large`",
+              "default": "normal",
+              "value": {
+                "type": "string",
+                "kind": "expression"
+              }
+            },
             {
               "name": "same-width",
               "description": "Whether to same width as trigger element",
@@ -6155,6 +6173,15 @@
                 "kind": "expression"
               }
             },
+            {
+              "name": "radius",
+              "description": "Popup menu radius, optional values are `normal` `large`",
+              "default": "normal",
+              "value": {
+                "type": "string",
+                "kind": "expression"
+              }
+            },
             {
               "name": "same-width",
               "description": "Whether to same width as trigger element",
@@ -8059,6 +8086,15 @@
                 "kind": "expression"
               }
             },
+            {
+              "name": "menu-radius",
+              "description": "Popup menu radius, optional values are `normal` `large`; does not affect the select field",
+              "default": "normal",
+              "value": {
+                "type": "string",
+                "kind": "expression"
+              }
+            },
             {
               "name": "chip",
               "description": "Whether to use chip style (multiple choices only)",

package/highlight/web-types.zh-CN.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
   "framework": "vue",
-  "version": "3.20.8",
+  "version": "3.20.9",
   "name": "VARLET",
   "contributions": {
     "html": {
@@ -457,6 +457,15 @@
                 "kind": "expression"
               }
             },
+            {
+              "name": "menu-radius",
+              "description": "弹出菜单圆角，可选值 `normal` `large`",
+              "default": "normal",
+              "value": {
+                "type": "string",
+                "kind": "expression"
+              }
+            },
             {
               "name": "options",
               "description": "指定可选项",
@@ -5628,6 +5637,15 @@
                 "kind": "expression"
               }
             },
+            {
+              "name": "radius",
+              "description": "弹出菜单圆角，可选值 `normal` `large`",
+              "default": "normal",
+              "value": {
+                "type": "string",
+                "kind": "expression"
+              }
+            },
             {
               "name": "same-width",
               "description": "是否与触发元素同宽",
@@ -5897,6 +5915,15 @@
                 "kind": "expression"
               }
             },
+            {
+              "name": "radius",
+              "description": "弹出菜单圆角，可选值 `normal` `large`",
+              "default": "normal",
+              "value": {
+                "type": "string",
+                "kind": "expression"
+              }
+            },
             {
               "name": "same-width",
               "description": "是否与触发元素同宽",
@@ -7977,6 +8004,15 @@
                 "kind": "expression"
               }
             },
+            {
+              "name": "menu-radius",
+              "description": "弹出菜单圆角，可选值 `normal` `large`，不影响选择框",
+              "default": "normal",
+              "value": {
+                "type": "string",
+                "kind": "expression"
+              }
+            },
             {
               "name": "chip",
               "description": "是否使用纸片风格(仅限多选)",

package/lib/varlet.cjs.js

@@ -3159,7 +3159,7 @@ var props$35 = {
 //#endregion
 //#region es/form-details/FormDetails.mjs
 var { name: name$92, n: n$103 } = createNamespace("form-details");
-var _hoisted_1$46 = { key: 0 };
+var _hoisted_1$45 = { key: 0 };
 var _hoisted_2$11 = { key: 0 };
 function __render__$101(_ctx, _cache) {
 	return (0, vue.openBlock)(), (0, vue.createBlock)(vue.Transition, { name: _ctx.n() }, {
@@ -3167,7 +3167,7 @@ function __render__$101(_ctx, _cache) {
 			key: 0,
 			class: (0, vue.normalizeClass)(_ctx.n())
 		}, [(0, vue.createElementVNode)("div", { class: (0, vue.normalizeClass)(_ctx.n("error-message")) }, [(0, vue.createVNode)(vue.Transition, { name: _ctx.n("message") }, {
-			default: (0, vue.withCtx)(() => [_ctx.errorMessage ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_1$46, (0, vue.toDisplayString)(_ctx.errorMessage), 1)) : (0, vue.createCommentVNode)("v-if", true)]),
+			default: (0, vue.withCtx)(() => [_ctx.errorMessage ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_1$45, (0, vue.toDisplayString)(_ctx.errorMessage), 1)) : (0, vue.createCommentVNode)("v-if", true)]),
 			_: 1
 		}, 8, ["name"])], 2), (0, vue.createElementVNode)("div", { class: (0, vue.normalizeClass)(_ctx.n("extra-message")) }, [(0, vue.createVNode)(vue.Transition, { name: _ctx.n("message") }, {
 			default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "extra-message", {}, () => [_ctx.extraMessage ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_2$11, (0, vue.toDisplayString)(_ctx.extraMessage), 1)) : (0, vue.createCommentVNode)("v-if", true)])]),
@@ -3328,7 +3328,7 @@ var __async$24 = (__this, __arguments, generator) => {
 	});
 };
 var { name: name$91, n: n$102, classes: classes$80 } = createNamespace("field-decorator");
-var _hoisted_1$45 = ["for"];
+var _hoisted_1$44 = ["for"];
 function __render__$100(_ctx, _cache) {
 	const _component_var_icon = (0, vue.resolveComponent)("var-icon");
 	return (0, vue.openBlock)(), (0, vue.createElementBlock)("div", {
@@ -3355,7 +3355,7 @@ function __render__$100(_ctx, _cache) {
 			class: (0, vue.normalizeClass)(_ctx.classes(_ctx.n("placeholder"), _ctx.n("$--ellipsis"), [_ctx.isFocusing, _ctx.n("--focus")], [_ctx.hintCenter, _ctx.n("--hint-center")], [_ctx.formDisabled || _ctx.disabled, _ctx.n("--disabled")], [_ctx.isError, _ctx.n("--error")], [_ctx.transitionDisabled, _ctx.n("--transition-disabled")], _ctx.computePlaceholderState())),
 			style: (0, vue.normalizeStyle)({ color: _ctx.color }),
 			for: _ctx.id
-		}, [(0, vue.createElementVNode)("span", null, (0, vue.toDisplayString)(_ctx.placeholder), 1)], 14, _hoisted_1$45)) : (0, vue.createCommentVNode)("v-if", true),
+		}, [(0, vue.createElementVNode)("span", null, (0, vue.toDisplayString)(_ctx.placeholder), 1)], 14, _hoisted_1$44)) : (0, vue.createCommentVNode)("v-if", true),
 		(0, vue.createElementVNode)("div", { class: (0, vue.normalizeClass)(_ctx.classes(_ctx.n("icon"), [!_ctx.hint, _ctx.n("--icon-non-hint")])) }, [_ctx.clearable && !_ctx.isEmpty(_ctx.value) && !_ctx.readonly && !_ctx.formReadonly ? (0, vue.renderSlot)(_ctx.$slots, "clear-icon", {
 			key: 0,
 			clear: _ctx.handleClear
@@ -3579,7 +3579,7 @@ var props$43 = __spreadProps$19(__spreadValues$37({
 //#endregion
 //#region es/input/Input.mjs
 var { name: name$90, n: n$101, classes: classes$79 } = createNamespace("input");
-var _hoisted_1$44 = [
+var _hoisted_1$43 = [
 	"aria-label",
 	"placeholder",
 	"enterkeyhint"
@@ -3654,7 +3654,7 @@ function __render__$99(_ctx, _cache) {
 			placeholder: !_ctx.hint ? _ctx.placeholder : void 0,
 			style: (0, vue.normalizeStyle)({ "--input-placeholder-color": _ctx.placeholderColor }),
 			enterkeyhint: _ctx.enterkeyhint
-		}, null, 14, _hoisted_1$44)) : (0, vue.createCommentVNode)("v-if", true), _ctx.textarea ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("textarea", {
+		}, null, 14, _hoisted_1$43)) : (0, vue.createCommentVNode)("v-if", true), _ctx.textarea ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("textarea", {
 			key: 1,
 			id: _ctx.id,
 			ref: "el",
@@ -4003,7 +4003,7 @@ var __async$23 = (__this, __arguments, generator) => {
 	});
 };
 var { name: name$89, n: n$100, classes: classes$78 } = createNamespace("checkbox");
-var _hoisted_1$43 = [
+var _hoisted_1$42 = [
 	"aria-checked",
 	"aria-disabled",
 	"tabindex"
@@ -4059,7 +4059,7 @@ function __render__$98(_ctx, _cache) {
 		key: 0,
 		class: (0, vue.normalizeClass)(_ctx.classes(_ctx.n("text"), [_ctx.errorMessage || _ctx.checkboxGroupErrorMessage, _ctx.n("--error")], [_ctx.formDisabled || _ctx.disabled, _ctx.n("--disabled")])),
 		onClick: _cache[0] || (_cache[0] = (...args) => _ctx.handleTextClick && _ctx.handleTextClick(...args))
-	}, [(0, vue.renderSlot)(_ctx.$slots, "default", { checked: _ctx.checked })], 2)) : (0, vue.createCommentVNode)("v-if", true)], 42, _hoisted_1$43), (0, vue.createVNode)(_component_var_form_details, { "error-message": _ctx.errorMessage }, null, 8, ["error-message"])], 2);
+	}, [(0, vue.renderSlot)(_ctx.$slots, "default", { checked: _ctx.checked })], 2)) : (0, vue.createCommentVNode)("v-if", true)], 42, _hoisted_1$42), (0, vue.createVNode)(_component_var_form_details, { "error-message": _ctx.errorMessage }, null, 8, ["error-message"])], 2);
 }
 var __sfc__$98 = (0, vue.defineComponent)({
 	name: name$89,
@@ -4253,7 +4253,7 @@ var __async$22 = (__this, __arguments, generator) => {
 	});
 };
 var { name: name$88, n: n$99, classes: classes$77 } = createNamespace("menu-option");
-var _hoisted_1$42 = ["tabindex"];
+var _hoisted_1$41 = ["tabindex"];
 function __render__$97(_ctx, _cache) {
 	const _component_var_checkbox = (0, vue.resolveComponent)("var-checkbox");
 	const _component_maybe_v_node = (0, vue.resolveComponent)("maybe-v-node");
@@ -4302,7 +4302,7 @@ function __render__$97(_ctx, _cache) {
 			hovering: (_ctx.hovering || _ctx.highlight) && !_ctx.disabled,
 			focusing: _ctx.isFocusing && !_ctx.disabled
 		}, null, 8, ["hovering", "focusing"])
-	], 42, _hoisted_1$42)), [[_directive_ripple, { disabled: _ctx.disabled || !_ctx.ripple }], [
+	], 42, _hoisted_1$41)), [[_directive_ripple, { disabled: _ctx.disabled || !_ctx.ripple }], [
 		_directive_hover,
 		_ctx.handleHovering,
 		"desktop"
@@ -4426,6 +4426,10 @@ var stdin_default$57 = stdin_default$440;
 //#endregion
 //#region es/menu/props.mjs
 var props$49 = {
+	radius: {
+		type: String,
+		default: "normal"
+	},
 	show: Boolean,
 	disabled: Boolean,
 	trigger: {
@@ -5922,7 +5926,7 @@ function __render__$96(_ctx, _cache) {
 				zIndex: _ctx.zIndex,
 				width: _ctx.sameWidth ? _ctx.toSizeUnit(Math.ceil(_ctx.referenceSize.width)) : void 0
 			}),
-			class: (0, vue.normalizeClass)(_ctx.classes(_ctx.n("menu"), _ctx.n("$--box"), _ctx.n("$--scrollbar"), _ctx.popoverClass, [_ctx.defaultStyle, _ctx.n("--menu-background-color")], [_ctx.defaultStyle, _ctx.formatElevation(_ctx.elevation, 3)])),
+			class: (0, vue.normalizeClass)(_ctx.classes(_ctx.n("menu"), _ctx.n("$--box"), _ctx.n("$--scrollbar"), [_ctx.radius !== "normal", _ctx.n(`--radius-${_ctx.radius}`)], _ctx.popoverClass, [_ctx.defaultStyle, _ctx.n("--menu-background-color")], [_ctx.defaultStyle, _ctx.formatElevation(_ctx.elevation, 3)])),
 			onClick: _cache[0] || (_cache[0] = (0, vue.withModifiers)(() => {}, ["stop"])),
 			onMouseenter: _cache[1] || (_cache[1] = (...args) => _ctx.handlePopoverMouseenter && _ctx.handlePopoverMouseenter(...args)),
 			onMouseleave: _cache[2] || (_cache[2] = (...args) => _ctx.handlePopoverMouseleave && _ctx.handlePopoverMouseleave(...args))
@@ -6092,6 +6096,7 @@ var props$50 = __spreadProps$17(__spreadValues$35({
 	"offsetY",
 	"teleport",
 	"sameWidth",
+	"radius",
 	"elevation",
 	"popoverClass",
 	"closeOnClickReference",
@@ -6142,7 +6147,6 @@ var __async$20 = (__this, __arguments, generator) => {
 	});
 };
 var { name: name$86, n: n$97 } = createNamespace("menu-children");
-var _hoisted_1$41 = { ref: "menuOptions" };
 function __render__$95(_ctx, _cache) {
 	const _component_var_menu_option = (0, vue.resolveComponent)("var-menu-option");
 	const _component_var_menu_children = (0, vue.resolveComponent)("var-menu-children");
@@ -6155,8 +6159,9 @@ function __render__$95(_ctx, _cache) {
 		placement: "right-start",
 		"cascade-optimization": "",
 		"var-menu-children-cover": "",
-		class: (0, vue.normalizeClass)(_ctx.n()),
+		class: (0, vue.normalizeClass)([_ctx.n(), _ctx.radius !== "normal" ? _ctx.n(`--menu-radius-${_ctx.radius}`) : void 0]),
 		disabled: _ctx.disabled,
+		radius: _ctx.radius,
 		teleport: false,
 		"close-on-click-reference": false
 	}, (0, vue.createSlots)({
@@ -6184,7 +6189,7 @@ function __render__$95(_ctx, _cache) {
 		_: 2
 	}, [_ctx.options.length ? {
 		name: "menu",
-		fn: (0, vue.withCtx)(() => [(0, vue.createElementVNode)("div", _hoisted_1$41, [((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, null, (0, vue.renderList)(_ctx.options, (menuOption) => {
+		fn: (0, vue.withCtx)(() => [(0, vue.createElementVNode)("div", (0, vue.mergeProps)({ ref: "menuOptions" }, _ctx.radius !== "normal" ? { class: _ctx.n(`--radius-${_ctx.radius}`) } : {}), [((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, null, (0, vue.renderList)(_ctx.options, (menuOption) => {
 			return (0, vue.openBlock)(), (0, vue.createElementBlock)(vue.Fragment, { key: menuOption[_ctx.valueKey] }, [menuOption[_ctx.childrenKey] ? ((0, vue.openBlock)(), (0, vue.createBlock)(_component_var_menu_children, {
 				key: 0,
 				ref_for: true,
@@ -6194,6 +6199,7 @@ function __render__$95(_ctx, _cache) {
 				options: menuOption[_ctx.childrenKey],
 				"highlight-options": _ctx.highlightOptions,
 				disabled: menuOption.disabled,
+				radius: _ctx.radius,
 				onKeyArrowX: _ctx.handleArrowLeft,
 				onKeyArrowRightOpen: ($event) => _ctx.allowChildrenClose(menuOption),
 				onMouseenter: ($event) => _ctx.allowChildrenClose(menuOption)
@@ -6203,6 +6209,7 @@ function __render__$95(_ctx, _cache) {
 				"options",
 				"highlight-options",
 				"disabled",
+				"radius",
 				"onKeyArrowX",
 				"onKeyArrowRightOpen",
 				"onMouseenter"
@@ -6223,12 +6230,13 @@ function __render__$95(_ctx, _cache) {
 				"disabled",
 				"onKeyArrowX"
 			]))], 64);
-		}), 128))], 512)]),
+		}), 128))], 16)]),
 		key: "0"
 	} : void 0]), 1032, [
 		"show",
 		"class",
-		"disabled"
+		"disabled",
+		"radius"
 	]);
 }
 var __sfc__$95 = (0, vue.defineComponent)({
@@ -6252,7 +6260,8 @@ var __sfc__$95 = (0, vue.defineComponent)({
 		"options",
 		"valueKey",
 		"labelKey",
-		"childrenKey"
+		"childrenKey",
+		"radius"
 	])),
 	setup(props) {
 		const show = (0, vue.ref)(false);
@@ -6364,6 +6373,7 @@ function __render__$94(_ctx, _cache) {
 		"offset-y": _ctx.offsetY,
 		teleport: _ctx.teleport,
 		"same-width": _ctx.sameWidth,
+		radius: _ctx.radius,
 		elevation: _ctx.elevation,
 		"default-style": false,
 		"popover-class": _ctx.popoverClass,
@@ -6377,7 +6387,7 @@ function __render__$94(_ctx, _cache) {
 	}, {
 		menu: (0, vue.withCtx)(() => [(0, vue.createElementVNode)("div", {
 			ref: "menuOptionsRef",
-			class: (0, vue.normalizeClass)(_ctx.classes(_ctx.n("menu"), _ctx.n("$--scrollbar"), _ctx.formatElevation(_ctx.elevation, 3), [_ctx.scrollable, _ctx.n("--scrollable")]))
+			class: (0, vue.normalizeClass)(_ctx.classes(_ctx.n("menu"), _ctx.n("$--scrollbar"), _ctx.formatElevation(_ctx.elevation, 3), [_ctx.scrollable, _ctx.n("--scrollable")], [_ctx.radius !== "normal", _ctx.n(`--radius-${_ctx.radius}`)]))
 		}, [((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, null, (0, vue.renderList)(_ctx.options, (option) => {
 			return (0, vue.openBlock)(), (0, vue.createElementBlock)(vue.Fragment, { key: option[_ctx.valueKey] }, [option[_ctx.childrenKey] ? ((0, vue.openBlock)(), (0, vue.createBlock)(_component_var_menu_children, {
 				key: 0,
@@ -6388,6 +6398,7 @@ function __render__$94(_ctx, _cache) {
 				options: option[_ctx.childrenKey],
 				"highlight-options": _ctx.highlightOptions,
 				disabled: option.disabled,
+				radius: _ctx.radius,
 				onKeyArrowRightOpen: ($event) => _ctx.allowChildrenClose(option),
 				onMouseenter: ($event) => _ctx.allowChildrenClose(option)
 			}, null, 8, [
@@ -6396,6 +6407,7 @@ function __render__$94(_ctx, _cache) {
 				"options",
 				"highlight-options",
 				"disabled",
+				"radius",
 				"onKeyArrowRightOpen",
 				"onMouseenter"
 			])) : ((0, vue.openBlock)(), (0, vue.createBlock)(_component_var_menu_option, {
@@ -6428,6 +6440,7 @@ function __render__$94(_ctx, _cache) {
 		"offset-y",
 		"teleport",
 		"same-width",
+		"radius",
 		"elevation",
 		"popover-class",
 		"close-on-click-reference",
@@ -6695,6 +6708,10 @@ var props$95 = __spreadValues$32({
 		type: String,
 		default: "value"
 	},
+	menuRadius: {
+		type: String,
+		default: "normal"
+	},
 	maxlength: [String, Number],
 	readonly: Boolean,
 	disabled: Boolean,
@@ -6775,6 +6792,7 @@ function __render__$93(_ctx, _cache) {
 		scrollable: "",
 		trigger: "manual",
 		placement: "bottom",
+		radius: _ctx.menuRadius,
 		disabled: _ctx.disabled || _ctx.formDisabled || _ctx.readonly || _ctx.formReadonly,
 		class: (0, vue.normalizeClass)(_ctx.n("menu-select")),
 		"popover-class": _ctx.variant === "standard" ? _ctx.n("--standard-menu-margin") : _ctx.variant === "filled" ? _ctx.n("--filled-menu-margin") : "",
@@ -6855,6 +6873,7 @@ function __render__$93(_ctx, _cache) {
 		_: 3
 	}, 8, [
 		"show",
+		"radius",
 		"disabled",
 		"class",
 		"popover-class",
@@ -24055,6 +24074,10 @@ var props$69 = __spreadValues$7({
 		type: String,
 		default: "value"
 	},
+	menuRadius: {
+		type: String,
+		default: "normal"
+	},
 	multiple: Boolean,
 	offsetY: {
 		type: [String, Number],
@@ -24301,6 +24324,7 @@ function __render__$20(_ctx, _cache) {
 		class: (0, vue.normalizeClass)(_ctx.n("menu")),
 		"popover-class": _ctx.variant === "standard" && _ctx.hint && !_ctx.filterable ? _ctx.n("--standard-menu-margin") : void 0,
 		"offset-y": _ctx.offsetY,
+		radius: _ctx.menuRadius,
 		disabled: _ctx.formReadonly || _ctx.readonly || _ctx.formDisabled || _ctx.disabled,
 		placement: _ctx.placement,
 		"default-style": false,
@@ -24308,7 +24332,7 @@ function __render__$20(_ctx, _cache) {
 	}, {
 		menu: (0, vue.withCtx)(() => [(0, vue.createElementVNode)("div", {
 			ref: "menuEl",
-			class: (0, vue.normalizeClass)(_ctx.classes(_ctx.n("scroller"), _ctx.n("$--scrollbar"), _ctx.n("$-elevation--3")))
+			class: (0, vue.normalizeClass)(_ctx.classes(_ctx.n("scroller"), _ctx.n("$--scrollbar"), _ctx.n("$-elevation--3"), [_ctx.menuRadius !== "normal", _ctx.n(`--menu-radius-${_ctx.menuRadius}`)]))
 		}, [
 			_ctx.showEmpty ? (0, vue.renderSlot)(_ctx.$slots, "empty", { key: 0 }, () => [(0, vue.createElementVNode)("div", { class: (0, vue.normalizeClass)(_ctx.n("empty")) }, (0, vue.toDisplayString)((_ctx.pt ? _ctx.pt : _ctx.t)("selectEmptyText")), 3)]) : (0, vue.createCommentVNode)("v-if", true),
 			_ctx.options.length ? ((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, { key: 1 }, (0, vue.renderList)(_ctx.options, (option) => {
@@ -24486,6 +24510,7 @@ function __render__$20(_ctx, _cache) {
 		"class",
 		"popover-class",
 		"offset-y",
+		"radius",
 		"disabled",
 		"placement",
 		"onClickOutside"
@@ -27727,7 +27752,8 @@ var stdin_default$305 = {
 //#region es/themes/dark/menu.mjs
 var stdin_default$304 = {
 	"--menu-background-color": "#272727",
-	"--menu-border-radius": "2px"
+	"--menu-border-radius": "2px",
+	"--menu-large-border-radius": "8px"
 };
 //#endregion
 //#region es/themes/dark/menuOption.mjs
@@ -27751,7 +27777,8 @@ var stdin_default$302 = {
 	"--menu-select-menu-background-color": "#272727",
 	"--menu-select-menu-max-height": "278px",
 	"--menu-select-menu-padding": "0",
-	"--menu-select-menu-border-radius": "2px"
+	"--menu-select-menu-border-radius": "2px",
+	"--menu-select-menu-large-border-radius": "8px"
 };
 //#endregion
 //#region es/themes/dark/option.mjs
@@ -27974,6 +28001,7 @@ var stdin_default$284 = {
 	"--select-scroller-padding": "6px 0",
 	"--select-scroller-max-height": "278px",
 	"--select-scroller-border-radius": "2px",
+	"--select-scroller-large-border-radius": "8px",
 	"--select-chips-margin": "-5px 0 0 0",
 	"--select-chips-padding": "2px 0",
 	"--select-chip-margin": "5px 5px 0 0",
@@ -29108,7 +29136,8 @@ var stdin_default$229 = {
 //#region es/themes/md3-dark/menu.mjs
 var stdin_default$228 = {
 	"--menu-background-color": "var(--color-surface-container)",
-	"--menu-border-radius": "4px"
+	"--menu-border-radius": "4px",
+	"--menu-large-border-radius": "16px"
 };
 //#endregion
 //#region es/themes/md3-dark/menuOption.mjs
@@ -29131,6 +29160,7 @@ var stdin_default$227 = {
 var stdin_default$226 = {
 	"--menu-select-menu-background-color": "var(--color-surface-container)",
 	"--menu-select-menu-border-radius": "4px",
+	"--menu-select-menu-large-border-radius": "16px",
 	"--menu-select-menu-max-height": "278px",
 	"--menu-select-menu-padding": "0"
 };
@@ -29354,6 +29384,7 @@ var stdin_default$209 = {
 var stdin_default$208 = {
 	"--select-scroller-background": "var(--color-surface-container)",
 	"--select-scroller-border-radius": "4px",
+	"--select-scroller-large-border-radius": "16px",
 	"--select-scroller-padding": "6px 0",
 	"--select-scroller-max-height": "278px",
 	"--select-chips-margin": "-5px 0 0 0",
@@ -30475,7 +30506,8 @@ var stdin_default$153 = {
 //#region es/themes/md3-light/menu.mjs
 var stdin_default$152 = {
 	"--menu-background-color": "var(--color-surface-container)",
-	"--menu-border-radius": "4px"
+	"--menu-border-radius": "4px",
+	"--menu-large-border-radius": "16px"
 };
 //#endregion
 //#region es/themes/md3-light/menuOption.mjs
@@ -30498,6 +30530,7 @@ var stdin_default$151 = {
 var stdin_default$150 = {
 	"--menu-select-menu-background-color": "var(--color-surface-container)",
 	"--menu-select-menu-border-radius": "4px",
+	"--menu-select-menu-large-border-radius": "16px",
 	"--menu-select-menu-max-height": "278px",
 	"--menu-select-menu-padding": "0"
 };
@@ -30721,6 +30754,7 @@ var stdin_default$133 = {
 var stdin_default$132 = {
 	"--select-scroller-background": "var(--color-surface-container)",
 	"--select-scroller-border-radius": "4px",
+	"--select-scroller-large-border-radius": "16px",
 	"--select-scroller-padding": "6px 0",
 	"--select-scroller-max-height": "278px",
 	"--select-chips-margin": "-5px 0 0 0",
@@ -32955,7 +32989,7 @@ var _WatermarkComponent = stdin_default$108;
 var stdin_default$102 = stdin_default$108;
 //#endregion
 //#region es/index.bundle.mjs
-var version = "3.20.8";
+var version = "3.20.9";
 function install(app) {
 	stdin_default.install && app.use(stdin_default);
 	stdin_default$1.install && app.use(stdin_default$1);