@threadlabs/looma 0.21.6 → 0.22.0

package/vue/chunks/UiEditorMentionMenu.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 { Fragment, computed, createCommentVNode, createElementBlock, createElementVNode, defineComponent, getCurrentInstance, mergeProps, normalizeClass, openBlock, ref, renderList, renderSlot, toDisplayString, useTemplateRef, watchSyncEffect } from "vue";
+import { r as vPropValidity, t as checkedProp } from "./props.js";
+import { Fragment, computed, createCommentVNode, createElementBlock, createElementVNode, defineComponent, getCurrentInstance, mergeProps, normalizeClass, openBlock, provide, ref, renderList, renderSlot, toDisplayString, unref, useTemplateRef, watchSyncEffect, withDirectives } from "vue";
 //#region .build/vue/UiEditorMentionMenu.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = [
 	"aria-busy",
@@ -87,6 +87,189 @@ var UiEditorMentionMenu_default = /*#__PURE__*/ _plugin_vue_export_helper_defaul
 	},
 	emits: ["highlight", "select"],
 	setup(__props, { emit: __emit }) {
+		const propValidityContract = { props: {
+			anchorRect: {
+				type: {
+					kind: "object",
+					fields: [
+						{
+							name: "left",
+							type: {
+								kind: "terminal",
+								name: "number"
+							},
+							optional: true
+						},
+						{
+							name: "top",
+							type: {
+								kind: "terminal",
+								name: "number"
+							},
+							optional: true
+						},
+						{
+							name: "right",
+							type: {
+								kind: "terminal",
+								name: "number"
+							},
+							optional: true
+						},
+						{
+							name: "bottom",
+							type: {
+								kind: "terminal",
+								name: "number"
+							},
+							optional: true
+						},
+						{
+							name: "x",
+							type: {
+								kind: "terminal",
+								name: "number"
+							},
+							optional: true
+						},
+						{
+							name: "y",
+							type: {
+								kind: "terminal",
+								name: "number"
+							},
+							optional: true
+						},
+						{
+							name: "width",
+							type: {
+								kind: "terminal",
+								name: "number"
+							},
+							optional: true
+						},
+						{
+							name: "height",
+							type: {
+								kind: "terminal",
+								name: "number"
+							},
+							optional: true
+						}
+					],
+					open: false
+				},
+				required: false,
+				target: { attribute: "anchorrect" },
+				description: "Where the @ was typed, in viewport coordinates."
+			},
+			items: {
+				type: {
+					kind: "list",
+					item: {
+						kind: "object",
+						fields: [
+							{
+								name: "id",
+								type: {
+									kind: "terminal",
+									name: "string"
+								},
+								optional: false
+							},
+							{
+								name: "label",
+								type: {
+									kind: "terminal",
+									name: "string"
+								},
+								optional: false
+							},
+							{
+								name: "detail",
+								type: {
+									kind: "terminal",
+									name: "string"
+								},
+								optional: true
+							},
+							{
+								name: "initials",
+								type: {
+									kind: "terminal",
+									name: "string"
+								},
+								optional: true
+							}
+						],
+						open: false
+					}
+				},
+				required: false,
+				target: { attribute: "items" },
+				description: "The people the menu offers."
+			},
+			label: {
+				type: {
+					kind: "terminal",
+					name: "string"
+				},
+				required: false,
+				target: { attribute: "label" },
+				description: "Accessible name of the suggestion list.",
+				default: "Mentions"
+			},
+			loading: {
+				type: {
+					kind: "terminal",
+					name: "boolean"
+				},
+				required: false,
+				target: { attribute: "aria-busy" },
+				description: "Whether a search is in progress.",
+				default: false
+			},
+			loadingLabel: {
+				type: {
+					kind: "terminal",
+					name: "string"
+				},
+				required: false,
+				target: { attribute: "loadinglabel" },
+				description: "Status text shown while loading an empty result list.",
+				default: "Searching…"
+			},
+			open: {
+				type: {
+					kind: "terminal",
+					name: "boolean"
+				},
+				required: false,
+				target: { attribute: "open" },
+				description: "Whether the menu is open.",
+				default: false
+			},
+			query: {
+				type: {
+					kind: "terminal",
+					name: "string"
+				},
+				required: false,
+				target: { attribute: "query" },
+				description: "The text typed after the @.",
+				default: ""
+			},
+			selectedIndex: {
+				type: {
+					kind: "terminal",
+					name: "integer"
+				},
+				required: false,
+				target: { attribute: "selectedindex" },
+				description: "The zero-based index of the highlighted person, capped at the last one shown, and announced through aria-activedescendant. The menu does not handle arrow\n      keys itself: the editor sets this as the user moves, while hovering a person highlights them and reports a highlight event.",
+				default: 0
+			}
+		} };
 		const props = __props;
 		const checkedProps = computed(() => ({
 			anchorRect: checkedProp(props["anchorRect"], {
@@ -158,7 +341,7 @@ var UiEditorMentionMenu_default = /*#__PURE__*/ _plugin_vue_export_helper_defaul
 					}
 				],
 				open: false
-			}, false, "anchorRect", void 0, void 0),
+			}, false, "anchorRect"),
 			items: checkedProp(props["items"], {
 				kind: "list",
 				item: {
@@ -199,31 +382,31 @@ var UiEditorMentionMenu_default = /*#__PURE__*/ _plugin_vue_export_helper_defaul
 					],
 					open: false
 				}
-			}, false, "items", void 0, void 0),
+			}, false, "items"),
 			label: checkedProp(props["label"], {
 				kind: "terminal",
 				name: "string"
-			}, false, "label", void 0, void 0),
+			}, false, "label"),
 			loading: checkedProp(props["loading"], {
 				kind: "terminal",
 				name: "boolean"
-			}, false, "loading", void 0, void 0),
+			}, false, "loading"),
 			loadingLabel: checkedProp(props["loadingLabel"], {
 				kind: "terminal",
 				name: "string"
-			}, false, "loadingLabel", void 0, void 0),
+			}, false, "loadingLabel"),
 			open: checkedProp(props["open"], {
 				kind: "terminal",
 				name: "boolean"
-			}, false, "open", void 0, void 0),
+			}, false, "open"),
 			query: checkedProp(props["query"], {
 				kind: "terminal",
 				name: "string"
-			}, false, "query", void 0, void 0),
+			}, false, "query"),
 			selectedIndex: checkedProp(props["selectedIndex"], {
 				kind: "terminal",
 				name: "integer"
-			}, false, "selectedIndex", void 0, void 0)
+			}, false, "selectedIndex")
 		}));
 		checkedProps.value;
 		watchSyncEffect(() => {
@@ -250,6 +433,16 @@ var UiEditorMentionMenu_default = /*#__PURE__*/ _plugin_vue_export_helper_defaul
 		const searching = ref(false);
 		const active = ref(0);
 		const prefix = ref("ui-editor-mention-menu");
+		let guardedPrevious;
+		const guarded = computed(() => {
+			if (!(visible.value == null || typeof visible.value === "boolean")) return guardedPrevious;
+			return guardedPrevious = !visible.value;
+		});
+		provide("html-next:ui-editor-mention-menu:visible", visible);
+		provide("html-next:ui-editor-mention-menu:rows", rows);
+		provide("html-next:ui-editor-mention-menu:searching", searching);
+		provide("html-next:ui-editor-mention-menu:active", active);
+		provide("html-next:ui-editor-mention-menu:prefix", prefix);
 		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-editor-mention-menu> has an incompatible root."), {
 			name: "HtmlDiagnosticError",
@@ -281,12 +474,12 @@ var UiEditorMentionMenu_default = /*#__PURE__*/ _plugin_vue_export_helper_defaul
 			}
 		});
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", mergeProps({
+			return withDirectives((openBlock(), createElementBlock("div", mergeProps({
 				"data-component": "ui-editor-mention-menu",
 				role: "listbox"
 			}, nativeAttrs(_ctx.$attrs), {
 				"aria-busy": checkedProps.value.loading ?? void 0,
-				hidden: !visible.value,
+				hidden: guarded.value,
 				"data-anchor-rect": reflectedProp("anchorRect", "anchor-rect", checkedProps.value.anchorRect, void 0, false),
 				"data-items": reflectedProp("items", "items", checkedProps.value.items, void 0, false),
 				"data-label": reflectedProp("label", "label", checkedProps.value.label, void 0, false),
@@ -312,9 +505,12 @@ var UiEditorMentionMenu_default = /*#__PURE__*/ _plugin_vue_export_helper_defaul
 					}, [createElementVNode("span", _hoisted_6, toDisplayString(row.initials), 1), createElementVNode("span", _hoisted_7, [createElementVNode("span", _hoisted_8, toDisplayString(row.label), 1), row.detail ? (openBlock(), createElementBlock("span", _hoisted_9, toDisplayString(row.detail), 1)) : createCommentVNode("v-if", true)])], 10, _hoisted_5);
 				}), 128)), renderSlot(_ctx.$slots, "default", {}, void 0, true)])) : createCommentVNode("v-if", true),
 				createElementVNode("div", _hoisted_10, [renderSlot(_ctx.$slots, "empty", {}, void 0, true)], 512)
-			], 16, _hoisted_1);
+			], 16, _hoisted_1)), [[unref(vPropValidity), {
+				contract: propValidityContract,
+				values: { ...checkedProps.value }
+			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-59399fdc"]]);
+}), [["__scopeId", "data-v-52514c10"]]);
 //#endregion
 export { UiEditorMentionMenu_default as t };

package/vue/chunks/UiEditorMentionMenuItem.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, createElementVNode, createTextVNode, defineComponent, getCurrentInstance, mergeProps, openBlock, renderSlot, toDisplayString, watchSyncEffect } from "vue";
+import { r as vPropValidity, t as checkedProp } from "./props.js";
+import { computed, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, defineComponent, getCurrentInstance, mergeProps, openBlock, renderSlot, toDisplayString, unref, watchSyncEffect, withDirectives } from "vue";
 //#region .build/vue/UiEditorMentionMenuItem.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = [
 	"data-detail",
@@ -37,20 +37,52 @@ var UiEditorMentionMenuItem_default = /*#__PURE__*/ _plugin_vue_export_helper_de
 		}
 	},
 	setup(__props) {
+		const propValidityContract = { props: {
+			detail: {
+				type: {
+					kind: "terminal",
+					name: "string"
+				},
+				required: false,
+				target: { attribute: "detail" },
+				description: "Secondary text, such as a team or role.",
+				default: ""
+			},
+			initials: {
+				type: {
+					kind: "terminal",
+					name: "string"
+				},
+				required: false,
+				target: { attribute: "initials" },
+				description: "Text fallback for the start slot when no avatar is supplied.",
+				default: ""
+			},
+			value: {
+				type: {
+					kind: "terminal",
+					name: "string"
+				},
+				required: false,
+				target: { attribute: "data-value" },
+				description: "Stable identifier reported by the containing Mention Menu when this person is chosen.",
+				default: ""
+			}
+		} };
 		const props = __props;
 		const checkedProps = computed(() => ({
 			detail: checkedProp(props["detail"], {
 				kind: "terminal",
 				name: "string"
-			}, false, "detail", void 0, void 0),
+			}, false, "detail"),
 			initials: checkedProp(props["initials"], {
 				kind: "terminal",
 				name: "string"
-			}, false, "initials", void 0, void 0),
+			}, false, "initials"),
 			value: checkedProp(props["value"], {
 				kind: "terminal",
 				name: "string"
-			}, false, "value", void 0, void 0)
+			}, false, "value")
 		}));
 		checkedProps.value;
 		watchSyncEffect(() => {
@@ -77,7 +109,7 @@ var UiEditorMentionMenuItem_default = /*#__PURE__*/ _plugin_vue_export_helper_de
 			})
 		});
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("li", mergeProps({
+			return withDirectives((openBlock(), createElementBlock("li", mergeProps({
 				"data-component": "ui-editor-mention-menu-item",
 				role: "option",
 				tabindex: "-1"
@@ -85,9 +117,12 @@ var UiEditorMentionMenuItem_default = /*#__PURE__*/ _plugin_vue_export_helper_de
 				"data-detail": reflectedProp("detail", "detail", checkedProps.value.detail, void 0, false),
 				"data-initials": reflectedProp("initials", "initials", checkedProps.value.initials, void 0, false),
 				"data-value": reflectedProp("value", "value", checkedProps.value.value, void 0, true)
-			}), [createElementVNode("span", _hoisted_2, [renderSlot(_ctx.$slots, "start", {}, () => [createTextVNode(toDisplayString(checkedProps.value.initials), 1)], true)]), createElementVNode("span", _hoisted_3, [createElementVNode("span", _hoisted_4, [renderSlot(_ctx.$slots, "default", {}, void 0, true)]), checkedProps.value.detail ? (openBlock(), createElementBlock("span", _hoisted_5, toDisplayString(checkedProps.value.detail), 1)) : createCommentVNode("v-if", true)])], 16, _hoisted_1);
+			}), [createElementVNode("span", _hoisted_2, [renderSlot(_ctx.$slots, "start", {}, () => [createTextVNode(toDisplayString(checkedProps.value.initials), 1)], true)]), createElementVNode("span", _hoisted_3, [createElementVNode("span", _hoisted_4, [renderSlot(_ctx.$slots, "default", {}, void 0, true)]), checkedProps.value.detail ? (openBlock(), createElementBlock("span", _hoisted_5, toDisplayString(checkedProps.value.detail), 1)) : createCommentVNode("v-if", true)])], 16, _hoisted_1)), [[unref(vPropValidity), {
+				contract: propValidityContract,
+				values: { ...checkedProps.value }
+			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-20fb6814"]]);
+}), [["__scopeId", "data-v-050a2a84"]]);
 //#endregion
 export { UiEditorMentionMenuItem_default as t };

package/vue/chunks/UiEditorSlashMenu.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 UiIcon_default } from "./UiIcon.js";
-import { Fragment, computed, createElementBlock, createElementVNode, createVNode, defineComponent, getCurrentInstance, mergeProps, normalizeClass, openBlock, ref, renderList, renderSlot, toDisplayString, useTemplateRef, watchSyncEffect } from "vue";
+import { Fragment, computed, createElementBlock, createElementVNode, createVNode, defineComponent, getCurrentInstance, mergeProps, normalizeClass, openBlock, provide, ref, renderList, renderSlot, toDisplayString, unref, useTemplateRef, watchSyncEffect, withDirectives } from "vue";
 //#region .build/vue/UiEditorSlashMenu.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = [
 	"hidden",
@@ -68,6 +68,169 @@ var UiEditorSlashMenu_default = /*#__PURE__*/ _plugin_vue_export_helper_default(
 	},
 	emits: ["highlight", "select"],
 	setup(__props, { emit: __emit }) {
+		const propValidityContract = { props: {
+			anchorRect: {
+				type: {
+					kind: "object",
+					fields: [
+						{
+							name: "left",
+							type: {
+								kind: "terminal",
+								name: "number"
+							},
+							optional: true
+						},
+						{
+							name: "top",
+							type: {
+								kind: "terminal",
+								name: "number"
+							},
+							optional: true
+						},
+						{
+							name: "right",
+							type: {
+								kind: "terminal",
+								name: "number"
+							},
+							optional: true
+						},
+						{
+							name: "bottom",
+							type: {
+								kind: "terminal",
+								name: "number"
+							},
+							optional: true
+						},
+						{
+							name: "x",
+							type: {
+								kind: "terminal",
+								name: "number"
+							},
+							optional: true
+						},
+						{
+							name: "y",
+							type: {
+								kind: "terminal",
+								name: "number"
+							},
+							optional: true
+						},
+						{
+							name: "width",
+							type: {
+								kind: "terminal",
+								name: "number"
+							},
+							optional: true
+						},
+						{
+							name: "height",
+							type: {
+								kind: "terminal",
+								name: "number"
+							},
+							optional: true
+						}
+					],
+					open: false
+				},
+				required: false,
+				target: { attribute: "anchorrect" },
+				description: "Where the slash was typed, in viewport coordinates."
+			},
+			items: {
+				type: {
+					kind: "list",
+					item: {
+						kind: "object",
+						fields: [
+							{
+								name: "value",
+								type: {
+									kind: "terminal",
+									name: "string"
+								},
+								optional: true
+							},
+							{
+								name: "title",
+								type: {
+									kind: "terminal",
+									name: "string"
+								},
+								optional: false
+							},
+							{
+								name: "description",
+								type: {
+									kind: "terminal",
+									name: "string"
+								},
+								optional: false
+							},
+							{
+								name: "icon",
+								type: {
+									kind: "terminal",
+									name: "string"
+								},
+								optional: false
+							}
+						],
+						open: false
+					}
+				},
+				required: false,
+				target: { attribute: "items" },
+				description: "Integration-supplied commands. Authored Slash Menu Item children are the markup alternative."
+			},
+			label: {
+				type: {
+					kind: "terminal",
+					name: "string"
+				},
+				required: false,
+				target: { attribute: "label" },
+				description: "Accessible name of the suggestion list, used unless an aria-label or aria-labelledby is authored.",
+				default: "Insert block"
+			},
+			open: {
+				type: {
+					kind: "terminal",
+					name: "boolean"
+				},
+				required: false,
+				target: { attribute: "open" },
+				description: "Whether the menu is open.",
+				default: false
+			},
+			query: {
+				type: {
+					kind: "terminal",
+					name: "string"
+				},
+				required: false,
+				target: { attribute: "query" },
+				description: "The text typed after the slash.",
+				default: ""
+			},
+			selectedIndex: {
+				type: {
+					kind: "terminal",
+					name: "integer"
+				},
+				required: false,
+				target: { attribute: "selectedindex" },
+				description: "The zero-based index of the highlighted item. The menu does not handle arrow keys itself: the editor sets this as the user moves, while hovering an item\n      highlights it and reports a highlight event.",
+				default: 0
+			}
+		} };
 		const props = __props;
 		const checkedProps = computed(() => ({
 			anchorRect: checkedProp(props["anchorRect"], {
@@ -139,7 +302,7 @@ var UiEditorSlashMenu_default = /*#__PURE__*/ _plugin_vue_export_helper_default(
 					}
 				],
 				open: false
-			}, false, "anchorRect", void 0, void 0),
+			}, false, "anchorRect"),
 			items: checkedProp(props["items"], {
 				kind: "list",
 				item: {
@@ -180,23 +343,23 @@ var UiEditorSlashMenu_default = /*#__PURE__*/ _plugin_vue_export_helper_default(
 					],
 					open: false
 				}
-			}, false, "items", void 0, void 0),
+			}, false, "items"),
 			label: checkedProp(props["label"], {
 				kind: "terminal",
 				name: "string"
-			}, false, "label", void 0, void 0),
+			}, false, "label"),
 			open: checkedProp(props["open"], {
 				kind: "terminal",
 				name: "boolean"
-			}, false, "open", void 0, void 0),
+			}, false, "open"),
 			query: checkedProp(props["query"], {
 				kind: "terminal",
 				name: "string"
-			}, false, "query", void 0, void 0),
+			}, false, "query"),
 			selectedIndex: checkedProp(props["selectedIndex"], {
 				kind: "terminal",
 				name: "integer"
-			}, false, "selectedIndex", void 0, void 0)
+			}, false, "selectedIndex")
 		}));
 		checkedProps.value;
 		watchSyncEffect(() => {
@@ -221,6 +384,14 @@ var UiEditorSlashMenu_default = /*#__PURE__*/ _plugin_vue_export_helper_default(
 		const visible = ref(false);
 		const active = ref(0);
 		const rows = ref([]);
+		let guardedPrevious;
+		const guarded = computed(() => {
+			if (!(visible.value == null || typeof visible.value === "boolean")) return guardedPrevious;
+			return guardedPrevious = !visible.value;
+		});
+		provide("html-next:ui-editor-slash-menu:visible", visible);
+		provide("html-next:ui-editor-slash-menu:active", active);
+		provide("html-next:ui-editor-slash-menu:rows", rows);
 		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-editor-slash-menu> has an incompatible root."), {
 			name: "HtmlDiagnosticError",
@@ -250,11 +421,11 @@ var UiEditorSlashMenu_default = /*#__PURE__*/ _plugin_vue_export_helper_default(
 			}
 		});
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", mergeProps({
+			return withDirectives((openBlock(), createElementBlock("div", mergeProps({
 				"data-component": "ui-editor-slash-menu",
 				role: "listbox"
 			}, nativeAttrs(_ctx.$attrs), {
-				hidden: !visible.value,
+				hidden: guarded.value,
 				"data-anchor-rect": reflectedProp("anchorRect", "anchor-rect", checkedProps.value.anchorRect, void 0, false),
 				"data-items": reflectedProp("items", "items", checkedProps.value.items, void 0, false),
 				"data-label": reflectedProp("label", "label", checkedProps.value.label, void 0, false),
@@ -277,9 +448,12 @@ var UiEditorSlashMenu_default = /*#__PURE__*/ _plugin_vue_export_helper_default(
 				}), 128)), renderSlot(_ctx.$slots, "default", {}, void 0, true)]),
 				createElementVNode("div", _hoisted_9, [renderSlot(_ctx.$slots, "empty", {}, void 0, true)], 512),
 				createElementVNode("div", _hoisted_10, [renderSlot(_ctx.$slots, "footer", {}, void 0, true)])
-			], 16, _hoisted_1);
+			], 16, _hoisted_1)), [[unref(vPropValidity), {
+				contract: propValidityContract,
+				values: { ...checkedProps.value }
+			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-679109e6"]]);
+}), [["__scopeId", "data-v-943d4c31"]]);
 //#endregion
 export { UiEditorSlashMenu_default as t };

package/vue/chunks/UiEditorSlashMenuGroup.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, toDisplayString, watchSyncEffect } from "vue";
+import { r as vPropValidity, t as checkedProp } from "./props.js";
+import { computed, createElementBlock, createElementVNode, defineComponent, getCurrentInstance, mergeProps, openBlock, renderSlot, toDisplayString, unref, watchSyncEffect, withDirectives } from "vue";
 //#region .build/vue/UiEditorSlashMenuGroup.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = ["data-label"];
 var _hoisted_2 = ["aria-label"];
@@ -16,11 +16,21 @@ var UiEditorSlashMenuGroup_default = /*#__PURE__*/ _plugin_vue_export_helper_def
 		default: ""
 	} },
 	setup(__props) {
+		const propValidityContract = { props: { label: {
+			type: {
+				kind: "terminal",
+				name: "string"
+			},
+			required: false,
+			target: { attribute: "aria-label" },
+			description: "Names this group of related slash commands.",
+			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;
@@ -46,15 +56,18 @@ var UiEditorSlashMenuGroup_default = /*#__PURE__*/ _plugin_vue_export_helper_def
 			})
 		});
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("li", mergeProps({
+			return withDirectives((openBlock(), createElementBlock("li", mergeProps({
 				"data-component": "ui-editor-slash-menu-group",
 				role: "presentation"
 			}, nativeAttrs(_ctx.$attrs), { "data-label": reflectedProp("label", "label", checkedProps.value.label, void 0, false) }), [createElementVNode("div", {
 				role: "group",
 				"aria-label": checkedProps.value.label ?? void 0
-			}, [createElementVNode("div", _hoisted_3, toDisplayString(checkedProps.value.label), 1), createElementVNode("ul", _hoisted_4, [renderSlot(_ctx.$slots, "default", {}, void 0, true)])], 8, _hoisted_2)], 16, _hoisted_1);
+			}, [createElementVNode("div", _hoisted_3, toDisplayString(checkedProps.value.label), 1), createElementVNode("ul", _hoisted_4, [renderSlot(_ctx.$slots, "default", {}, void 0, true)])], 8, _hoisted_2)], 16, _hoisted_1)), [[unref(vPropValidity), {
+				contract: propValidityContract,
+				values: { ...checkedProps.value }
+			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-1e1a0874"]]);
+}), [["__scopeId", "data-v-a7a7bd99"]]);
 //#endregion
 export { UiEditorSlashMenuGroup_default as t };