@threadlabs/looma 0.28.4 → 0.28.6

package/vue/chunks/UiContainer.js

@@ -1,6 +1,6 @@
-import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
+import { i as checkHydratedRoot, p as nativeAttrs, t as _plugin_vue_export_helper_default, v as useReflectedProp } from "./_plugin-vue_export-helper.js";
 import { a as vPropValidity, n as checkedProp } from "./props.js";
-import { computed, createElementBlock, defineComponent, getCurrentInstance, mergeProps, openBlock, renderSlot, unref, watchSyncEffect, withDirectives } from "vue";
+import { computed, createElementBlock, defineComponent, mergeProps, openBlock, renderSlot, unref, watchSyncEffect, withDirectives } from "vue";
 //#region .build/vue/UiContainer.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = [
 	"data-fill",
@@ -88,26 +88,8 @@ var UiContainer_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__
 		watchSyncEffect(() => {
 			checkedProps.value;
 		});
-		function nativeAttrs(attrs) {
-			const names = Object.keys(attrs);
-			if (!names.some((name) => Object.hasOwn(Object.prototype, name))) return attrs;
-			return Object.fromEntries(names.map((name) => [Object.hasOwn(Object.prototype, name) ? name === "__proto__" ? "__Proto__" : name[0].toUpperCase() + name.slice(1) : name, attrs[name]]));
-		}
-		const componentInstance = getCurrentInstance();
-		function reflectedProp(name, kebab, value, fallback, bound, separator) {
-			const incoming = componentInstance?.vnode.props;
-			if (!bound && (incoming === null || incoming === void 0 || !Object.hasOwn(incoming, name) && !Object.hasOwn(incoming, kebab))) return fallback;
-			if (value === null || value === void 0) return void 0;
-			return Array.isArray(value) && separator !== void 0 ? value.join(separator) : typeof value === "object" ? JSON.stringify(value) : String(value);
-		}
-		const hydrationNode = getCurrentInstance()?.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-container> has an incompatible root."), {
-			name: "HtmlDiagnosticError",
-			diagnostic: Object.freeze({
-				code: "HR005",
-				message: "Server markup for <ui-container> has an incompatible root."
-			})
-		});
+		const reflectedProp = useReflectedProp();
+		checkHydratedRoot("div", "ui-container");
 		/** The values the styles' :host-state() rules test. */
 		const hostState = computed(() => [
 			checkedProps.value.measure && "measure",
@@ -117,10 +99,10 @@ 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 withDirectives((openBlock(), createElementBlock("div", mergeProps({ "data-component": "ui-container" }, nativeAttrs(_ctx.$attrs), {
-				"data-fill": reflectedProp("fill", "fill", checkedProps.value.fill, void 0, false),
-				"data-gutters": reflectedProp("gutters", "gutters", checkedProps.value.gutters, void 0, false),
-				"data-measure": reflectedProp("measure", "measure", checkedProps.value.measure, void 0, false),
+			return withDirectives((openBlock(), createElementBlock("div", mergeProps({ class: "ui-container" }, unref(nativeAttrs)(_ctx.$attrs), {
+				"data-fill": unref(reflectedProp)("fill", "fill", checkedProps.value.fill, void 0, false),
+				"data-gutters": unref(reflectedProp)("gutters", "gutters", checkedProps.value.gutters, void 0, false),
+				"data-measure": unref(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)), [[unref(vPropValidity), {
 				contract: propValidityContract,
@@ -128,6 +110,6 @@ var UiContainer_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-d3919ea4"]]);
+}), [["__scopeId", "data-v-9931d50c"]]);
 //#endregion
 export { UiContainer_default as t };

package/vue/chunks/UiContextMenu.js

@@ -1,5 +1,4 @@
-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 { _ as useComponentHost, i as checkHydratedRoot, o as createDispatch, p as nativeAttrs, t as _plugin_vue_export_helper_default, v as useReflectedProp } from "./_plugin-vue_export-helper.js";
 import { a as vPropValidity, n as checkedProp, r as propValidityState, t as acceptsControllerWrite } 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
@@ -67,32 +66,14 @@ var UiContextMenu_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @
 		watchSyncEffect(() => {
 			checkedProps.value;
 		});
-		function nativeAttrs(attrs) {
-			const names = Object.keys(attrs);
-			if (!names.some((name) => Object.hasOwn(Object.prototype, name))) return attrs;
-			return Object.fromEntries(names.map((name) => [Object.hasOwn(Object.prototype, name) ? name === "__proto__" ? "__Proto__" : name[0].toUpperCase() + name.slice(1) : name, attrs[name]]));
-		}
-		const componentInstance = getCurrentInstance();
-		function reflectedProp(name, kebab, value, fallback, bound, separator) {
-			const incoming = componentInstance?.vnode.props;
-			if (!bound && (incoming === null || incoming === void 0 || !Object.hasOwn(incoming, name) && !Object.hasOwn(incoming, kebab))) return fallback;
-			if (value === null || value === void 0) return void 0;
-			return Array.isArray(value) && separator !== void 0 ? value.join(separator) : typeof value === "object" ? JSON.stringify(value) : String(value);
-		}
+		const reflectedProp = useReflectedProp();
 		const hydrationInstance = getCurrentInstance();
 		const emit = __emit;
 		const root = ref(null);
 		const menuElement = useTemplateRef("menuElement");
 		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",
-			diagnostic: Object.freeze({
-				code: "HR005",
-				message: "Server markup for <ui-context-menu> has an incompatible root."
-			})
-		});
+		checkHydratedRoot("span", "ui-context-menu");
 		const isOpenDetail = (detail) => detail !== null && typeof detail === "object" && !Array.isArray(detail) && typeof detail["open"] === "boolean" && (detail["reason"] === "action" || detail["reason"] === "programmatic" || detail["reason"] === "light-dismiss" || detail["reason"] === "escape") && (detail["trigger"] === "keyboard" || detail["trigger"] === "pointer" || detail["trigger"] === "programmatic") && Object.keys(detail).every((key) => [
 			"open",
 			"reason",
@@ -137,9 +118,9 @@ var UiContextMenu_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @
 			state: { internalOpen }
 		});
 		return (_ctx, _cache) => {
-			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),
+			return withDirectives((openBlock(), createElementBlock("span", mergeProps({ class: "ui-context-menu" }, unref(nativeAttrs)(_ctx.$attrs), {
+				"data-for": unref(reflectedProp)("for", "for", checkedProps.value.for, void 0, false),
+				"data-open": unref(reflectedProp)("open", "open", checkedProps.value.open, void 0, false),
 				ref_key: "root",
 				ref: root
 			}), [createElementVNode("div", {
@@ -154,6 +135,6 @@ var UiContextMenu_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-2c1ddcba"]]);
+}), [["__scopeId", "data-v-5e77f429"]]);
 //#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 { i as checkHydratedRoot, p as nativeAttrs, t as _plugin_vue_export_helper_default, v as useReflectedProp } from "./_plugin-vue_export-helper.js";
 import { a as vPropValidity, n as checkedProp } from "./props.js";
-import { computed, createElementBlock, defineComponent, getCurrentInstance, mergeProps, openBlock, renderSlot, unref, watchSyncEffect, withDirectives } from "vue";
+import { computed, createElementBlock, defineComponent, 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
@@ -34,31 +34,13 @@ var UiCover_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE
 		watchSyncEffect(() => {
 			checkedProps.value;
 		});
-		function nativeAttrs(attrs) {
-			const names = Object.keys(attrs);
-			if (!names.some((name) => Object.hasOwn(Object.prototype, name))) return attrs;
-			return Object.fromEntries(names.map((name) => [Object.hasOwn(Object.prototype, name) ? name === "__proto__" ? "__Proto__" : name[0].toUpperCase() + name.slice(1) : name, attrs[name]]));
-		}
-		const componentInstance = getCurrentInstance();
-		function reflectedProp(name, kebab, value, fallback, bound, separator) {
-			const incoming = componentInstance?.vnode.props;
-			if (!bound && (incoming === null || incoming === void 0 || !Object.hasOwn(incoming, name) && !Object.hasOwn(incoming, kebab))) return fallback;
-			if (value === null || value === void 0) return void 0;
-			return Array.isArray(value) && separator !== void 0 ? value.join(separator) : typeof value === "object" ? JSON.stringify(value) : String(value);
-		}
-		const hydrationNode = getCurrentInstance()?.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-cover> has an incompatible root."), {
-			name: "HtmlDiagnosticError",
-			diagnostic: Object.freeze({
-				code: "HR005",
-				message: "Server markup for <ui-cover> has an incompatible root."
-			})
-		});
+		const reflectedProp = useReflectedProp();
+		checkHydratedRoot("div", "ui-cover");
 		/** 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 withDirectives((openBlock(), createElementBlock("div", mergeProps({ "data-component": "ui-cover" }, nativeAttrs(_ctx.$attrs), {
-				"data-size": reflectedProp("size", "size", checkedProps.value.size, void 0, false),
+			return withDirectives((openBlock(), createElementBlock("div", mergeProps({ class: "ui-cover" }, unref(nativeAttrs)(_ctx.$attrs), {
+				"data-size": unref(reflectedProp)("size", "size", checkedProps.value.size, void 0, false),
 				"data-ui-cover-state": hostState.value || void 0
 			}), [renderSlot(_ctx.$slots, "default")], 16, _hoisted_1)), [[unref(vPropValidity), {
 				contract: propValidityContract,
@@ -66,6 +48,6 @@ var UiCover_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-f4f98ac2"]]);
+}), [["__scopeId", "data-v-f7b5c239"]]);
 //#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 { i as checkHydratedRoot, p as nativeAttrs, t as _plugin_vue_export_helper_default, v as useReflectedProp } from "./_plugin-vue_export-helper.js";
 import { a as vPropValidity, n as checkedProp } from "./props.js";
-import { computed, createElementBlock, createElementVNode, defineComponent, getCurrentInstance, mergeProps, openBlock, renderSlot, toDisplayString, unref, watchSyncEffect, withDirectives } from "vue";
+import { computed, createElementBlock, createElementVNode, defineComponent, 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
@@ -33,33 +33,15 @@ var UiDescriptionItem_default = /*#__PURE__*/ _plugin_vue_export_helper_default(
 		watchSyncEffect(() => {
 			checkedProps.value;
 		});
-		function nativeAttrs(attrs) {
-			const names = Object.keys(attrs);
-			if (!names.some((name) => Object.hasOwn(Object.prototype, name))) return attrs;
-			return Object.fromEntries(names.map((name) => [Object.hasOwn(Object.prototype, name) ? name === "__proto__" ? "__Proto__" : name[0].toUpperCase() + name.slice(1) : name, attrs[name]]));
-		}
-		const componentInstance = getCurrentInstance();
-		function reflectedProp(name, kebab, value, fallback, bound, separator) {
-			const incoming = componentInstance?.vnode.props;
-			if (!bound && (incoming === null || incoming === void 0 || !Object.hasOwn(incoming, name) && !Object.hasOwn(incoming, kebab))) return fallback;
-			if (value === null || value === void 0) return void 0;
-			return Array.isArray(value) && separator !== void 0 ? value.join(separator) : typeof value === "object" ? JSON.stringify(value) : String(value);
-		}
-		const hydrationNode = getCurrentInstance()?.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-description-item> has an incompatible root."), {
-			name: "HtmlDiagnosticError",
-			diagnostic: Object.freeze({
-				code: "HR005",
-				message: "Server markup for <ui-description-item> has an incompatible root."
-			})
-		});
+		const reflectedProp = useReflectedProp();
+		checkHydratedRoot("div", "ui-description-item");
 		return (_ctx, _cache) => {
-			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), {
+			return withDirectives((openBlock(), createElementBlock("div", mergeProps({ class: "ui-description-item" }, unref(nativeAttrs)(_ctx.$attrs), { "data-term": unref(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: { ...props }
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-ac017b1f"]]);
+}), [["__scopeId", "data-v-d4fe3b1c"]]);
 //#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 { i as checkHydratedRoot, p as nativeAttrs, t as _plugin_vue_export_helper_default, v as useReflectedProp } from "./_plugin-vue_export-helper.js";
 import { a as vPropValidity, n as checkedProp } from "./props.js";
-import { computed, createElementBlock, defineComponent, getCurrentInstance, mergeProps, openBlock, renderSlot, unref, watchSyncEffect, withDirectives } from "vue";
+import { computed, createElementBlock, defineComponent, 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",
@@ -95,26 +95,8 @@ var UiDescriptionList_default = /*#__PURE__*/ _plugin_vue_export_helper_default(
 		watchSyncEffect(() => {
 			checkedProps.value;
 		});
-		function nativeAttrs(attrs) {
-			const names = Object.keys(attrs);
-			if (!names.some((name) => Object.hasOwn(Object.prototype, name))) return attrs;
-			return Object.fromEntries(names.map((name) => [Object.hasOwn(Object.prototype, name) ? name === "__proto__" ? "__Proto__" : name[0].toUpperCase() + name.slice(1) : name, attrs[name]]));
-		}
-		const componentInstance = getCurrentInstance();
-		function reflectedProp(name, kebab, value, fallback, bound, separator) {
-			const incoming = componentInstance?.vnode.props;
-			if (!bound && (incoming === null || incoming === void 0 || !Object.hasOwn(incoming, name) && !Object.hasOwn(incoming, kebab))) return fallback;
-			if (value === null || value === void 0) return void 0;
-			return Array.isArray(value) && separator !== void 0 ? value.join(separator) : typeof value === "object" ? JSON.stringify(value) : String(value);
-		}
-		const hydrationNode = getCurrentInstance()?.vnode.el;
-		if (typeof window !== "undefined" && hydrationNode != null && (!(hydrationNode instanceof Element) || hydrationNode.localName !== "dl")) throw Object.assign(/* @__PURE__ */ new Error("HR005: Server markup for <ui-description-list> has an incompatible root."), {
-			name: "HtmlDiagnosticError",
-			diagnostic: Object.freeze({
-				code: "HR005",
-				message: "Server markup for <ui-description-list> has an incompatible root."
-			})
-		});
+		const reflectedProp = useReflectedProp();
+		checkHydratedRoot("dl", "ui-description-list");
 		/** The values the styles' :host-state() rules test. */
 		const hostState = computed(() => [
 			checkedProps.value.layout && "layout",
@@ -125,10 +107,10 @@ 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 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),
+			return withDirectives((openBlock(), createElementBlock("dl", mergeProps({ class: "ui-description-list" }, unref(nativeAttrs)(_ctx.$attrs), {
+				"data-columns": unref(reflectedProp)("columns", "columns", checkedProps.value.columns, void 0, false),
+				"data-density": unref(reflectedProp)("density", "density", checkedProps.value.density, void 0, false),
+				"data-layout": unref(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)), [[unref(vPropValidity), {
 				contract: propValidityContract,
@@ -136,6 +118,6 @@ var UiDescriptionList_default = /*#__PURE__*/ _plugin_vue_export_helper_default(
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-73fa2865"]]);
+}), [["__scopeId", "data-v-333713ed"]]);
 //#endregion
 export { UiDescriptionList_default as t };

package/vue/chunks/UiDialog.js

@@ -1,5 +1,4 @@
-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 { _ as useComponentHost, i as checkHydratedRoot, o as createDispatch, p as nativeAttrs, t as _plugin_vue_export_helper_default, v as useReflectedProp } from "./_plugin-vue_export-helper.js";
 import { a as vPropValidity, n as checkedProp, r as propValidityState, t as acceptsControllerWrite } from "./props.js";
 import { t as UiScrollArea_default } from "./UiScrollArea.js";
 import { computed, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, getCurrentInstance, mergeProps, openBlock, provide, ref, renderSlot, toDisplayString, unref, useTemplateRef, watchSyncEffect, withCtx, withDirectives } from "vue";
@@ -20,14 +19,6 @@ var _hoisted_2 = {
 	key: 0,
 	class: "title"
 };
-var htmlNextAuthoredCheck2Reported = /* @__PURE__ */ new Set();
-function htmlNextAuthoredCheck2(accepted, location, message) {
-	if (!accepted && !htmlNextAuthoredCheck2Reported.has(location)) {
-		htmlNextAuthoredCheck2Reported.add(location);
-		console.warn(message);
-	}
-	return accepted;
-}
 //#endregion
 //#region .build/vue/UiDialog.vue
 var UiDialog_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
@@ -213,18 +204,7 @@ var UiDialog_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
 		watchSyncEffect(() => {
 			checkedProps.value;
 		});
-		function nativeAttrs(attrs) {
-			const names = Object.keys(attrs);
-			if (!names.some((name) => Object.hasOwn(Object.prototype, name))) return attrs;
-			return Object.fromEntries(names.map((name) => [Object.hasOwn(Object.prototype, name) ? name === "__proto__" ? "__Proto__" : name[0].toUpperCase() + name.slice(1) : name, attrs[name]]));
-		}
-		const componentInstance = getCurrentInstance();
-		function reflectedProp(name, kebab, value, fallback, bound, separator) {
-			const incoming = componentInstance?.vnode.props;
-			if (!bound && (incoming === null || incoming === void 0 || !Object.hasOwn(incoming, name) && !Object.hasOwn(incoming, kebab))) return fallback;
-			if (value === null || value === void 0) return void 0;
-			return Array.isArray(value) && separator !== void 0 ? value.join(separator) : typeof value === "object" ? JSON.stringify(value) : String(value);
-		}
+		const reflectedProp = useReflectedProp();
 		const hydrationInstance = getCurrentInstance();
 		const emit = __emit;
 		const root = ref(null);
@@ -234,21 +214,9 @@ var UiDialog_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
 		const footerElement = useTemplateRef("footerElement");
 		const internalOpen = ref(false);
 		const accessibleLabel = ref("Dialog");
-		let guardedPrevious;
-		const guarded = computed(() => {
-			if (!htmlNextAuthoredCheck2(accessibleLabel.value == null || typeof accessibleLabel.value === "string", "$accessibleLabel:accessibleLabel", "./components/ui-dialog/ui-dialog.html: HR007: Reference accessibleLabel does not satisfy its declared type.")) 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",
-			diagnostic: Object.freeze({
-				code: "HR005",
-				message: "Server markup for <ui-dialog> has an incompatible root."
-			})
-		});
+		checkHydratedRoot("dialog", "ui-dialog");
 		/** The values the styles' :host-state() rules test. */
 		const hostState = computed(() => [
 			checkedProps.value.size && "size",
@@ -321,16 +289,16 @@ var UiDialog_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
 			}
 		});
 		return (_ctx, _cache) => {
-			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),
-				"data-label": reflectedProp("label", "label", checkedProps.value.label, void 0, false),
-				"data-modal": reflectedProp("modal", "modal", checkedProps.value.modal, void 0, false),
-				"data-modeless": reflectedProp("modeless", "modeless", checkedProps.value.modeless, void 0, false),
-				"data-open": reflectedProp("open", "open", checkedProps.value.open, void 0, false),
-				"data-size": reflectedProp("size", "size", checkedProps.value.size, void 0, false),
+			return withDirectives((openBlock(), createElementBlock("dialog", mergeProps({ class: "ui-dialog" }, unref(nativeAttrs)(_ctx.$attrs), {
+				"aria-label": accessibleLabel.value,
+				"data-alert": unref(reflectedProp)("alert", "alert", checkedProps.value.alert, void 0, false),
+				"data-closedby": unref(reflectedProp)("closedby", "closedby", checkedProps.value.closedby, void 0, false),
+				"data-for": unref(reflectedProp)("for", "for", checkedProps.value.for, void 0, false),
+				"data-label": unref(reflectedProp)("label", "label", checkedProps.value.label, void 0, false),
+				"data-modal": unref(reflectedProp)("modal", "modal", checkedProps.value.modal, void 0, false),
+				"data-modeless": unref(reflectedProp)("modeless", "modeless", checkedProps.value.modeless, void 0, false),
+				"data-open": unref(reflectedProp)("open", "open", checkedProps.value.open, void 0, false),
+				"data-size": unref(reflectedProp)("size", "size", checkedProps.value.size, void 0, false),
 				"data-ui-dialog-state": hostState.value || void 0,
 				ref_key: "root",
 				ref: root
@@ -349,7 +317,10 @@ var UiDialog_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
 					class: "body",
 					ref_key: "bodyElement",
 					ref: bodyElement
-				}, [createVNode(UiScrollArea_default, { trim: true }, {
+				}, [createVNode(UiScrollArea_default, {
+					class: "ui-scroll-area",
+					trim: true
+				}, {
 					default: withCtx(() => [renderSlot(_ctx.$slots, "default", {}, void 0, true)]),
 					_: 3
 				})], 512),
@@ -363,6 +334,6 @@ var UiDialog_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-1ec9644b"]]);
+}), [["__scopeId", "data-v-de6bc526"]]);
 //#endregion
 export { UiDialog_default as t };

package/vue/chunks/UiDisclosure.js

@@ -1,5 +1,4 @@
-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 { _ as useComponentHost, i as checkHydratedRoot, o as createDispatch, p as nativeAttrs, t as _plugin_vue_export_helper_default, v as useReflectedProp, y as warnUnless } from "./_plugin-vue_export-helper.js";
 import { a as vPropValidity, n as checkedProp, r as propValidityState, t as acceptsControllerWrite } from "./props.js";
 import { computed, createElementBlock, createElementVNode, createTextVNode, defineComponent, getCurrentInstance, mergeProps, openBlock, provide, ref, renderSlot, toDisplayString, unref, useTemplateRef, watchSyncEffect, withDirectives } from "vue";
 //#region .build/vue/UiDisclosure.vue?vue&type=script&setup=true&lang.ts
@@ -29,14 +28,6 @@ var _hoisted_6 = {
 };
 var _hoisted_7 = ["id"];
 var _hoisted_8 = { class: "panel-inner" };
-var htmlNextAuthoredCheck2Reported = /* @__PURE__ */ new Set();
-function htmlNextAuthoredCheck2(accepted, location, message) {
-	if (!accepted && !htmlNextAuthoredCheck2Reported.has(location)) {
-		htmlNextAuthoredCheck2Reported.add(location);
-		console.warn(message);
-	}
-	return accepted;
-}
 //#endregion
 //#region .build/vue/UiDisclosure.vue
 var UiDisclosure_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
@@ -234,18 +225,7 @@ var UiDisclosure_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @_
 		watchSyncEffect(() => {
 			checkedProps.value;
 		});
-		function nativeAttrs(attrs) {
-			const names = Object.keys(attrs);
-			if (!names.some((name) => Object.hasOwn(Object.prototype, name))) return attrs;
-			return Object.fromEntries(names.map((name) => [Object.hasOwn(Object.prototype, name) ? name === "__proto__" ? "__Proto__" : name[0].toUpperCase() + name.slice(1) : name, attrs[name]]));
-		}
-		const componentInstance = getCurrentInstance();
-		function reflectedProp(name, kebab, value, fallback, bound, separator) {
-			const incoming = componentInstance?.vnode.props;
-			if (!bound && (incoming === null || incoming === void 0 || !Object.hasOwn(incoming, name) && !Object.hasOwn(incoming, kebab))) return fallback;
-			if (value === null || value === void 0) return void 0;
-			return Array.isArray(value) && separator !== void 0 ? value.join(separator) : typeof value === "object" ? JSON.stringify(value) : String(value);
-		}
+		const reflectedProp = useReflectedProp();
 		const hydrationInstance = getCurrentInstance();
 		const emit = __emit;
 		const root = ref(null);
@@ -258,41 +238,14 @@ var UiDisclosure_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @_
 		const headingAriaLevel = ref(null);
 		let guardedPrevious;
 		const guarded = computed(() => {
-			if (!htmlNextAuthoredCheck2(headingRole.value == null || true, "$headingRole:headingRole", "./components/ui-disclosure/ui-disclosure.html: HR007: Reference headingRole does not satisfy its declared type.")) return guardedPrevious;
+			if (!warnUnless(headingRole.value == null || true, "$headingRole:headingRole", "./components/ui-disclosure/ui-disclosure.html: HR007: Reference headingRole does not satisfy its declared type.")) return guardedPrevious;
 			return guardedPrevious = headingRole.value ?? void 0;
 		});
-		let guardedBindingPrevious;
-		const guardedBinding = computed(() => {
-			if (!htmlNextAuthoredCheck2(headingAriaLevel.value == null || Number.isInteger(headingAriaLevel.value), "$headingAriaLevel:headingAriaLevel", "./components/ui-disclosure/ui-disclosure.html: HR007: Reference headingAriaLevel does not satisfy its declared type.")) return guardedBindingPrevious;
-			return guardedBindingPrevious = headingAriaLevel.value ?? void 0;
-		});
-		let guardedBinding2Previous;
-		const guardedBinding2 = computed(() => {
-			if (!htmlNextAuthoredCheck2(contentId.value == null || typeof contentId.value === "string", "$contentId:contentId", "./components/ui-disclosure/ui-disclosure.html: HR007: Reference contentId does not satisfy its declared type.")) return guardedBinding2Previous;
-			return guardedBinding2Previous = contentId.value;
-		});
-		let guardedBinding3Previous;
-		const guardedBinding3 = computed(() => {
-			if (!htmlNextAuthoredCheck2(internalOpen.value == null || typeof internalOpen.value === "boolean", "$internalOpen:internalOpen", "./components/ui-disclosure/ui-disclosure.html: HR007: Reference internalOpen does not satisfy its declared type.")) return guardedBinding3Previous;
-			return guardedBinding3Previous = internalOpen.value;
-		});
-		let guardedBinding4Previous;
-		const guardedBinding4 = computed(() => {
-			if (!htmlNextAuthoredCheck2(contentId.value == null || typeof contentId.value === "string", "$contentId:contentId", "./components/ui-disclosure/ui-disclosure.html: HR007: Reference contentId does not satisfy its declared type.")) return guardedBinding4Previous;
-			return guardedBinding4Previous = contentId.value;
-		});
 		provide("html-next:ui-disclosure:internalOpen", internalOpen);
 		provide("html-next:ui-disclosure:contentId", contentId);
 		provide("html-next:ui-disclosure:headingRole", headingRole);
 		provide("html-next:ui-disclosure:headingAriaLevel", headingAriaLevel);
-		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-disclosure> has an incompatible root."), {
-			name: "HtmlDiagnosticError",
-			diagnostic: Object.freeze({
-				code: "HR005",
-				message: "Server markup for <ui-disclosure> has an incompatible root."
-			})
-		});
+		checkHydratedRoot("div", "ui-disclosure");
 		/** The values the styles' :host-state() rules test. */
 		const hostState = computed(() => [
 			checkedProps.value.density && "density",
@@ -373,30 +326,30 @@ var UiDisclosure_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @_
 			}
 		});
 		return (_ctx, _cache) => {
-			return withDirectives((openBlock(), createElementBlock("div", mergeProps({ "data-component": "ui-disclosure" }, nativeAttrs(_ctx.$attrs), {
-				"data-density": reflectedProp("density", "density", checkedProps.value.density, void 0, false),
-				"data-disabled": reflectedProp("disabled", "disabled", checkedProps.value.disabled, void 0, false),
-				"data-fill": reflectedProp("fill", "fill", checkedProps.value.fill, void 0, false),
-				"data-heading-level": reflectedProp("headingLevel", "heading-level", checkedProps.value.headingLevel, void 0, false),
-				"data-name": reflectedProp("name", "name", checkedProps.value.name, void 0, false),
-				"data-open": reflectedProp("open", "open", checkedProps.value.open, void 0, false),
-				"data-required-open": reflectedProp("requiredOpen", "required-open", checkedProps.value.requiredOpen, void 0, false),
-				"data-summary": reflectedProp("summary", "summary", checkedProps.value.summary, void 0, false),
-				"data-variant": reflectedProp("variant", "variant", checkedProps.value.variant, void 0, false),
+			return withDirectives((openBlock(), createElementBlock("div", mergeProps({ class: "ui-disclosure" }, unref(nativeAttrs)(_ctx.$attrs), {
+				"data-density": unref(reflectedProp)("density", "density", checkedProps.value.density, void 0, false),
+				"data-disabled": unref(reflectedProp)("disabled", "disabled", checkedProps.value.disabled, void 0, false),
+				"data-fill": unref(reflectedProp)("fill", "fill", checkedProps.value.fill, void 0, false),
+				"data-heading-level": unref(reflectedProp)("headingLevel", "heading-level", checkedProps.value.headingLevel, void 0, false),
+				"data-name": unref(reflectedProp)("name", "name", checkedProps.value.name, void 0, false),
+				"data-open": unref(reflectedProp)("open", "open", checkedProps.value.open, void 0, false),
+				"data-required-open": unref(reflectedProp)("requiredOpen", "required-open", checkedProps.value.requiredOpen, void 0, false),
+				"data-summary": unref(reflectedProp)("summary", "summary", checkedProps.value.summary, void 0, false),
+				"data-variant": unref(reflectedProp)("variant", "variant", checkedProps.value.variant, void 0, false),
 				"data-ui-disclosure-state": hostState.value || void 0,
 				ref_key: "root",
 				ref: root
 			}), [createElementVNode("div", {
 				class: "heading",
 				role: guarded.value,
-				"aria-level": guardedBinding.value,
+				"aria-level": headingAriaLevel.value ?? void 0,
 				ref_key: "headingElement",
 				ref: headingElement
 			}, [createElementVNode("button", {
 				class: "trigger",
 				type: "button",
-				"aria-controls": guardedBinding2.value,
-				"aria-expanded": guardedBinding3.value,
+				"aria-controls": contentId.value,
+				"aria-expanded": internalOpen.value,
 				disabled: checkedProps.value.disabled ?? void 0,
 				ref_key: "triggerElement",
 				ref: triggerElement
@@ -406,7 +359,7 @@ var UiDisclosure_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @_
 				createElementVNode("span", _hoisted_6, [renderSlot(_ctx.$slots, "indicator", {}, () => [_cache[0] || (_cache[0] = createElementVNode("span", { class: "chevron" }, null, -1))], true)])
 			], 8, _hoisted_3)], 8, _hoisted_2), createElementVNode("div", {
 				class: "panel",
-				id: guardedBinding4.value,
+				id: contentId.value,
 				ref_key: "panelElement",
 				ref: panelElement
 			}, [createElementVNode("div", _hoisted_8, [renderSlot(_ctx.$slots, "default", {}, void 0, true)])], 8, _hoisted_7)], 16, _hoisted_1)), [[unref(vPropValidity), {
@@ -415,6 +368,6 @@ var UiDisclosure_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @_
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-70334e23"]]);
+}), [["__scopeId", "data-v-c2ccac11"]]);
 //#endregion
 export { UiDisclosure_default as t };