@threadlabs/looma 0.21.6 → 0.22.1

package/vue/chunks/UiList.js

@@ -1,7 +1,7 @@
 import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
 import { n as preserveRootFocus } from "./host.js";
-import { t as checkedProp } from "./props.js";
-import { computed, createElementBlock, defineComponent, getCurrentInstance, mergeProps, openBlock, renderSlot, useTemplateRef, watchSyncEffect } from "vue";
+import { r as vPropValidity, t as checkedProp } from "./props.js";
+import { computed, createElementBlock, defineComponent, getCurrentInstance, mergeProps, openBlock, renderSlot, unref, useTemplateRef, watchSyncEffect, withDirectives } from "vue";
 //#region .build/vue/UiList.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = [
 	"data-as",
@@ -41,24 +41,70 @@ var UiList_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 		}
 	},
 	setup(__props) {
+		const propValidityContract = { props: {
+			as: {
+				type: {
+					kind: "terminal",
+					name: "keyword"
+				},
+				required: false,
+				target: { attribute: "as" },
+				description: "The native list element. Use ol when item order matters; its native numbers are shown.",
+				values: ["ul", "ol"],
+				default: "ul"
+			},
+			density: {
+				type: {
+					kind: "terminal",
+					name: "keyword"
+				},
+				required: false,
+				target: { attribute: "density" },
+				description: "How much room each item takes. comfortable is a full row, easy to point at, for lists of things to open; compact sets items close together with no row\n      padding, for a short list of facts inside other content, such as the features a plan includes.",
+				values: ["comfortable", "compact"],
+				default: "comfortable"
+			},
+			layout: {
+				type: {
+					kind: "terminal",
+					name: "keyword"
+				},
+				required: false,
+				target: { attribute: "layout" },
+				description: "How the items are laid out. Rows stack the items one per line, for a list read top to bottom. Grid sets them in as many columns as fit, each at least\n      --ui-list-min-item-width (14rem) wide, for card items such as pinned or featured entries.",
+				values: ["rows", "grid"],
+				default: "rows"
+			},
+			markers: {
+				type: {
+					kind: "terminal",
+					name: "keyword"
+				},
+				required: false,
+				target: { attribute: "markers" },
+				description: "Show disc bullets for a ul of native li elements. An ol always shows native numbers.",
+				values: ["none", "disc"],
+				default: "none"
+			}
+		} };
 		const props = __props;
 		const checkedProps = computed(() => ({
 			as: checkedProp(props["as"], {
 				kind: "terminal",
 				name: "keyword"
-			}, false, "as", void 0, ["ul", "ol"]),
+			}, false, "as"),
 			density: checkedProp(props["density"], {
 				kind: "terminal",
 				name: "keyword"
-			}, false, "density", void 0, ["comfortable", "compact"]),
+			}, false, "density"),
 			layout: checkedProp(props["layout"], {
 				kind: "terminal",
 				name: "keyword"
-			}, false, "layout", void 0, ["rows", "grid"]),
+			}, false, "layout"),
 			markers: checkedProp(props["markers"], {
 				kind: "terminal",
 				name: "keyword"
-			}, false, "markers", void 0, ["none", "disc"])
+			}, false, "markers")
 		}));
 		checkedProps.value;
 		watchSyncEffect(() => {
@@ -99,7 +145,7 @@ var UiList_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 			checkedProps.value.layout != null && `layout=${encodeURIComponent(checkedProps.value.layout)}`
 		].filter(Boolean).join(" "));
 		return (_ctx, _cache) => {
-			return checkedProps.value.as === "ol" ? (openBlock(), createElementBlock("ol", mergeProps({
+			return checkedProps.value.as === "ol" ? withDirectives((openBlock(), createElementBlock("ol", mergeProps({
 				key: 0,
 				"data-component": "ui-list"
 			}, nativeAttrs(_ctx.$attrs), {
@@ -109,7 +155,10 @@ var UiList_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 				"data-markers": reflectedProp("markers", "markers", checkedProps.value.markers, void 0, false),
 				"data-ui-list-state": hostState.value || void 0,
 				ref: "@html-next/root"
-			}), [renderSlot(_ctx.$slots, "default")], 16, _hoisted_1)) : (openBlock(), createElementBlock("ul", mergeProps({
+			}), [renderSlot(_ctx.$slots, "default")], 16, _hoisted_1)), [[unref(vPropValidity), {
+				contract: propValidityContract,
+				values: { ...checkedProps.value }
+			}]]) : withDirectives((openBlock(), createElementBlock("ul", mergeProps({
 				key: 1,
 				"data-component": "ui-list",
 				role: "list"
@@ -120,9 +169,12 @@ var UiList_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 				"data-markers": reflectedProp("markers", "markers", checkedProps.value.markers, void 0, false),
 				"data-ui-list-state": hostState.value || void 0,
 				ref: "@html-next/root"
-			}), [renderSlot(_ctx.$slots, "default")], 16, _hoisted_2));
+			}), [renderSlot(_ctx.$slots, "default")], 16, _hoisted_2)), [[unref(vPropValidity), {
+				contract: propValidityContract,
+				values: { ...checkedProps.value }
+			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-2d999617"]]);
+}), [["__scopeId", "data-v-902de7f2"]]);
 //#endregion
 export { UiList_default as t };

package/vue/chunks/UiListItem.js

@@ -1,6 +1,6 @@
 import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
-import { t as checkedProp } from "./props.js";
-import { computed, createElementBlock, createElementVNode, defineComponent, getCurrentInstance, mergeProps, openBlock, renderSlot, watchSyncEffect } from "vue";
+import { r as vPropValidity, t as checkedProp } from "./props.js";
+import { computed, createElementBlock, createElementVNode, defineComponent, getCurrentInstance, mergeProps, openBlock, renderSlot, unref, watchSyncEffect, withDirectives } from "vue";
 //#region .build/vue/UiListItem.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = [
 	"aria-current",
@@ -29,16 +29,39 @@ var UiListItem_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 		}
 	},
 	setup(__props) {
+		const propValidityContract = { props: {
+			current: {
+				type: {
+					kind: "terminal",
+					name: "boolean"
+				},
+				required: false,
+				target: { attribute: "aria-current" },
+				description: "Marks the item as the current one, such as the site you are in: it takes the selected surface and aria-current=\"true\", which assistive technology\n      announces. Set it on one item at a time.",
+				default: false
+			},
+			variant: {
+				type: {
+					kind: "terminal",
+					name: "keyword"
+				},
+				required: false,
+				target: { attribute: "variant" },
+				description: "How the item is drawn. A row is flat and takes a hover surface when it is a link, for items read down a list. A card sits on a raised, bordered surface,\n      for items set in a grid (a List with layout=\"grid\"). Both have the same parts: leading, title, description, and trailing.",
+				values: ["row", "card"],
+				default: "row"
+			}
+		} };
 		const props = __props;
 		const checkedProps = computed(() => ({
 			current: checkedProp(props["current"], {
 				kind: "terminal",
 				name: "boolean"
-			}, false, "current", void 0, void 0),
+			}, false, "current"),
 			variant: checkedProp(props["variant"], {
 				kind: "terminal",
 				name: "keyword"
-			}, false, "variant", void 0, ["row", "card"])
+			}, false, "variant")
 		}));
 		checkedProps.value;
 		watchSyncEffect(() => {
@@ -71,7 +94,7 @@ var UiListItem_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 			checkedProps.value.current && "current"
 		].filter(Boolean).join(" "));
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("li", mergeProps({ "data-component": "ui-list-item" }, nativeAttrs(_ctx.$attrs), {
+			return withDirectives((openBlock(), createElementBlock("li", mergeProps({ "data-component": "ui-list-item" }, nativeAttrs(_ctx.$attrs), {
 				"aria-current": checkedProps.value.current ?? void 0,
 				"data-current": reflectedProp("current", "current", checkedProps.value.current, void 0, false),
 				"data-variant": reflectedProp("variant", "variant", checkedProps.value.variant, void 0, false),
@@ -80,9 +103,12 @@ var UiListItem_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 				createElementVNode("span", _hoisted_2, [renderSlot(_ctx.$slots, "leading")]),
 				createElementVNode("span", _hoisted_3, [createElementVNode("span", _hoisted_4, [renderSlot(_ctx.$slots, "default")]), createElementVNode("span", _hoisted_5, [renderSlot(_ctx.$slots, "description")])]),
 				createElementVNode("span", _hoisted_6, [renderSlot(_ctx.$slots, "trailing")])
-			], 16, _hoisted_1);
+			], 16, _hoisted_1)), [[unref(vPropValidity), {
+				contract: propValidityContract,
+				values: { ...checkedProps.value }
+			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-71728ab3"]]);
+}), [["__scopeId", "data-v-26745cf4"]]);
 //#endregion
 export { UiListItem_default as t };

package/vue/chunks/UiListbox.js

@@ -1,8 +1,8 @@
 import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
 import { r as useComponentHost, t as createDispatch } from "./host.js";
-import { t as checkedProp } from "./props.js";
+import { r as vPropValidity, t as checkedProp } from "./props.js";
 import { t as UiScrollArea_default } from "./UiScrollArea.js";
-import { Fragment, computed, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, getCurrentInstance, h, mergeProps, normalizeClass, openBlock, ref, renderList, renderSlot, toDisplayString, unref, useTemplateRef, watchSyncEffect, withCtx } from "vue";
+import { Fragment, computed, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, getCurrentInstance, h, mergeProps, normalizeClass, openBlock, provide, ref, renderList, renderSlot, toDisplayString, unref, useTemplateRef, watchSyncEffect, withCtx, withDirectives } from "vue";
 //#region .build/vue/UiListbox.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = [
 	"tabindex",
@@ -84,43 +84,126 @@ var UiListbox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PU
 		"change"
 	],
 	setup(__props, { emit: __emit }) {
+		const propValidityContract = { props: {
+			disabled: {
+				type: {
+					kind: "terminal",
+					name: "boolean"
+				},
+				required: false,
+				target: { attribute: "aria-disabled" },
+				description: "Prevents selection and form submission.",
+				default: false
+			},
+			invalid: {
+				type: {
+					kind: "terminal",
+					name: "boolean"
+				},
+				required: false,
+				target: { attribute: "invalid" },
+				description: "Exposes invalid state to assistive technology and styling.",
+				default: false
+			},
+			multiple: {
+				type: {
+					kind: "terminal",
+					name: "boolean"
+				},
+				required: false,
+				target: { attribute: "aria-multiselectable" },
+				description: "Allows several choices, each shown with a checkmark when selected.",
+				default: false
+			},
+			name: {
+				type: {
+					kind: "terminal",
+					name: "string"
+				},
+				required: false,
+				target: { attribute: "name" },
+				description: "The form field name used for each selected value.",
+				default: ""
+			},
+			required: {
+				type: {
+					kind: "terminal",
+					name: "boolean"
+				},
+				required: false,
+				target: { attribute: "aria-required" },
+				description: "Requires at least one choice before form submission.",
+				default: false
+			},
+			rows: {
+				type: {
+					kind: "terminal",
+					name: "number"
+				},
+				required: false,
+				target: { attribute: "size" },
+				description: "The maximum number of choices visible before the list scrolls. Use at least two.",
+				default: 5
+			},
+			value: {
+				type: {
+					kind: "terminal",
+					name: "string"
+				},
+				required: false,
+				target: { attribute: "value" },
+				description: "The initial or externally set single selection. Authored selected options work when it is omitted."
+			},
+			values: {
+				type: {
+					kind: "list",
+					item: {
+						kind: "terminal",
+						name: "string"
+					}
+				},
+				required: false,
+				target: { attribute: "values" },
+				description: "The initial or externally set selections in multiple mode. Authored selected options work when it is omitted."
+			}
+		} };
 		const props = __props;
 		const checkedProps = computed(() => ({
 			disabled: checkedProp(props["disabled"], {
 				kind: "terminal",
 				name: "boolean"
-			}, false, "disabled", void 0, void 0),
+			}, false, "disabled"),
 			invalid: checkedProp(props["invalid"], {
 				kind: "terminal",
 				name: "boolean"
-			}, false, "invalid", void 0, void 0),
+			}, false, "invalid"),
 			multiple: checkedProp(props["multiple"], {
 				kind: "terminal",
 				name: "boolean"
-			}, false, "multiple", void 0, void 0),
+			}, false, "multiple"),
 			name: checkedProp(props["name"], {
 				kind: "terminal",
 				name: "string"
-			}, false, "name", void 0, void 0),
+			}, false, "name"),
 			required: checkedProp(props["required"], {
 				kind: "terminal",
 				name: "boolean"
-			}, false, "required", void 0, void 0),
+			}, false, "required"),
 			rows: checkedProp(props["rows"], {
 				kind: "terminal",
 				name: "number"
-			}, false, "rows", void 0, void 0),
+			}, false, "rows"),
 			value: checkedProp(props["value"], {
 				kind: "terminal",
 				name: "string"
-			}, false, "value", void 0, void 0),
+			}, false, "value"),
 			values: checkedProp(props["values"], {
 				kind: "list",
 				item: {
 					kind: "terminal",
 					name: "string"
 				}
-			}, false, "values", void 0, void 0)
+			}, false, "values")
 		}));
 		checkedProps.value;
 		watchSyncEffect(() => {
@@ -189,6 +272,12 @@ var UiListbox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PU
 			if (!(hasSelection.value == null || typeof hasSelection.value === "boolean")) return guardedBinding2Previous;
 			return guardedBinding2Previous = hasSelection.value ? true : void 0;
 		});
+		provide("html-next:ui-listbox:choices", choices);
+		provide("html-next:ui-listbox:selection", selection);
+		provide("html-next:ui-listbox:hasSelection", hasSelection);
+		provide("html-next:ui-listbox:active", active);
+		provide("html-next:ui-listbox:uid", uid);
+		provide("html-next:ui-listbox:validationError", validationError);
 		const hydrationNode = hydrationInstance?.vnode.el;
 		if (typeof window !== "undefined" && hydrationNode != null && (!(hydrationNode instanceof Element) || hydrationNode.localName !== "div")) throw Object.assign(/* @__PURE__ */ new Error("HR005: Server markup for <ui-listbox> has an incompatible root."), {
 			name: "HtmlDiagnosticError",
@@ -260,7 +349,7 @@ var UiListbox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PU
 			return items;
 		}
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", mergeProps({
+			return withDirectives((openBlock(), createElementBlock("div", mergeProps({
 				"data-component": "ui-listbox",
 				role: "listbox"
 			}, nativeAttrs(_ctx.$attrs), {
@@ -335,9 +424,12 @@ var UiListbox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PU
 					disabled: checkedProps.value.disabled ?? void 0,
 					ref: "validity"
 				}, null, 8, _hoisted_5)
-			], 16, _hoisted_1);
+			], 16, _hoisted_1)), [[unref(vPropValidity), {
+				contract: propValidityContract,
+				values: { ...checkedProps.value }
+			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-78b27ff4"]]);
+}), [["__scopeId", "data-v-90a708c2"]]);
 //#endregion
 export { UiListbox_default as t };

package/vue/chunks/UiMenu.js

@@ -1,7 +1,7 @@
 import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
 import { r as useComponentHost, t as createDispatch } from "./host.js";
-import { t as checkedProp } from "./props.js";
-import { computed, createElementBlock, createElementVNode, defineComponent, getCurrentInstance, mergeProps, openBlock, ref, renderSlot, watchSyncEffect } from "vue";
+import { r as vPropValidity, t as checkedProp } from "./props.js";
+import { computed, createElementBlock, createElementVNode, defineComponent, getCurrentInstance, mergeProps, openBlock, provide, ref, renderSlot, unref, watchSyncEffect, withDirectives } from "vue";
 //#region .build/vue/UiMenu.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = [
 	"data-density",
@@ -51,32 +51,96 @@ var UiMenu_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 		"close"
 	],
 	setup(__props, { emit: __emit }) {
+		const propValidityContract = { props: {
+			density: {
+				type: {
+					kind: "terminal",
+					name: "keyword"
+				},
+				required: false,
+				target: { attribute: "density" },
+				description: "Compact trades padding and type size for rows that fit more on screen.",
+				values: ["comfortable", "compact"],
+				default: "comfortable"
+			},
+			for: {
+				type: {
+					kind: "terminal",
+					name: "string"
+				},
+				required: false,
+				target: { attribute: "for" },
+				description: "ID of the control that toggles and anchors the menu.",
+				default: ""
+			},
+			inline: {
+				type: {
+					kind: "terminal",
+					name: "boolean"
+				},
+				required: false,
+				target: { attribute: "inline" },
+				description: "Displays the menu in the page flow without an overlay or trigger, for an embedded list of actions.",
+				default: false
+			},
+			open: {
+				type: {
+					kind: "terminal",
+					name: "boolean"
+				},
+				required: false,
+				target: { attribute: "open" },
+				description: "Whether the menu is open initially or when set externally.",
+				default: false
+			},
+			placement: {
+				type: {
+					kind: "terminal",
+					name: "string"
+				},
+				required: false,
+				target: { attribute: "placement" },
+				description: "Positions an associated menu relative to its trigger.",
+				default: "bottom-start"
+			},
+			size: {
+				type: {
+					kind: "terminal",
+					name: "keyword"
+				},
+				required: false,
+				target: { attribute: "size" },
+				description: "sm sizes the menu to a small trigger, such as an xs or sm button: smallest text, short rows, a small check, and a narrower minimum width. md is the\n      standard size.",
+				values: ["sm", "md"],
+				default: "md"
+			}
+		} };
 		const props = __props;
 		const checkedProps = computed(() => ({
 			density: checkedProp(props["density"], {
 				kind: "terminal",
 				name: "keyword"
-			}, false, "density", void 0, ["comfortable", "compact"]),
+			}, false, "density"),
 			for: checkedProp(props["for"], {
 				kind: "terminal",
 				name: "string"
-			}, false, "for", void 0, void 0),
+			}, false, "for"),
 			inline: checkedProp(props["inline"], {
 				kind: "terminal",
 				name: "boolean"
-			}, false, "inline", void 0, void 0),
+			}, false, "inline"),
 			open: checkedProp(props["open"], {
 				kind: "terminal",
 				name: "boolean"
-			}, false, "open", void 0, void 0),
+			}, false, "open"),
 			placement: checkedProp(props["placement"], {
 				kind: "terminal",
 				name: "string"
-			}, false, "placement", void 0, void 0),
+			}, false, "placement"),
 			size: checkedProp(props["size"], {
 				kind: "terminal",
 				name: "keyword"
-			}, false, "size", void 0, ["sm", "md"])
+			}, false, "size")
 		}));
 		checkedProps.value;
 		watchSyncEffect(() => {
@@ -98,6 +162,7 @@ var UiMenu_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 		const emit = __emit;
 		const root = ref(null);
 		const internalOpen = ref(false);
+		provide("html-next:ui-menu:internalOpen", internalOpen);
 		const hydrationNode = hydrationInstance?.vnode.el;
 		if (typeof window !== "undefined" && hydrationNode != null && (!(hydrationNode instanceof Element) || hydrationNode.localName !== "div")) throw Object.assign(/* @__PURE__ */ new Error("HR005: Server markup for <ui-menu> has an incompatible root."), {
 			name: "HtmlDiagnosticError",
@@ -149,7 +214,7 @@ var UiMenu_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 			state: { internalOpen }
 		});
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", mergeProps({
+			return withDirectives((openBlock(), createElementBlock("div", mergeProps({
 				"data-component": "ui-menu",
 				role: "menu",
 				"aria-orientation": "vertical"
@@ -163,9 +228,12 @@ var UiMenu_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 				"data-ui-menu-state": hostState.value || void 0,
 				ref_key: "root",
 				ref: root
-			}), [createElementVNode("div", _hoisted_2, [renderSlot(_ctx.$slots, "default", {}, void 0, true)])], 16, _hoisted_1);
+			}), [createElementVNode("div", _hoisted_2, [renderSlot(_ctx.$slots, "default", {}, void 0, true)])], 16, _hoisted_1)), [[unref(vPropValidity), {
+				contract: propValidityContract,
+				values: { ...checkedProps.value }
+			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-df2895ac"]]);
+}), [["__scopeId", "data-v-6ee14753"]]);
 //#endregion
 export { UiMenu_default as t };

package/vue/chunks/UiMenuGroup.js

@@ -1,6 +1,6 @@
 import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
-import { t as checkedProp } from "./props.js";
-import { computed, createCommentVNode, createElementBlock, defineComponent, getCurrentInstance, mergeProps, openBlock, renderSlot, toDisplayString, watchSyncEffect } from "vue";
+import { r as vPropValidity, t as checkedProp } from "./props.js";
+import { computed, createCommentVNode, createElementBlock, defineComponent, getCurrentInstance, mergeProps, openBlock, renderSlot, toDisplayString, unref, watchSyncEffect, withDirectives } from "vue";
 //#region .build/vue/UiMenuGroup.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = ["aria-label", "data-label"];
 var _hoisted_2 = {
@@ -17,11 +17,21 @@ var UiMenuGroup_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__
 		default: ""
 	} },
 	setup(__props) {
+		const propValidityContract = { props: { label: {
+			type: {
+				kind: "terminal",
+				name: "string"
+			},
+			required: false,
+			target: { attribute: "aria-label" },
+			description: "Visible heading and accessible name for this group of menu items.",
+			default: ""
+		} } };
 		const props = __props;
 		const checkedProps = computed(() => ({ label: checkedProp(props["label"], {
 			kind: "terminal",
 			name: "string"
-		}, false, "label", void 0, void 0) }));
+		}, false, "label") }));
 		checkedProps.value;
 		watchSyncEffect(() => {
 			checkedProps.value;
@@ -47,15 +57,18 @@ var UiMenuGroup_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__
 			})
 		});
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", mergeProps({
+			return withDirectives((openBlock(), createElementBlock("div", mergeProps({
 				"data-component": "ui-menu-group",
 				role: "group"
 			}, nativeAttrs(_ctx.$attrs), {
 				"aria-label": checkedProps.value.label ?? void 0,
 				"data-label": reflectedProp("label", "label", checkedProps.value.label, void 0, false)
-			}), [checkedProps.value.label ? (openBlock(), createElementBlock("div", _hoisted_2, toDisplayString(checkedProps.value.label), 1)) : createCommentVNode("v-if", true), renderSlot(_ctx.$slots, "default", {}, void 0, true)], 16, _hoisted_1);
+			}), [checkedProps.value.label ? (openBlock(), createElementBlock("div", _hoisted_2, toDisplayString(checkedProps.value.label), 1)) : createCommentVNode("v-if", true), renderSlot(_ctx.$slots, "default", {}, void 0, true)], 16, _hoisted_1)), [[unref(vPropValidity), {
+				contract: propValidityContract,
+				values: { ...checkedProps.value }
+			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-43380885"]]);
+}), [["__scopeId", "data-v-d0ecd01c"]]);
 //#endregion
 export { UiMenuGroup_default as t };