@threadlabs/looma 0.21.5 → 0.22.0

package/vue/chunks/UiContainer.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, defineComponent, getCurrentInstance, mergeProps, openBlock, renderSlot, watchSyncEffect } from "vue";
+import { r as vPropValidity, t as checkedProp } from "./props.js";
+import { computed, createElementBlock, defineComponent, getCurrentInstance, mergeProps, openBlock, renderSlot, unref, watchSyncEffect, withDirectives } from "vue";
 //#region .build/vue/UiContainer.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = [
 	"data-gutters",
@@ -23,20 +23,42 @@ var UiContainer_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__
 		}
 	},
 	setup(__props) {
+		const propValidityContract = { props: {
+			gutters: {
+				type: {
+					kind: "terminal",
+					name: "keyword"
+				},
+				required: false,
+				target: { attribute: "gutters" },
+				description: "Inline padding on both sides, which keeps content off the edges of a narrow screen: s is 0.75rem, m is 1rem (also the default), and l is 1.5rem.",
+				values: [
+					"s",
+					"m",
+					"l"
+				]
+			},
+			measure: {
+				type: {
+					kind: "terminal",
+					name: "keyword"
+				},
+				required: false,
+				target: { attribute: "measure" },
+				description: "The container's maximum width, in characters of the current font: narrow is 45ch, wide is 80ch, and unset is 65ch, a comfortable reading line. The\n      container centres itself when its parent is wider. The --ui-container-measure custom property, set on the container itself, overrides it; set on an\n      ancestor, it does nothing.",
+				values: ["narrow", "wide"]
+			}
+		} };
 		const props = __props;
 		const checkedProps = computed(() => ({
 			gutters: checkedProp(props["gutters"], {
 				kind: "terminal",
 				name: "keyword"
-			}, false, "gutters", void 0, [
-				"s",
-				"m",
-				"l"
-			]),
+			}, false, "gutters"),
 			measure: checkedProp(props["measure"], {
 				kind: "terminal",
 				name: "keyword"
-			}, false, "measure", void 0, ["narrow", "wide"])
+			}, false, "measure")
 		}));
 		checkedProps.value;
 		watchSyncEffect(() => {
@@ -70,13 +92,16 @@ var UiContainer_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__
 			checkedProps.value.gutters != null && `gutters=${encodeURIComponent(checkedProps.value.gutters)}`
 		].filter(Boolean).join(" "));
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", mergeProps({ "data-component": "ui-container" }, nativeAttrs(_ctx.$attrs), {
+			return withDirectives((openBlock(), createElementBlock("div", mergeProps({ "data-component": "ui-container" }, nativeAttrs(_ctx.$attrs), {
 				"data-gutters": reflectedProp("gutters", "gutters", checkedProps.value.gutters, void 0, false),
 				"data-measure": reflectedProp("measure", "measure", checkedProps.value.measure, void 0, false),
 				"data-ui-container-state": hostState.value || void 0
-			}), [renderSlot(_ctx.$slots, "default", {}, void 0, true)], 16, _hoisted_1);
+			}), [renderSlot(_ctx.$slots, "default", {}, void 0, true)], 16, _hoisted_1)), [[unref(vPropValidity), {
+				contract: propValidityContract,
+				values: { ...checkedProps.value }
+			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-178bfc72"]]);
+}), [["__scopeId", "data-v-e439a69c"]]);
 //#endregion
 export { UiContainer_default as t };

package/vue/chunks/UiContextMenu.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, useTemplateRef, 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, useTemplateRef, watchSyncEffect, withDirectives } from "vue";
 //#region .build/vue/UiContextMenu.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = ["data-for", "data-open"];
 var _hoisted_2 = {
@@ -32,16 +32,38 @@ var UiContextMenu_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @
 		"select"
 	],
 	setup(__props, { emit: __emit }) {
+		const propValidityContract = { props: {
+			for: {
+				type: {
+					kind: "terminal",
+					name: "string"
+				},
+				required: false,
+				target: { attribute: "for" },
+				description: "ID of the element whose context click (right-click, long-press, Shift+F10, or the Menu key) opens the menu.",
+				default: ""
+			},
+			open: {
+				type: {
+					kind: "terminal",
+					name: "boolean"
+				},
+				required: false,
+				target: { attribute: "open" },
+				description: "Whether the context menu is open initially or when set externally.",
+				default: false
+			}
+		} };
 		const props = __props;
 		const checkedProps = computed(() => ({
 			for: checkedProp(props["for"], {
 				kind: "terminal",
 				name: "string"
-			}, false, "for", void 0, void 0),
+			}, false, "for"),
 			open: checkedProp(props["open"], {
 				kind: "terminal",
 				name: "boolean"
-			}, false, "open", void 0, void 0)
+			}, false, "open")
 		}));
 		checkedProps.value;
 		watchSyncEffect(() => {
@@ -64,6 +86,7 @@ var UiContextMenu_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @
 		const root = ref(null);
 		const menuElement = useTemplateRef("menu");
 		const internalOpen = ref(false);
+		provide("html-next:ui-context-menu:internalOpen", internalOpen);
 		const hydrationNode = hydrationInstance?.vnode.el;
 		if (typeof window !== "undefined" && hydrationNode != null && (!(hydrationNode instanceof Element) || hydrationNode.localName !== "span")) throw Object.assign(/* @__PURE__ */ new Error("HR005: Server markup for <ui-context-menu> has an incompatible root."), {
 			name: "HtmlDiagnosticError",
@@ -102,14 +125,17 @@ var UiContextMenu_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @
 			state: { internalOpen }
 		});
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("span", mergeProps({ "data-component": "ui-context-menu" }, nativeAttrs(_ctx.$attrs), {
+			return withDirectives((openBlock(), createElementBlock("span", mergeProps({ "data-component": "ui-context-menu" }, nativeAttrs(_ctx.$attrs), {
 				"data-for": reflectedProp("for", "for", checkedProps.value.for, void 0, false),
 				"data-open": reflectedProp("open", "open", checkedProps.value.open, void 0, false),
 				ref_key: "root",
 				ref: root
-			}), [createElementVNode("div", _hoisted_2, [renderSlot(_ctx.$slots, "default", {}, void 0, true)], 512)], 16, _hoisted_1);
+			}), [createElementVNode("div", _hoisted_2, [renderSlot(_ctx.$slots, "default", {}, void 0, true)], 512)], 16, _hoisted_1)), [[unref(vPropValidity), {
+				contract: propValidityContract,
+				values: { ...checkedProps.value }
+			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-ece98c9f"]]);
+}), [["__scopeId", "data-v-a3df6c42"]]);
 //#endregion
 export { UiContextMenu_default as t };

package/vue/chunks/UiCover.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, defineComponent, getCurrentInstance, mergeProps, openBlock, renderSlot, watchSyncEffect } from "vue";
+import { r as vPropValidity, t as checkedProp } from "./props.js";
+import { computed, createElementBlock, defineComponent, getCurrentInstance, mergeProps, openBlock, renderSlot, unref, watchSyncEffect, withDirectives } from "vue";
 //#region .build/vue/UiCover.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = ["data-size", "data-ui-cover-state"];
 //#endregion
@@ -13,11 +13,22 @@ var UiCover_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE
 		default: "screen"
 	} },
 	setup(__props) {
+		const propValidityContract = { props: { size: {
+			type: {
+				kind: "terminal",
+				name: "keyword"
+			},
+			required: false,
+			target: { attribute: "size" },
+			description: "How tall the cover is. screen is at least the viewport's height, for a view that is one centred card, such as sign-in; fill takes the space its parent\n      gives it.",
+			values: ["screen", "fill"],
+			default: "screen"
+		} } };
 		const props = __props;
 		const checkedProps = computed(() => ({ size: checkedProp(props["size"], {
 			kind: "terminal",
 			name: "keyword"
-		}, false, "size", void 0, ["screen", "fill"]) }));
+		}, false, "size") }));
 		checkedProps.value;
 		watchSyncEffect(() => {
 			checkedProps.value;
@@ -45,12 +56,15 @@ var UiCover_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE
 		/** The values the styles' :host-state() rules test. */
 		const hostState = computed(() => [checkedProps.value.size && "size", checkedProps.value.size != null && `size=${encodeURIComponent(checkedProps.value.size)}`].filter(Boolean).join(" "));
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", mergeProps({ "data-component": "ui-cover" }, nativeAttrs(_ctx.$attrs), {
+			return withDirectives((openBlock(), createElementBlock("div", mergeProps({ "data-component": "ui-cover" }, nativeAttrs(_ctx.$attrs), {
 				"data-size": reflectedProp("size", "size", checkedProps.value.size, void 0, false),
 				"data-ui-cover-state": hostState.value || void 0
-			}), [renderSlot(_ctx.$slots, "default")], 16, _hoisted_1);
+			}), [renderSlot(_ctx.$slots, "default")], 16, _hoisted_1)), [[unref(vPropValidity), {
+				contract: propValidityContract,
+				values: { ...checkedProps.value }
+			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-9b72621f"]]);
+}), [["__scopeId", "data-v-97ef2767"]]);
 //#endregion
 export { UiCover_default as t };

package/vue/chunks/UiDescriptionItem.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/UiDescriptionItem.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = ["data-term"];
 //#endregion
@@ -13,11 +13,21 @@ var UiDescriptionItem_default = /*#__PURE__*/ _plugin_vue_export_helper_default(
 		default: ""
 	} },
 	setup(__props) {
+		const propValidityContract = { props: { term: {
+			type: {
+				kind: "terminal",
+				name: "string"
+			},
+			required: false,
+			target: { attribute: "term" },
+			description: "What the value is, such as \"Invited by\". The value is the item's content.",
+			default: ""
+		} } };
 		const props = __props;
 		const checkedProps = computed(() => ({ term: checkedProp(props["term"], {
 			kind: "terminal",
 			name: "string"
-		}, false, "term", void 0, void 0) }));
+		}, false, "term") }));
 		checkedProps.value;
 		watchSyncEffect(() => {
 			checkedProps.value;
@@ -43,9 +53,12 @@ var UiDescriptionItem_default = /*#__PURE__*/ _plugin_vue_export_helper_default(
 			})
 		});
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", mergeProps({ "data-component": "ui-description-item" }, nativeAttrs(_ctx.$attrs), { "data-term": reflectedProp("term", "term", checkedProps.value.term, void 0, false) }), [createElementVNode("dt", null, toDisplayString(checkedProps.value.term), 1), createElementVNode("dd", null, [renderSlot(_ctx.$slots, "default", {}, void 0, true)])], 16, _hoisted_1);
+			return withDirectives((openBlock(), createElementBlock("div", mergeProps({ "data-component": "ui-description-item" }, nativeAttrs(_ctx.$attrs), { "data-term": reflectedProp("term", "term", checkedProps.value.term, void 0, false) }), [createElementVNode("dt", null, toDisplayString(checkedProps.value.term), 1), createElementVNode("dd", null, [renderSlot(_ctx.$slots, "default", {}, void 0, true)])], 16, _hoisted_1)), [[unref(vPropValidity), {
+				contract: propValidityContract,
+				values: { ...checkedProps.value }
+			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-a00963b1"]]);
+}), [["__scopeId", "data-v-147189f1"]]);
 //#endregion
 export { UiDescriptionItem_default as t };

package/vue/chunks/UiDescriptionList.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, defineComponent, getCurrentInstance, mergeProps, openBlock, renderSlot, watchSyncEffect } from "vue";
+import { r as vPropValidity, t as checkedProp } from "./props.js";
+import { computed, createElementBlock, defineComponent, getCurrentInstance, mergeProps, openBlock, renderSlot, unref, watchSyncEffect, withDirectives } from "vue";
 //#region .build/vue/UiDescriptionList.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = [
 	"data-columns",
@@ -28,29 +28,63 @@ var UiDescriptionList_default = /*#__PURE__*/ _plugin_vue_export_helper_default(
 		}
 	},
 	setup(__props) {
+		const propValidityContract = { props: {
+			columns: {
+				type: {
+					kind: "terminal",
+					name: "keyword"
+				},
+				required: false,
+				target: { attribute: "columns" },
+				description: "The most columns grid and tiles set on a wide list; a narrow list still drops to fewer. Left unset, they fit as many as the width allows.",
+				values: [
+					"2",
+					"3",
+					"4"
+				]
+			},
+			density: {
+				type: {
+					kind: "terminal",
+					name: "keyword"
+				},
+				required: false,
+				target: { attribute: "density" },
+				description: "How much room each pair takes. comfortable spaces the pairs apart to read; compact sets them close together, for facts inside other content such as a card\n      or a table's detail row.",
+				values: ["comfortable", "compact"],
+				default: "comfortable"
+			},
+			layout: {
+				type: {
+					kind: "terminal",
+					name: "keyword"
+				},
+				required: false,
+				target: { attribute: "layout" },
+				description: "rows sets each term beside its value, one per line, for a short summary; stacked sets every term above its value, one pair per line, for a narrow space;\n      grid sets the pairs, term above value, in as many columns as fit, for facts to scan across; tiles sets each pair on its own bordered tile in a grid, for\n      figures to compare.",
+				values: [
+					"rows",
+					"stacked",
+					"grid",
+					"tiles"
+				],
+				default: "rows"
+			}
+		} };
 		const props = __props;
 		const checkedProps = computed(() => ({
 			columns: checkedProp(props["columns"], {
 				kind: "terminal",
 				name: "keyword"
-			}, false, "columns", void 0, [
-				"2",
-				"3",
-				"4"
-			]),
+			}, false, "columns"),
 			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",
-				"stacked",
-				"grid",
-				"tiles"
-			])
+			}, false, "layout")
 		}));
 		checkedProps.value;
 		watchSyncEffect(() => {
@@ -86,14 +120,17 @@ var UiDescriptionList_default = /*#__PURE__*/ _plugin_vue_export_helper_default(
 			checkedProps.value.density != null && `density=${encodeURIComponent(checkedProps.value.density)}`
 		].filter(Boolean).join(" "));
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("dl", mergeProps({ "data-component": "ui-description-list" }, nativeAttrs(_ctx.$attrs), {
+			return withDirectives((openBlock(), createElementBlock("dl", mergeProps({ "data-component": "ui-description-list" }, nativeAttrs(_ctx.$attrs), {
 				"data-columns": reflectedProp("columns", "columns", checkedProps.value.columns, void 0, false),
 				"data-density": reflectedProp("density", "density", checkedProps.value.density, void 0, false),
 				"data-layout": reflectedProp("layout", "layout", checkedProps.value.layout, void 0, false),
 				"data-ui-description-list-state": hostState.value || void 0
-			}), [renderSlot(_ctx.$slots, "default", {}, void 0, true)], 16, _hoisted_1);
+			}), [renderSlot(_ctx.$slots, "default", {}, void 0, true)], 16, _hoisted_1)), [[unref(vPropValidity), {
+				contract: propValidityContract,
+				values: { ...checkedProps.value }
+			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-7a37f9f7"]]);
+}), [["__scopeId", "data-v-a6c69a42"]]);
 //#endregion
 export { UiDescriptionList_default as t };

package/vue/chunks/UiDialog.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 { computed, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, getCurrentInstance, mergeProps, openBlock, ref, renderSlot, toDisplayString, useTemplateRef, watchSyncEffect, withCtx } from "vue";
+import { computed, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, getCurrentInstance, mergeProps, openBlock, provide, ref, renderSlot, toDisplayString, unref, useTemplateRef, watchSyncEffect, withCtx, withDirectives } from "vue";
 //#region .build/vue/UiDialog.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = [
 	"aria-label",
@@ -71,49 +71,131 @@ var UiDialog_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
 		"close"
 	],
 	setup(__props, { emit: __emit }) {
+		const propValidityContract = { props: {
+			alert: {
+				type: {
+					kind: "terminal",
+					name: "boolean"
+				},
+				required: false,
+				target: { attribute: "alert" },
+				description: "Use alert dialog semantics and require an explicit action instead of the header close button. An alert dialog is always modal.",
+				default: false
+			},
+			closedby: {
+				type: {
+					kind: "terminal",
+					name: "keyword"
+				},
+				required: false,
+				target: { attribute: "closedby" },
+				description: "Which user close requests work: any includes outside presses, closerequest includes Escape, and none requires an action. Unset follows native dialog:\n      closerequest when modal, none when not.",
+				values: [
+					"any",
+					"closerequest",
+					"none"
+				]
+			},
+			for: {
+				type: {
+					kind: "terminal",
+					name: "string"
+				},
+				required: false,
+				target: { attribute: "for" },
+				description: "ID of the control that opens the dialog.",
+				default: ""
+			},
+			label: {
+				type: {
+					kind: "terminal",
+					name: "string"
+				},
+				required: false,
+				target: { attribute: "label" },
+				description: "Visible title in the dialog header; also its accessible name."
+			},
+			modal: {
+				type: {
+					kind: "terminal",
+					name: "boolean"
+				},
+				required: false,
+				target: { attribute: "modal" },
+				description: "Open in the top layer with a backdrop and make the rest of the page inert until it closes, like native showModal(). Without it the dialog is non-modal,\n      like native show().",
+				default: false
+			},
+			modeless: {
+				type: {
+					kind: "terminal",
+					name: "boolean"
+				},
+				required: false,
+				target: { attribute: "modeless" },
+				description: "Deprecated: does nothing, since dialogs are non-modal unless modal is set. Accepted so markup written for 0.15 keeps working; modal wins when both are\n      set.",
+				default: false
+			},
+			open: {
+				type: {
+					kind: "terminal",
+					name: "boolean"
+				},
+				required: false,
+				target: { attribute: "open" },
+				description: "Whether the dialog is open initially or when set externally.",
+				default: false
+			},
+			size: {
+				type: {
+					kind: "terminal",
+					name: "keyword"
+				},
+				required: false,
+				target: { attribute: "size" },
+				description: "Choose a compact, standard, wide, or viewport-filling dialog.",
+				values: [
+					"sm",
+					"md",
+					"lg",
+					"fullscreen"
+				],
+				default: "md"
+			}
+		} };
 		const props = __props;
 		const checkedProps = computed(() => ({
 			alert: checkedProp(props["alert"], {
 				kind: "terminal",
 				name: "boolean"
-			}, false, "alert", void 0, void 0),
+			}, false, "alert"),
 			closedby: checkedProp(props["closedby"], {
 				kind: "terminal",
 				name: "keyword"
-			}, false, "closedby", void 0, [
-				"any",
-				"closerequest",
-				"none"
-			]),
+			}, false, "closedby"),
 			for: checkedProp(props["for"], {
 				kind: "terminal",
 				name: "string"
-			}, false, "for", void 0, void 0),
+			}, false, "for"),
 			label: checkedProp(props["label"], {
 				kind: "terminal",
 				name: "string"
-			}, false, "label", void 0, void 0),
+			}, false, "label"),
 			modal: checkedProp(props["modal"], {
 				kind: "terminal",
 				name: "boolean"
-			}, false, "modal", void 0, void 0),
+			}, false, "modal"),
 			modeless: checkedProp(props["modeless"], {
 				kind: "terminal",
 				name: "boolean"
-			}, false, "modeless", void 0, void 0),
+			}, false, "modeless"),
 			open: checkedProp(props["open"], {
 				kind: "terminal",
 				name: "boolean"
-			}, false, "open", void 0, void 0),
+			}, false, "open"),
 			size: checkedProp(props["size"], {
 				kind: "terminal",
 				name: "keyword"
-			}, false, "size", void 0, [
-				"sm",
-				"md",
-				"lg",
-				"fullscreen"
-			])
+			}, false, "size")
 		}));
 		checkedProps.value;
 		watchSyncEffect(() => {
@@ -137,6 +219,13 @@ var UiDialog_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
 		const closeElement = useTemplateRef("close");
 		const internalOpen = ref(false);
 		const accessibleLabel = ref("Dialog");
+		let guardedPrevious;
+		const guarded = computed(() => {
+			if (!(accessibleLabel.value == null || typeof accessibleLabel.value === "string")) return guardedPrevious;
+			return guardedPrevious = accessibleLabel.value;
+		});
+		provide("html-next:ui-dialog:internalOpen", internalOpen);
+		provide("html-next:ui-dialog:accessibleLabel", accessibleLabel);
 		const hydrationNode = hydrationInstance?.vnode.el;
 		if (typeof window !== "undefined" && hydrationNode != null && (!(hydrationNode instanceof Element) || hydrationNode.localName !== "dialog")) throw Object.assign(/* @__PURE__ */ new Error("HR005: Server markup for <ui-dialog> has an incompatible root."), {
 			name: "HtmlDiagnosticError",
@@ -183,8 +272,8 @@ var UiDialog_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
 			}
 		});
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("dialog", mergeProps({ "data-component": "ui-dialog" }, nativeAttrs(_ctx.$attrs), {
-				"aria-label": accessibleLabel.value,
+			return withDirectives((openBlock(), createElementBlock("dialog", mergeProps({ "data-component": "ui-dialog" }, nativeAttrs(_ctx.$attrs), {
+				"aria-label": guarded.value,
 				"data-alert": reflectedProp("alert", "alert", checkedProps.value.alert, void 0, false),
 				"data-closedby": reflectedProp("closedby", "closedby", checkedProps.value.closedby, void 0, false),
 				"data-for": reflectedProp("for", "for", checkedProps.value.for, void 0, false),
@@ -203,9 +292,12 @@ var UiDialog_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
 					_: 3
 				}),
 				createElementVNode("footer", null, [renderSlot(_ctx.$slots, "actions", {}, void 0, true)])
-			], 16, _hoisted_1);
+			], 16, _hoisted_1)), [[unref(vPropValidity), {
+				contract: propValidityContract,
+				values: { ...checkedProps.value }
+			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-33d86fa8"]]);
+}), [["__scopeId", "data-v-6979641e"]]);
 //#endregion
 export { UiDialog_default as t };