@threadlabs/looma 0.28.5 → 0.28.6

package/vue/chunks/UiEditorMentionMenu.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, a as concat, 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 { 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
@@ -42,14 +41,6 @@ var _hoisted_9 = {
 	key: 0,
 	class: "detail"
 };
-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/UiEditorMentionMenu.vue
 var UiEditorMentionMenu_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
@@ -426,18 +417,7 @@ var UiEditorMentionMenu_default = /*#__PURE__*/ _plugin_vue_export_helper_defaul
 		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);
@@ -447,24 +427,12 @@ 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 (!htmlNextAuthoredCheck2(visible.value == null || typeof visible.value === "boolean", "not $visible:visible", "./components/ui-editor-mention-menu/ui-editor-mention-menu.html: HR007: Reference visible does not satisfy its declared type.")) 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",
-			diagnostic: Object.freeze({
-				code: "HR005",
-				message: "Server markup for <ui-editor-mention-menu> has an incompatible root."
-			})
-		});
+		checkHydratedRoot("div", "ui-editor-mention-menu");
 		const isHighlightDetail = (detail) => detail !== null && typeof detail === "object" && !Array.isArray(detail) && Number.isInteger(detail["index"]) && typeof detail["value"] === "string" && Object.keys(detail).every((key) => ["index", "value"].includes(key));
 		const dispatch = createDispatch(root, emit, { checks: {
 			highlight: isHighlightDetail,
@@ -565,27 +533,21 @@ var UiEditorMentionMenu_default = /*#__PURE__*/ _plugin_vue_export_helper_defaul
 				prefix
 			}
 		});
-		function concat(...values) {
-			if (values.some((value) => value === Symbol.for("html-next.invalid-result"))) return Symbol.for("html-next.invalid-result");
-			if (values.some((value) => value === void 0)) return void 0;
-			if (values.length === 0 || values.some((value) => typeof value === "object" && value !== null)) return Symbol.for("html-next.invalid-result");
-			return values.map((value) => value === null ? "" : String(value)).join("");
-		}
 		return (_ctx, _cache) => {
 			return withDirectives((openBlock(), createElementBlock("div", mergeProps({
-				"data-component": "ui-editor-mention-menu",
+				class: "ui-editor-mention-menu",
 				role: "listbox"
-			}, nativeAttrs(_ctx.$attrs), {
+			}, unref(nativeAttrs)(_ctx.$attrs), {
 				"aria-busy": checkedProps.value.loading ?? void 0,
-				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),
-				"data-loading": reflectedProp("loading", "loading", checkedProps.value.loading, void 0, false),
-				"data-loading-label": reflectedProp("loadingLabel", "loading-label", checkedProps.value.loadingLabel, void 0, false),
-				"data-open": reflectedProp("open", "open", checkedProps.value.open, void 0, false),
-				"data-query": reflectedProp("query", "query", checkedProps.value.query, void 0, false),
-				"data-selected-index": reflectedProp("selectedIndex", "selected-index", checkedProps.value.selectedIndex, void 0, false),
+				hidden: !visible.value,
+				"data-anchor-rect": unref(reflectedProp)("anchorRect", "anchor-rect", checkedProps.value.anchorRect, void 0, false),
+				"data-items": unref(reflectedProp)("items", "items", checkedProps.value.items, void 0, false),
+				"data-label": unref(reflectedProp)("label", "label", checkedProps.value.label, void 0, false),
+				"data-loading": unref(reflectedProp)("loading", "loading", checkedProps.value.loading, void 0, false),
+				"data-loading-label": unref(reflectedProp)("loadingLabel", "loading-label", checkedProps.value.loadingLabel, void 0, false),
+				"data-open": unref(reflectedProp)("open", "open", checkedProps.value.open, void 0, false),
+				"data-query": unref(reflectedProp)("query", "query", checkedProps.value.query, void 0, false),
+				"data-selected-index": unref(reflectedProp)("selectedIndex", "selected-index", checkedProps.value.selectedIndex, void 0, false),
 				ref_key: "root",
 				ref: root
 			}), [
@@ -596,7 +558,7 @@ var UiEditorMentionMenu_default = /*#__PURE__*/ _plugin_vue_export_helper_defaul
 						key: index,
 						class: normalizeClass(["item", { active: index === active.value }]),
 						role: "option",
-						id: concat(prefix.value, "-option-", index),
+						id: unref(concat)(prefix.value, "-option-", index),
 						"aria-selected": index === active.value,
 						"data-index": index,
 						"data-value": row.id
@@ -613,6 +575,6 @@ var UiEditorMentionMenu_default = /*#__PURE__*/ _plugin_vue_export_helper_defaul
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-f27cd779"]]);
+}), [["__scopeId", "data-v-005c0312"]]);
 //#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 { 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, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, defineComponent, getCurrentInstance, mergeProps, openBlock, renderSlot, toDisplayString, unref, watchSyncEffect, withDirectives } from "vue";
+import { computed, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, defineComponent, 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",
@@ -93,41 +93,23 @@ var UiEditorMentionMenuItem_default = /*#__PURE__*/ _plugin_vue_export_helper_de
 		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 !== "li")) throw Object.assign(/* @__PURE__ */ new Error("HR005: Server markup for <ui-editor-mention-menu-item> has an incompatible root."), {
-			name: "HtmlDiagnosticError",
-			diagnostic: Object.freeze({
-				code: "HR005",
-				message: "Server markup for <ui-editor-mention-menu-item> has an incompatible root."
-			})
-		});
+		const reflectedProp = useReflectedProp();
+		checkHydratedRoot("li", "ui-editor-mention-menu-item");
 		return (_ctx, _cache) => {
 			return withDirectives((openBlock(), createElementBlock("li", mergeProps({
-				"data-component": "ui-editor-mention-menu-item",
+				class: "ui-editor-mention-menu-item",
 				role: "option",
 				tabindex: "-1"
-			}, nativeAttrs(_ctx.$attrs), {
-				"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)
+			}, unref(nativeAttrs)(_ctx.$attrs), {
+				"data-detail": unref(reflectedProp)("detail", "detail", checkedProps.value.detail, void 0, false),
+				"data-initials": unref(reflectedProp)("initials", "initials", checkedProps.value.initials, void 0, false),
+				"data-value": unref(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)), [[unref(vPropValidity), {
 				contract: propValidityContract,
 				values: { ...props }
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-aa8aa3c4"]]);
+}), [["__scopeId", "data-v-2dea7e58"]]);
 //#endregion
 export { UiEditorMentionMenuItem_default as t };

package/vue/chunks/UiEditorSlashMenu.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 UiIcon_default } from "./UiIcon.js";
 import { Fragment, computed, createElementBlock, createElementVNode, createVNode, defineComponent, getCurrentInstance, mergeProps, normalizeClass, openBlock, provide, ref, renderList, renderSlot, toDisplayString, unref, useTemplateRef, watchSyncEffect, withDirectives } from "vue";
@@ -31,14 +30,6 @@ var _hoisted_6 = { class: "body" };
 var _hoisted_7 = { class: "title" };
 var _hoisted_8 = { class: "description" };
 var _hoisted_9 = { class: "footer" };
-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/UiEditorSlashMenu.vue
 var UiEditorSlashMenu_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
@@ -377,18 +368,7 @@ var UiEditorSlashMenu_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);
@@ -396,22 +376,10 @@ 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 (!htmlNextAuthoredCheck2(visible.value == null || typeof visible.value === "boolean", "not $visible:visible", "./components/ui-editor-slash-menu/ui-editor-slash-menu.html: HR007: Reference visible does not satisfy its declared type.")) 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",
-			diagnostic: Object.freeze({
-				code: "HR005",
-				message: "Server markup for <ui-editor-slash-menu> has an incompatible root."
-			})
-		});
+		checkHydratedRoot("div", "ui-editor-slash-menu");
 		const isHighlightDetail = (detail) => detail !== null && typeof detail === "object" && !Array.isArray(detail) && Number.isInteger(detail["index"]) && typeof detail["value"] === "string" && Object.keys(detail).every((key) => ["index", "value"].includes(key));
 		const dispatch = createDispatch(root, emit, { checks: {
 			highlight: isHighlightDetail,
@@ -502,16 +470,16 @@ var UiEditorSlashMenu_default = /*#__PURE__*/ _plugin_vue_export_helper_default(
 		});
 		return (_ctx, _cache) => {
 			return withDirectives((openBlock(), createElementBlock("div", mergeProps({
-				"data-component": "ui-editor-slash-menu",
+				class: "ui-editor-slash-menu",
 				role: "listbox"
-			}, nativeAttrs(_ctx.$attrs), {
-				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),
-				"data-open": reflectedProp("open", "open", checkedProps.value.open, void 0, false),
-				"data-query": reflectedProp("query", "query", checkedProps.value.query, void 0, false),
-				"data-selected-index": reflectedProp("selectedIndex", "selected-index", checkedProps.value.selectedIndex, void 0, false),
+			}, unref(nativeAttrs)(_ctx.$attrs), {
+				hidden: !visible.value,
+				"data-anchor-rect": unref(reflectedProp)("anchorRect", "anchor-rect", checkedProps.value.anchorRect, void 0, false),
+				"data-items": unref(reflectedProp)("items", "items", checkedProps.value.items, void 0, false),
+				"data-label": unref(reflectedProp)("label", "label", checkedProps.value.label, void 0, false),
+				"data-open": unref(reflectedProp)("open", "open", checkedProps.value.open, void 0, false),
+				"data-query": unref(reflectedProp)("query", "query", checkedProps.value.query, void 0, false),
+				"data-selected-index": unref(reflectedProp)("selectedIndex", "selected-index", checkedProps.value.selectedIndex, void 0, false),
 				ref_key: "root",
 				ref: root
 			}), [
@@ -524,7 +492,10 @@ var UiEditorSlashMenu_default = /*#__PURE__*/ _plugin_vue_export_helper_default(
 						"aria-selected": index === active.value,
 						"data-index": index,
 						"data-value": item.value
-					}, [createElementVNode("span", _hoisted_5, [createVNode(UiIcon_default, { name: item.icon }, null, 8, ["name"])]), createElementVNode("span", _hoisted_6, [createElementVNode("span", _hoisted_7, toDisplayString(item.title), 1), createElementVNode("span", _hoisted_8, toDisplayString(item.description), 1)])], 10, _hoisted_4);
+					}, [createElementVNode("span", _hoisted_5, [createVNode(UiIcon_default, {
+						class: "ui-icon",
+						name: item.icon
+					}, null, 8, ["name"])]), createElementVNode("span", _hoisted_6, [createElementVNode("span", _hoisted_7, toDisplayString(item.title), 1), createElementVNode("span", _hoisted_8, toDisplayString(item.description), 1)])], 10, _hoisted_4);
 				}), 128)), renderSlot(_ctx.$slots, "default", {}, void 0, true)]),
 				createElementVNode("div", {
 					class: "empty",
@@ -538,6 +509,6 @@ var UiEditorSlashMenu_default = /*#__PURE__*/ _plugin_vue_export_helper_default(
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-a85c3b18"]]);
+}), [["__scopeId", "data-v-de4cbc50"]]);
 //#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 { 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/UiEditorSlashMenuGroup.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = ["data-label"];
 var _hoisted_2 = ["aria-label"];
@@ -36,31 +36,13 @@ var UiEditorSlashMenuGroup_default = /*#__PURE__*/ _plugin_vue_export_helper_def
 		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 !== "li")) throw Object.assign(/* @__PURE__ */ new Error("HR005: Server markup for <ui-editor-slash-menu-group> has an incompatible root."), {
-			name: "HtmlDiagnosticError",
-			diagnostic: Object.freeze({
-				code: "HR005",
-				message: "Server markup for <ui-editor-slash-menu-group> has an incompatible root."
-			})
-		});
+		const reflectedProp = useReflectedProp();
+		checkHydratedRoot("li", "ui-editor-slash-menu-group");
 		return (_ctx, _cache) => {
 			return withDirectives((openBlock(), createElementBlock("li", mergeProps({
-				"data-component": "ui-editor-slash-menu-group",
+				class: "ui-editor-slash-menu-group",
 				role: "presentation"
-			}, nativeAttrs(_ctx.$attrs), { "data-label": reflectedProp("label", "label", checkedProps.value.label, void 0, false) }), [createElementVNode("div", {
+			}, unref(nativeAttrs)(_ctx.$attrs), { "data-label": unref(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)), [[unref(vPropValidity), {
@@ -69,6 +51,6 @@ var UiEditorSlashMenuGroup_default = /*#__PURE__*/ _plugin_vue_export_helper_def
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-516afff1"]]);
+}), [["__scopeId", "data-v-7d408909"]]);
 //#endregion
 export { UiEditorSlashMenuGroup_default as t };

package/vue/chunks/UiEditorSlashMenuItem.js

@@ -1,7 +1,7 @@
-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 { t as UiIcon_default } from "./UiIcon.js";
-import { computed, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, getCurrentInstance, mergeProps, openBlock, renderSlot, toDisplayString, unref, watchSyncEffect, withDirectives } from "vue";
+import { computed, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, mergeProps, openBlock, renderSlot, toDisplayString, unref, watchSyncEffect, withDirectives } from "vue";
 //#region .build/vue/UiEditorSlashMenuItem.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = [
 	"aria-disabled",
@@ -136,44 +136,29 @@ var UiEditorSlashMenuItem_default = /*#__PURE__*/ _plugin_vue_export_helper_defa
 		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 !== "li")) throw Object.assign(/* @__PURE__ */ new Error("HR005: Server markup for <ui-editor-slash-menu-item> has an incompatible root."), {
-			name: "HtmlDiagnosticError",
-			diagnostic: Object.freeze({
-				code: "HR005",
-				message: "Server markup for <ui-editor-slash-menu-item> has an incompatible root."
-			})
-		});
+		const reflectedProp = useReflectedProp();
+		checkHydratedRoot("li", "ui-editor-slash-menu-item");
 		return (_ctx, _cache) => {
 			return withDirectives((openBlock(), createElementBlock("li", mergeProps({
-				"data-component": "ui-editor-slash-menu-item",
+				class: "ui-editor-slash-menu-item",
 				role: "option",
 				tabindex: "-1"
-			}, nativeAttrs(_ctx.$attrs), {
+			}, unref(nativeAttrs)(_ctx.$attrs), {
 				"aria-disabled": checkedProps.value.disabled ?? void 0,
-				"data-description": reflectedProp("description", "description", checkedProps.value.description, void 0, false),
-				"data-disabled": reflectedProp("disabled", "disabled", checkedProps.value.disabled, void 0, false),
-				"data-icon": reflectedProp("icon", "icon", checkedProps.value.icon, void 0, false),
-				"data-keywords": reflectedProp("keywords", "keywords", checkedProps.value.keywords, void 0, true),
-				"data-value": reflectedProp("value", "value", checkedProps.value.value, void 0, true)
-			}), [checkedProps.value.icon ? (openBlock(), createElementBlock("span", _hoisted_2, [createVNode(UiIcon_default, { name: checkedProps.value.icon }, null, 8, ["name"])])) : createCommentVNode("v-if", true), createElementVNode("span", _hoisted_3, [createElementVNode("span", _hoisted_4, [renderSlot(_ctx.$slots, "default", {}, void 0, true)]), checkedProps.value.description ? (openBlock(), createElementBlock("span", _hoisted_5, toDisplayString(checkedProps.value.description), 1)) : createCommentVNode("v-if", true)])], 16, _hoisted_1)), [[unref(vPropValidity), {
+				"data-description": unref(reflectedProp)("description", "description", checkedProps.value.description, void 0, false),
+				"data-disabled": unref(reflectedProp)("disabled", "disabled", checkedProps.value.disabled, void 0, false),
+				"data-icon": unref(reflectedProp)("icon", "icon", checkedProps.value.icon, void 0, false),
+				"data-keywords": unref(reflectedProp)("keywords", "keywords", checkedProps.value.keywords, void 0, true),
+				"data-value": unref(reflectedProp)("value", "value", checkedProps.value.value, void 0, true)
+			}), [checkedProps.value.icon ? (openBlock(), createElementBlock("span", _hoisted_2, [createVNode(UiIcon_default, {
+				class: "ui-icon",
+				name: checkedProps.value.icon
+			}, null, 8, ["name"])])) : createCommentVNode("v-if", true), createElementVNode("span", _hoisted_3, [createElementVNode("span", _hoisted_4, [renderSlot(_ctx.$slots, "default", {}, void 0, true)]), checkedProps.value.description ? (openBlock(), createElementBlock("span", _hoisted_5, toDisplayString(checkedProps.value.description), 1)) : createCommentVNode("v-if", true)])], 16, _hoisted_1)), [[unref(vPropValidity), {
 				contract: propValidityContract,
 				values: { ...props }
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-dd4dbe75"]]);
+}), [["__scopeId", "data-v-4f4c8998"]]);
 //#endregion
 export { UiEditorSlashMenuItem_default as t };

package/vue/chunks/UiEditorSurface.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/UiEditorSurface.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = ["data-density", "data-ui-editor-surface-state"];
 //#endregion
@@ -34,31 +34,13 @@ var UiEditorSurface_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-editor-surface> has an incompatible root."), {
-			name: "HtmlDiagnosticError",
-			diagnostic: Object.freeze({
-				code: "HR005",
-				message: "Server markup for <ui-editor-surface> has an incompatible root."
-			})
-		});
+		const reflectedProp = useReflectedProp();
+		checkHydratedRoot("div", "ui-editor-surface");
 		/** The values the styles' :host-state() rules test. */
 		const hostState = computed(() => [checkedProps.value.density && "density", checkedProps.value.density != null && `density=${encodeURIComponent(checkedProps.value.density)}`].filter(Boolean).join(" "));
 		return (_ctx, _cache) => {
-			return withDirectives((openBlock(), createElementBlock("div", mergeProps({ "data-component": "ui-editor-surface" }, nativeAttrs(_ctx.$attrs), {
-				"data-density": reflectedProp("density", "density", checkedProps.value.density, void 0, false),
+			return withDirectives((openBlock(), createElementBlock("div", mergeProps({ class: "ui-editor-surface" }, unref(nativeAttrs)(_ctx.$attrs), {
+				"data-density": unref(reflectedProp)("density", "density", checkedProps.value.density, void 0, false),
 				"data-ui-editor-surface-state": hostState.value || void 0
 			}), [renderSlot(_ctx.$slots, "default", {}, void 0, true)], 16, _hoisted_1)), [[unref(vPropValidity), {
 				contract: propValidityContract,
@@ -66,6 +48,6 @@ var UiEditorSurface_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/*
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-dee440af"]]);
+}), [["__scopeId", "data-v-242d603a"]]);
 //#endregion
 export { UiEditorSurface_default as t };