@threadlabs/looma 0.21.6 → 0.22.0

package/vue/chunks/UiMenuItem.js

@@ -1,8 +1,8 @@
 import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
 import { n as preserveRootFocus, 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 { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, defineComponent, getCurrentInstance, mergeProps, openBlock, ref, renderSlot, useTemplateRef, watchSyncEffect } from "vue";
+import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, defineComponent, getCurrentInstance, mergeProps, openBlock, provide, ref, renderSlot, unref, useTemplateRef, watchSyncEffect, withDirectives } from "vue";
 //#region .build/vue/UiMenuItem.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = [
 	"aria-disabled",
@@ -73,32 +73,85 @@ var UiMenuItem_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 		"change"
 	],
 	setup(__props, { emit: __emit }) {
+		const propValidityContract = { props: {
+			checked: {
+				type: {
+					kind: "terminal",
+					name: "boolean"
+				},
+				required: false,
+				target: { attribute: "checked" },
+				description: "Initial or externally controlled checked state of a checkbox or radio item.",
+				default: false
+			},
+			disabled: {
+				type: {
+					kind: "terminal",
+					name: "boolean"
+				},
+				required: false,
+				target: { attribute: "aria-disabled" },
+				description: "Makes the item unavailable: it is faded, skipped by the arrow keys, and choosing it does nothing. It stays visible and is announced as disabled.",
+				default: false
+			},
+			href: {
+				type: {
+					kind: "terminal",
+					name: "string"
+				},
+				required: false,
+				target: { attribute: "href" },
+				description: "A destination makes an action item a real link, with native navigation and link context actions.",
+				default: ""
+			},
+			type: {
+				type: {
+					kind: "terminal",
+					name: "keyword"
+				},
+				required: false,
+				target: { attribute: "type" },
+				description: "An action closes its menu; a checkbox toggles, and a radio chooses one item within its nearest Menu Group. Checkable items keep the menu open.",
+				values: [
+					"action",
+					"checkbox",
+					"radio"
+				],
+				default: "action"
+			},
+			value: {
+				type: {
+					kind: "terminal",
+					name: "string"
+				},
+				required: false,
+				target: { attribute: "data-value" },
+				description: "The value the enclosing menu reports in its select event when this item is chosen. Give each item a distinct value so one handler can tell them\n      apart.",
+				default: ""
+			}
+		} };
 		const props = __props;
 		const checkedProps = computed(() => ({
 			checked: checkedProp(props["checked"], {
 				kind: "terminal",
 				name: "boolean"
-			}, false, "checked", void 0, void 0),
+			}, false, "checked"),
 			disabled: checkedProp(props["disabled"], {
 				kind: "terminal",
 				name: "boolean"
-			}, false, "disabled", void 0, void 0),
+			}, false, "disabled"),
 			href: checkedProp(props["href"], {
 				kind: "terminal",
 				name: "string"
-			}, false, "href", void 0, void 0),
+			}, false, "href"),
 			type: checkedProp(props["type"], {
 				kind: "terminal",
 				name: "keyword"
-			}, false, "type", void 0, [
-				"action",
-				"checkbox",
-				"radio"
-			]),
+			}, false, "type"),
 			value: checkedProp(props["value"], {
 				kind: "terminal",
 				name: "string"
-			}, false, "value", void 0, void 0)
+			}, false, "value")
 		}));
 		checkedProps.value;
 		watchSyncEffect(() => {
@@ -121,6 +174,24 @@ var UiMenuItem_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 		const root = useTemplateRef("@html-next/root");
 		preserveRootFocus(root);
 		const internalChecked = ref(false);
+		let guardedPrevious;
+		const guarded = computed(() => {
+			if (!(internalChecked.value == null || typeof internalChecked.value === "boolean")) return guardedPrevious;
+			return guardedPrevious = typeof {
+				action: null,
+				checkbox: internalChecked.value,
+				radio: internalChecked.value
+			}[checkedProps.value.type] === "boolean" ? String({
+				action: null,
+				checkbox: internalChecked.value,
+				radio: internalChecked.value
+			}[checkedProps.value.type]) : attribute({
+				action: null,
+				checkbox: internalChecked.value,
+				radio: internalChecked.value
+			}[checkedProps.value.type]);
+		});
+		provide("html-next:ui-menu-item:internalChecked", internalChecked);
 		const hydrationNode = hydrationInstance?.vnode.el;
 		if (typeof window !== "undefined" && hydrationNode != null && (!(hydrationNode instanceof Element) || hydrationNode.localName !== (checkedProps.value.href && checkedProps.value.type === "action" ? "a" : "div"))) throw Object.assign(/* @__PURE__ */ new Error("HR005: Server markup for <ui-menu-item> has an incompatible root."), {
 			name: "HtmlDiagnosticError",
@@ -164,7 +235,7 @@ var UiMenuItem_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 			return value === true ? "" : text(value);
 		}
 		return (_ctx, _cache) => {
-			return checkedProps.value.href && checkedProps.value.type === "action" ? (openBlock(), createElementBlock("a", mergeProps({
+			return checkedProps.value.href && checkedProps.value.type === "action" ? withDirectives((openBlock(), createElementBlock("a", mergeProps({
 				key: 0,
 				"data-component": "ui-menu-item",
 				role: "menuitem",
@@ -182,7 +253,10 @@ var UiMenuItem_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 				"data-value": reflectedProp("value", "value", checkedProps.value.value, void 0, true),
 				"data-ui-menu-item-state": hostState.value || void 0,
 				ref: "@html-next/root"
-			}), [createElementVNode("span", _hoisted_2, [renderSlot(_ctx.$slots, "default", {}, void 0, true)]), createElementVNode("span", _hoisted_3, [renderSlot(_ctx.$slots, "shortcut", {}, void 0, true)])], 16, _hoisted_1)) : (openBlock(), createElementBlock("div", mergeProps({
+			}), [createElementVNode("span", _hoisted_2, [renderSlot(_ctx.$slots, "default", {}, void 0, true)]), createElementVNode("span", _hoisted_3, [renderSlot(_ctx.$slots, "shortcut", {}, void 0, true)])], 16, _hoisted_1)), [[unref(vPropValidity), {
+				contract: propValidityContract,
+				values: { ...checkedProps.value }
+			}]]) : withDirectives((openBlock(), createElementBlock("div", mergeProps({
 				key: 1,
 				"data-component": "ui-menu-item",
 				tabindex: "-1"
@@ -192,19 +266,7 @@ var UiMenuItem_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 					checkbox: "menuitemcheckbox",
 					radio: "menuitemradio"
 				}[checkedProps.value.type]),
-				"aria-checked": typeof {
-					action: null,
-					checkbox: internalChecked.value,
-					radio: internalChecked.value
-				}[checkedProps.value.type] === "boolean" ? String({
-					action: null,
-					checkbox: internalChecked.value,
-					radio: internalChecked.value
-				}[checkedProps.value.type]) : attribute({
-					action: null,
-					checkbox: internalChecked.value,
-					radio: internalChecked.value
-				}[checkedProps.value.type]),
+				"aria-checked": guarded.value,
 				"aria-disabled": checkedProps.value.disabled ?? void 0,
 				"data-checked": reflectedProp("checked", "checked", checkedProps.value.checked, void 0, false),
 				"data-disabled": reflectedProp("disabled", "disabled", checkedProps.value.disabled, void 0, false),
@@ -220,9 +282,12 @@ var UiMenuItem_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 				})) : createCommentVNode("v-if", true)]),
 				createElementVNode("span", _hoisted_6, [renderSlot(_ctx.$slots, "default", {}, void 0, true)]),
 				createElementVNode("span", _hoisted_7, [renderSlot(_ctx.$slots, "shortcut", {}, void 0, true)])
-			], 16, _hoisted_4));
+			], 16, _hoisted_4)), [[unref(vPropValidity), {
+				contract: propValidityContract,
+				values: { ...checkedProps.value }
+			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-b110d8a0"]]);
+}), [["__scopeId", "data-v-bfe18c4b"]]);
 //#endregion
 export { UiMenuItem_default as t };

package/vue/chunks/UiMeter.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, normalizeStyle, openBlock, unref, watchSyncEffect } from "vue";
+import { r as vPropValidity, t as checkedProp } from "./props.js";
+import { computed, createElementBlock, createElementVNode, defineComponent, getCurrentInstance, mergeProps, normalizeStyle, openBlock, unref, watchSyncEffect, withDirectives } from "vue";
 //#region .build/vue/UiMeter.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = [
 	"aria-valuemax",
@@ -53,43 +53,117 @@ var UiMeter_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE
 		}
 	},
 	setup(__props) {
+		const propValidityContract = { props: {
+			label: {
+				type: {
+					kind: "terminal",
+					name: "string"
+				},
+				required: false,
+				target: { attribute: "label" },
+				description: "What the meter measures, as its accessible name (\"Collected\"). Leave it empty only when aria-labelledby names the meter from visible text.",
+				default: ""
+			},
+			max: {
+				type: {
+					kind: "terminal",
+					name: "number"
+				},
+				required: false,
+				target: { attribute: "aria-valuemax" },
+				description: "The value of a full bar, as on a native meter: 1 for a fraction, or the whole amount (a total, a count of items) with value as the part of it. Must be\n      above 0; otherwise the bar is empty.",
+				default: 1
+			},
+			segments: {
+				type: {
+					kind: "terminal",
+					name: "number"
+				},
+				required: false,
+				target: { attribute: "segments" },
+				description: "How many equal segments to draw the bar as, from 2 to 12, for a count of steps: set max to the same number and value to the steps done, so whole segments\n      fill, and say the step in valueText (\"Shipped, step 4 of 6\"). A value between steps fills part of a segment. 0 draws one continuous bar, as does any other\n      number.",
+				default: 0
+			},
+			size: {
+				type: {
+					kind: "terminal",
+					name: "keyword"
+				},
+				required: false,
+				target: { attribute: "size" },
+				description: "Thickness. sm is a thin bar that sits in a line of text, such as a table cell beside an amount; md stands on its own.",
+				values: ["sm", "md"],
+				default: "md"
+			},
+			tone: {
+				type: {
+					kind: "terminal",
+					name: "keyword"
+				},
+				required: false,
+				target: { attribute: "tone" },
+				description: "Which colour the filled part speaks in, as on Badge: neutral is a quiet grey, accent draws the eye, and info, success, warning, and danger mark a state\n      (such as nothing yet, partial, complete, or needs attention). Colour alone says nothing to assistive technology or in forced colours, so say the state in\n      valueText or in text beside the meter too.",
+				values: [
+					"neutral",
+					"accent",
+					"info",
+					"success",
+					"warning",
+					"danger"
+				],
+				default: "neutral"
+			},
+			value: {
+				type: {
+					kind: "terminal",
+					name: "number"
+				},
+				required: false,
+				target: { attribute: "value" },
+				description: "How far along, from 0 to max. A value outside that range draws at the nearer end: below 0 is an empty track, above max a full bar.",
+				default: 0
+			},
+			valueText: {
+				type: {
+					kind: "terminal",
+					name: "string"
+				},
+				required: false,
+				target: { attribute: "valuetext" },
+				description: "The value as assistive technology reads it (\"$750 of $1,240 collected\", \"3 of 5 done, overdue\"). Empty reads the percentage.",
+				default: ""
+			}
+		} };
 		const props = __props;
 		const checkedProps = computed(() => ({
 			label: checkedProp(props["label"], {
 				kind: "terminal",
 				name: "string"
-			}, false, "label", void 0, void 0),
+			}, false, "label"),
 			max: checkedProp(props["max"], {
 				kind: "terminal",
 				name: "number"
-			}, false, "max", void 0, void 0),
+			}, false, "max"),
 			segments: checkedProp(props["segments"], {
 				kind: "terminal",
 				name: "number"
-			}, false, "segments", void 0, void 0),
+			}, false, "segments"),
 			size: checkedProp(props["size"], {
 				kind: "terminal",
 				name: "keyword"
-			}, false, "size", void 0, ["sm", "md"]),
+			}, false, "size"),
 			tone: checkedProp(props["tone"], {
 				kind: "terminal",
 				name: "keyword"
-			}, false, "tone", void 0, [
-				"neutral",
-				"accent",
-				"info",
-				"success",
-				"warning",
-				"danger"
-			]),
+			}, false, "tone"),
 			value: checkedProp(props["value"], {
 				kind: "terminal",
 				name: "number"
-			}, false, "value", void 0, void 0),
+			}, false, "value"),
 			valueText: checkedProp(props["valueText"], {
 				kind: "terminal",
 				name: "string"
-			}, false, "valueText", void 0, void 0)
+			}, false, "valueText")
 		}));
 		checkedProps.value;
 		watchSyncEffect(() => {
@@ -168,7 +242,7 @@ var UiMeter_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE
 			return typeof value === "number" && !Number.isNaN(value) ? value : void 0;
 		}
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("span", mergeProps({
+			return withDirectives((openBlock(), createElementBlock("span", mergeProps({
 				"data-component": "ui-meter",
 				role: "meter",
 				"aria-valuemin": "0"
@@ -210,9 +284,12 @@ var UiMeter_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE
 			}), [createElementVNode("span", {
 				class: "fill",
 				style: normalizeStyle({ "inline-size": `${text(unref(percent))}%` })
-			}, null, 4)], 16, _hoisted_1);
+			}, null, 4)], 16, _hoisted_1)), [[unref(vPropValidity), {
+				contract: propValidityContract,
+				values: { ...checkedProps.value }
+			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-500a9358"]]);
+}), [["__scopeId", "data-v-0409eee2"]]);
 //#endregion
 export { UiMeter_default as t };

package/vue/chunks/UiNavItem.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, createElementVNode, defineComponent, getCurrentInstance, mergeProps, openBlock, renderSlot, useTemplateRef, watchSyncEffect } from "vue";
+import { r as vPropValidity, t as checkedProp } from "./props.js";
+import { computed, createElementBlock, createElementVNode, defineComponent, getCurrentInstance, mergeProps, openBlock, renderSlot, unref, useTemplateRef, watchSyncEffect, withDirectives } from "vue";
 //#region .build/vue/UiNavItem.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = [
 	"href",
@@ -58,34 +58,85 @@ var UiNavItem_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PU
 		}
 	},
 	setup(__props) {
+		const propValidityContract = { props: {
+			as: {
+				type: {
+					kind: "terminal",
+					name: "keyword"
+				},
+				required: false,
+				target: { attribute: "as" },
+				description: "The native element the item renders: a button, or a link (a) that navigates to href.",
+				values: ["button", "a"],
+				default: "button"
+			},
+			current: {
+				type: {
+					kind: "terminal",
+					name: "keyword"
+				},
+				required: false,
+				target: { attribute: "current" },
+				description: "Marks the item as where you are: it takes the selected surface, a stronger label, and a bar on its start edge, and states aria-current, which assistive\n      technology announces. \"true\" means the current page (aria-current=\"page\"); \"step\" marks the current step of a process, and \"location\" the current place in\n      a set, such as a section of a record. Set it on one item at a time.",
+				values: [
+					"true",
+					"false",
+					"page",
+					"step",
+					"location"
+				],
+				default: "false"
+			},
+			href: {
+				type: {
+					kind: "terminal",
+					name: "string"
+				},
+				required: false,
+				target: { attribute: "href" },
+				description: "The link's destination. Pair it with as=\"a\" so the item renders as a real link: a router, a modified click, and \"open in new tab\" all work. Without it the\n      item is a button, for switching views inside the app."
+			},
+			rel: {
+				type: {
+					kind: "terminal",
+					name: "string"
+				},
+				required: false,
+				target: { attribute: "rel" },
+				description: "The link's relationship to its destination, as on a native link. Only meaningful with as=\"a\"."
+			},
+			target: {
+				type: {
+					kind: "terminal",
+					name: "string"
+				},
+				required: false,
+				target: { attribute: "target" },
+				description: "Where a link opens, as on a native link. Only meaningful with as=\"a\"."
+			}
+		} };
 		const props = __props;
 		const checkedProps = computed(() => ({
 			as: checkedProp(props["as"], {
 				kind: "terminal",
 				name: "keyword"
-			}, false, "as", void 0, ["button", "a"]),
+			}, false, "as"),
 			current: checkedProp(props["current"], {
 				kind: "terminal",
 				name: "keyword"
-			}, false, "current", void 0, [
-				"true",
-				"false",
-				"page",
-				"step",
-				"location"
-			]),
+			}, false, "current"),
 			href: checkedProp(props["href"], {
 				kind: "terminal",
 				name: "string"
-			}, false, "href", void 0, void 0),
+			}, false, "href"),
 			rel: checkedProp(props["rel"], {
 				kind: "terminal",
 				name: "string"
-			}, false, "rel", void 0, void 0),
+			}, false, "rel"),
 			target: checkedProp(props["target"], {
 				kind: "terminal",
 				name: "string"
-			}, false, "target", void 0, void 0)
+			}, false, "target")
 		}));
 		checkedProps.value;
 		watchSyncEffect(() => {
@@ -123,7 +174,7 @@ var UiNavItem_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PU
 			return value === true ? "" : text(value);
 		}
 		return (_ctx, _cache) => {
-			return checkedProps.value.as === "a" ? (openBlock(), createElementBlock("a", mergeProps({
+			return checkedProps.value.as === "a" ? withDirectives((openBlock(), createElementBlock("a", mergeProps({
 				key: 0,
 				"data-component": "ui-nav-item"
 			}, nativeAttrs(_ctx.$attrs), {
@@ -162,7 +213,10 @@ var UiNavItem_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PU
 				}, null, -1)),
 				createElementVNode("span", _hoisted_2, [renderSlot(_ctx.$slots, "leading", {}, void 0, true)]),
 				createElementVNode("span", _hoisted_3, [createElementVNode("span", _hoisted_4, [renderSlot(_ctx.$slots, "default", {}, void 0, true)]), createElementVNode("span", _hoisted_5, [renderSlot(_ctx.$slots, "description", {}, void 0, true)])])
-			], 16, _hoisted_1)) : (openBlock(), createElementBlock("button", mergeProps({
+			], 16, _hoisted_1)), [[unref(vPropValidity), {
+				contract: propValidityContract,
+				values: { ...checkedProps.value }
+			}]]) : withDirectives((openBlock(), createElementBlock("button", mergeProps({
 				key: 1,
 				"data-component": "ui-nav-item",
 				type: "button"
@@ -199,9 +253,12 @@ var UiNavItem_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PU
 				}, null, -1)),
 				createElementVNode("span", _hoisted_7, [renderSlot(_ctx.$slots, "leading", {}, void 0, true)]),
 				createElementVNode("span", _hoisted_8, [createElementVNode("span", _hoisted_9, [renderSlot(_ctx.$slots, "default", {}, void 0, true)]), createElementVNode("span", _hoisted_10, [renderSlot(_ctx.$slots, "description", {}, void 0, true)])])
-			], 16, _hoisted_6));
+			], 16, _hoisted_6)), [[unref(vPropValidity), {
+				contract: propValidityContract,
+				values: { ...checkedProps.value }
+			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-a1fc2115"]]);
+}), [["__scopeId", "data-v-8e20083c"]]);
 //#endregion
 export { UiNavItem_default as t };

package/vue/chunks/UiPageHeader.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/UiPageHeader.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = ["data-align", "data-ui-page-header-state"];
 var _hoisted_2 = { class: "leading" };
@@ -19,11 +19,22 @@ var UiPageHeader_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @_
 		default: "start"
 	} },
 	setup(__props) {
+		const propValidityContract = { props: { align: {
+			type: {
+				kind: "terminal",
+				name: "keyword"
+			},
+			required: false,
+			target: { attribute: "align" },
+			description: "Where the header sits. start runs along the page's start edge with actions at the end; center stacks everything centred, for a standalone card such as\n      sign-in.",
+			values: ["start", "center"],
+			default: "start"
+		} } };
 		const props = __props;
 		const checkedProps = computed(() => ({ align: checkedProp(props["align"], {
 			kind: "terminal",
 			name: "keyword"
-		}, false, "align", void 0, ["start", "center"]) }));
+		}, false, "align") }));
 		checkedProps.value;
 		watchSyncEffect(() => {
 			checkedProps.value;
@@ -51,7 +62,7 @@ var UiPageHeader_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @_
 		/** The values the styles' :host-state() rules test. */
 		const hostState = computed(() => [checkedProps.value.align && "align", checkedProps.value.align != null && `align=${encodeURIComponent(checkedProps.value.align)}`].filter(Boolean).join(" "));
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("header", mergeProps({ "data-component": "ui-page-header" }, nativeAttrs(_ctx.$attrs), {
+			return withDirectives((openBlock(), createElementBlock("header", mergeProps({ "data-component": "ui-page-header" }, nativeAttrs(_ctx.$attrs), {
 				"data-align": reflectedProp("align", "align", checkedProps.value.align, void 0, false),
 				"data-ui-page-header-state": hostState.value || void 0
 			}), [
@@ -62,9 +73,12 @@ var UiPageHeader_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @_
 					createElementVNode("span", _hoisted_6, [renderSlot(_ctx.$slots, "description", {}, void 0, true)])
 				]),
 				createElementVNode("span", _hoisted_7, [renderSlot(_ctx.$slots, "actions", {}, void 0, true)])
-			], 16, _hoisted_1);
+			], 16, _hoisted_1)), [[unref(vPropValidity), {
+				contract: propValidityContract,
+				values: { ...checkedProps.value }
+			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-b3134d11"]]);
+}), [["__scopeId", "data-v-530d7117"]]);
 //#endregion
 export { UiPageHeader_default as t };

package/vue/chunks/UiPopover.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/UiPopover.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = [
 	"data-for",
@@ -35,33 +35,66 @@ var UiPopover_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PU
 		"close"
 	],
 	setup(__props, { emit: __emit }) {
+		const propValidityContract = { props: {
+			for: {
+				type: {
+					kind: "terminal",
+					name: "string"
+				},
+				required: false,
+				target: { attribute: "for" },
+				description: "ID of the control that toggles and anchors the popover.",
+				default: ""
+			},
+			open: {
+				type: {
+					kind: "terminal",
+					name: "boolean"
+				},
+				required: false,
+				target: { attribute: "open" },
+				description: "Whether the popover is open initially or when set externally.",
+				default: false
+			},
+			placement: {
+				type: {
+					kind: "terminal",
+					name: "keyword"
+				},
+				required: false,
+				target: { attribute: "placement" },
+				description: "Positions the surface around its trigger. Start and end on top or bottom follow the writing direction.",
+				values: [
+					"top",
+					"top-start",
+					"top-end",
+					"bottom",
+					"bottom-start",
+					"bottom-end",
+					"left",
+					"left-start",
+					"left-end",
+					"right",
+					"right-start",
+					"right-end"
+				],
+				default: "bottom-start"
+			}
+		} };
 		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"),
 			placement: checkedProp(props["placement"], {
 				kind: "terminal",
 				name: "keyword"
-			}, false, "placement", void 0, [
-				"top",
-				"top-start",
-				"top-end",
-				"bottom",
-				"bottom-start",
-				"bottom-end",
-				"left",
-				"left-start",
-				"left-end",
-				"right",
-				"right-start",
-				"right-end"
-			])
+			}, false, "placement")
 		}));
 		checkedProps.value;
 		watchSyncEffect(() => {
@@ -83,6 +116,7 @@ var UiPopover_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PU
 		const emit = __emit;
 		const root = ref(null);
 		const internalOpen = ref(false);
+		provide("html-next:ui-popover: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-popover> has an incompatible root."), {
 			name: "HtmlDiagnosticError",
@@ -116,16 +150,19 @@ var UiPopover_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PU
 			state: { internalOpen }
 		});
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("span", mergeProps({ "data-component": "ui-popover" }, nativeAttrs(_ctx.$attrs), {
+			return withDirectives((openBlock(), createElementBlock("span", mergeProps({ "data-component": "ui-popover" }, 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),
 				"data-placement": reflectedProp("placement", "placement", checkedProps.value.placement, void 0, false),
 				"data-ui-popover-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-0252bb09"]]);
+}), [["__scopeId", "data-v-91a3eb1a"]]);
 //#endregion
 export { UiPopover_default as t };