@threadlabs/looma 0.28.5 → 0.28.7

package/vue/chunks/UiEditorInsertTableGrid.js

@@ -1,8 +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 { _ as uniqueKeys, i as checkHydratedRoot, n as KeyedBoundary, o as createDispatch, p as nativeAttrs, t as _plugin_vue_export_helper_default, v as useComponentHost, y 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 { r as vBindControl } from "./control.js";
-import { Fragment, computed, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, getCurrentInstance, h, mergeProps, normalizeClass, normalizeStyle, openBlock, provide, ref, renderList, toDisplayString, unref, useTemplateRef, watchSyncEffect, withCtx, withDirectives } from "vue";
+import { Fragment, computed, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, getCurrentInstance, mergeProps, normalizeClass, normalizeStyle, openBlock, provide, ref, renderList, toDisplayString, unref, useTemplateRef, watchSyncEffect, withCtx, withDirectives } from "vue";
 //#region .build/vue/UiEditorInsertTableGrid.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = [
 	"hidden",
@@ -20,14 +19,6 @@ var _hoisted_3 = [
 	"tabindex"
 ];
 var _hoisted_4 = { class: "header" };
-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/UiEditorInsertTableGrid.vue
 var UiEditorInsertTableGrid_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
@@ -124,42 +115,7 @@ var UiEditorInsertTableGrid_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 KeyedFailure = defineComponent({
-			props: { error: {
-				type: null,
-				required: true
-			} },
-			setup(props) {
-				return () => {
-					throw props.error;
-				};
-			}
-		});
-		const KeyedBoundary = defineComponent({ setup(_props, { slots }) {
-			let last = [];
-			return () => {
-				try {
-					last = slots.default?.() ?? [];
-					return last;
-				} catch (error) {
-					if (!(error instanceof Error) || error.diagnostic?.code !== "HR004") throw error;
-					if (typeof window === "undefined") throw error;
-					return [...last, h(KeyedFailure, { error })];
-				}
-			};
-		} });
-		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);
@@ -170,39 +126,12 @@ var UiEditorInsertTableGrid_default = /*#__PURE__*/ _plugin_vue_export_helper_de
 		const cols = ref(8);
 		const hint = ref("");
 		const withHeaderRow = ref(false);
-		let guardedPrevious;
-		const guarded = computed(() => {
-			if (!htmlNextAuthoredCheck2(hint.value == null || typeof hint.value === "string", "$hint:hint", "./components/ui-editor-insert-table-grid/ui-editor-insert-table-grid.html: HR007: Reference hint does not satisfy its declared type.")) return guardedPrevious;
-			return guardedPrevious = hint.value;
-		});
-		let guardedBindingPrevious;
-		const guardedBinding = computed(() => {
-			if (!htmlNextAuthoredCheck2(rows.value == null || Number.isInteger(rows.value), "$rows:rows", "./components/ui-editor-insert-table-grid/ui-editor-insert-table-grid.html: HR007: Reference rows does not satisfy its declared type.")) return guardedBindingPrevious;
-			return guardedBindingPrevious = rows.value;
-		});
-		let guardedBinding2Previous;
-		const guardedBinding2 = computed(() => {
-			if (!htmlNextAuthoredCheck2(cols.value == null || Number.isInteger(cols.value), "$cols:cols", "./components/ui-editor-insert-table-grid/ui-editor-insert-table-grid.html: HR007: Reference cols does not satisfy its declared type.")) return guardedBinding2Previous;
-			return guardedBinding2Previous = cols.value;
-		});
-		let guardedBinding3Previous;
-		computed(() => {
-			if (!htmlNextAuthoredCheck2(withHeaderRow.value == null || typeof withHeaderRow.value === "boolean", "$withHeaderRow:withHeaderRow", "./components/ui-editor-insert-table-grid/ui-editor-insert-table-grid.html: HR007: Reference withHeaderRow does not satisfy its declared type.")) return guardedBinding3Previous;
-			return guardedBinding3Previous = withHeaderRow.value;
-		});
 		provide("html-next:ui-editor-insert-table-grid:cells", cells);
 		provide("html-next:ui-editor-insert-table-grid:rows", rows);
 		provide("html-next:ui-editor-insert-table-grid:cols", cols);
 		provide("html-next:ui-editor-insert-table-grid:hint", hint);
 		provide("html-next:ui-editor-insert-table-grid:withHeaderRow", withHeaderRow);
-		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-insert-table-grid> has an incompatible root."), {
-			name: "HtmlDiagnosticError",
-			diagnostic: Object.freeze({
-				code: "HR005",
-				message: "Server markup for <ui-editor-insert-table-grid> has an incompatible root."
-			})
-		});
+		checkHydratedRoot("div", "ui-editor-insert-table-grid");
 		const isInsertDetail = (detail) => detail !== null && typeof detail === "object" && !Array.isArray(detail) && Number.isInteger(detail["rows"]) && Number.isInteger(detail["cols"]) && typeof detail["withHeaderRow"] === "boolean" && Object.keys(detail).every((key) => [
 			"rows",
 			"cols",
@@ -319,56 +248,29 @@ var UiEditorInsertTableGrid_default = /*#__PURE__*/ _plugin_vue_export_helper_de
 				withHeaderRow
 			}
 		});
-		function text(value) {
-			if (Array.isArray(value)) return value.map(text).join(" ");
-			return value === null || value === void 0 || typeof value === "object" ? "" : String(value);
-		}
-		function uniqueKeys(items, keyOf) {
-			const seen = /* @__PURE__ */ new Set();
-			for (let index = 0; index < items.length; index += 1) {
-				const key = keyOf(items[index], index, {
-					index,
-					first: index === 0,
-					last: index === items.length - 1,
-					count: items.length
-				});
-				if (seen.has(key)) {
-					const message = `A keyed list produced duplicate key \`${text(key)}\`.`;
-					throw Object.assign(/* @__PURE__ */ new Error(`HR004: ${message}`), {
-						name: "HtmlDiagnosticError",
-						diagnostic: Object.freeze({
-							code: "HR004",
-							message
-						})
-					});
-				}
-				seen.add(key);
-			}
-			return items;
-		}
 		return (_ctx, _cache) => {
-			return withDirectives((openBlock(), createElementBlock("div", mergeProps({ "data-component": "ui-editor-insert-table-grid" }, nativeAttrs(_ctx.$attrs), {
+			return withDirectives((openBlock(), createElementBlock("div", mergeProps({ class: "ui-editor-insert-table-grid" }, unref(nativeAttrs)(_ctx.$attrs), {
 				hidden: !checkedProps.value.open,
-				"data-header-row": reflectedProp("headerRow", "header-row", checkedProps.value.headerRow, void 0, false),
-				"data-max-cols": reflectedProp("maxCols", "max-cols", checkedProps.value.maxCols, void 0, false),
-				"data-max-rows": reflectedProp("maxRows", "max-rows", checkedProps.value.maxRows, void 0, false),
-				"data-open": reflectedProp("open", "open", checkedProps.value.open, void 0, false),
+				"data-header-row": unref(reflectedProp)("headerRow", "header-row", checkedProps.value.headerRow, void 0, false),
+				"data-max-cols": unref(reflectedProp)("maxCols", "max-cols", checkedProps.value.maxCols, void 0, false),
+				"data-max-rows": unref(reflectedProp)("maxRows", "max-rows", checkedProps.value.maxRows, void 0, false),
+				"data-open": unref(reflectedProp)("open", "open", checkedProps.value.open, void 0, false),
 				ref_key: "root",
 				ref: root
 			}), [
-				createElementVNode("p", _hoisted_2, toDisplayString(guarded.value), 1),
+				createElementVNode("p", _hoisted_2, toDisplayString(hint.value), 1),
 				createElementVNode("div", {
 					class: "grid",
 					role: "group",
 					"aria-label": "Table dimensions",
 					style: normalizeStyle({
-						"--_rows": guardedBinding.value,
-						"--_cols": guardedBinding2.value
+						"--_rows": rows.value,
+						"--_cols": cols.value
 					}),
 					ref_key: "gridElement",
 					ref: gridElement
 				}, [createVNode(unref(KeyedBoundary), null, {
-					default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(uniqueKeys(cells.value, (cell, index, loop) => cell.key), (cell) => {
+					default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(uniqueKeys)(cells.value, (cell, index, loop) => cell.key), (cell) => {
 						return openBlock(), createElementBlock("button", {
 							key: cell.key,
 							type: "button",
@@ -399,6 +301,6 @@ var UiEditorInsertTableGrid_default = /*#__PURE__*/ _plugin_vue_export_helper_de
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-a8e7e3a2"]]);
+}), [["__scopeId", "data-v-e3749271"]]);
 //#endregion
 export { UiEditorInsertTableGrid_default as t };

package/vue/chunks/UiEditorLinkCard.js

@@ -0,0 +1,356 @@
+import { a as concat, g as text, i as checkHydratedRoot, o as createDispatch, p as nativeAttrs, s as cycleCheckedComputed, v as useComponentHost, y 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 { t as UiButton_default } from "./UiButton.js";
+import { t as UiCard_default } from "./UiCard.js";
+import { t as UiCluster_default } from "./UiCluster.js";
+import { t as UiTooltip_default } from "./UiTooltip.js";
+import { t as UiIconButton_default } from "./UiIconButton.js";
+import { t as UiStack_default } from "./UiStack.js";
+import { t as UiText_default } from "./UiText.js";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createTextVNode, createVNode, defineComponent, getCurrentInstance, mergeProps, openBlock, provide, ref, toDisplayString, unref, watchSyncEffect, withCtx, withDirectives } from "vue";
+//#region .build/vue/UiEditorLinkCard.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = [
+	"data-detail",
+	"data-href",
+	"data-label",
+	"data-open-href",
+	"data-target-label"
+];
+//#endregion
+//#region .build/vue/UiEditorLinkCard.vue
+var UiEditorLinkCard_default = /* @__PURE__ */ defineComponent({
+	inheritAttrs: false,
+	__name: "UiEditorLinkCard",
+	props: {
+		detail: {
+			type: null,
+			default: ""
+		},
+		href: {
+			type: null,
+			default: ""
+		},
+		label: {
+			type: null,
+			default: ""
+		},
+		openHref: {
+			type: null,
+			default: ""
+		},
+		targetLabel: {
+			type: null,
+			default: "Item"
+		}
+	},
+	emits: ["edit", "remove"],
+	setup(__props, { emit: __emit }) {
+		const propValidityContract = { props: {
+			detail: {
+				type: {
+					kind: "terminal",
+					name: "string"
+				},
+				required: false,
+				target: { attribute: "detail" },
+				description: "A second line under the label, such as where the destination lives.",
+				default: ""
+			},
+			href: {
+				type: {
+					kind: "terminal",
+					name: "string"
+				},
+				required: false,
+				target: { attribute: "title" },
+				description: "The link's destination, shown when there is no label.",
+				default: ""
+			},
+			label: {
+				type: {
+					kind: "terminal",
+					name: "string"
+				},
+				required: false,
+				target: { attribute: "label" },
+				description: "The resolved destination's name, such as a page title, shown in place of the address.",
+				default: ""
+			},
+			openHref: {
+				type: {
+					kind: "terminal",
+					name: "string"
+				},
+				required: false,
+				target: { attribute: "href" },
+				description: "The address Open link opens in a new tab; without it the card offers no Open link. The editor passes the destination only when it is an http, https,\n      mailto, tel, or relative address.",
+				default: ""
+			},
+			targetLabel: {
+				type: {
+					kind: "terminal",
+					name: "string"
+				},
+				required: false,
+				target: { attribute: "targetlabel" },
+				description: "What a resolved destination is called, as in \"Page: Guide\" for a screen reader.",
+				default: "Item"
+			}
+		} };
+		const props = __props;
+		const acceptedProps = {
+			detail: "",
+			href: "",
+			label: "",
+			openHref: "",
+			targetLabel: "Item"
+		};
+		const checkedProps = computed(() => ({
+			detail: checkedProp(props["detail"], {
+				kind: "terminal",
+				name: "string"
+			}, false, "detail", acceptedProps),
+			href: checkedProp(props["href"], {
+				kind: "terminal",
+				name: "string"
+			}, false, "href", acceptedProps),
+			label: checkedProp(props["label"], {
+				kind: "terminal",
+				name: "string"
+			}, false, "label", acceptedProps),
+			openHref: checkedProp(props["openHref"], {
+				kind: "terminal",
+				name: "string"
+			}, false, "openHref", acceptedProps),
+			targetLabel: checkedProp(props["targetLabel"], {
+				kind: "terminal",
+				name: "string"
+			}, false, "targetLabel", acceptedProps)
+		}));
+		checkedProps.value;
+		watchSyncEffect(() => {
+			checkedProps.value;
+		});
+		const reflectedProp = useReflectedProp();
+		const hydrationInstance = getCurrentInstance();
+		const emit = __emit;
+		const root = ref(null);
+		const base = ref("ui-editor-link-card");
+		const resolved = cycleCheckedComputed(() => checkedProps.value.label !== "");
+		let shownPrevious = null;
+		const shown = cycleCheckedComputed(() => {
+			const next = ((objectValue, indexValue) => objectValue === Symbol.for("html-next.invalid-result") || indexValue === Symbol.for("html-next.invalid-result") ? Symbol.for("html-next.invalid-result") : objectValue[indexValue])({
+				true: checkedProps.value.label,
+				false: checkedProps.value.href
+			}, concat(resolved.value));
+			if (next === Symbol.for("html-next.invalid-result")) return shownPrevious;
+			return shownPrevious = next;
+		});
+		let guardedPrevious = null;
+		const guarded = computed(() => {
+			const candidate = ((objectValue, indexValue) => objectValue === Symbol.for("html-next.invalid-result") || indexValue === Symbol.for("html-next.invalid-result") ? Symbol.for("html-next.invalid-result") : objectValue[indexValue])({
+				true: "file-text",
+				false: "link"
+			}, concat(resolved.value));
+			if (candidate === Symbol.for("html-next.invalid-result")) return guardedPrevious;
+			return guardedPrevious = candidate;
+		});
+		let guardedBindingPrevious = null;
+		const guardedBinding = computed(() => {
+			const candidate = concat(((objectValue, indexValue) => objectValue === Symbol.for("html-next.invalid-result") || indexValue === Symbol.for("html-next.invalid-result") ? Symbol.for("html-next.invalid-result") : objectValue[indexValue])({
+				true: checkedProps.value.targetLabel,
+				false: "URL"
+			}, concat(resolved.value)), ": ", shown.value);
+			if (candidate === Symbol.for("html-next.invalid-result")) return guardedBindingPrevious;
+			return guardedBindingPrevious = candidate;
+		});
+		let guardedBinding2Previous = null;
+		const guardedBinding2 = computed(() => {
+			const candidate = concat(base.value, "-open");
+			if (candidate === Symbol.for("html-next.invalid-result")) return guardedBinding2Previous;
+			return guardedBinding2Previous = candidate;
+		});
+		let guardedBinding3Previous = null;
+		const guardedBinding3 = computed(() => {
+			const candidate = concat(base.value, "-open");
+			if (candidate === Symbol.for("html-next.invalid-result")) return guardedBinding3Previous;
+			return guardedBinding3Previous = candidate;
+		});
+		let guardedBinding4Previous = null;
+		const guardedBinding4 = computed(() => {
+			const candidate = concat(base.value, "-edit");
+			if (candidate === Symbol.for("html-next.invalid-result")) return guardedBinding4Previous;
+			return guardedBinding4Previous = candidate;
+		});
+		let guardedBinding5Previous = null;
+		const guardedBinding5 = computed(() => {
+			const candidate = concat(base.value, "-edit");
+			if (candidate === Symbol.for("html-next.invalid-result")) return guardedBinding5Previous;
+			return guardedBinding5Previous = candidate;
+		});
+		let guardedBinding6Previous = null;
+		const guardedBinding6 = computed(() => {
+			const candidate = concat(base.value, "-remove");
+			if (candidate === Symbol.for("html-next.invalid-result")) return guardedBinding6Previous;
+			return guardedBinding6Previous = candidate;
+		});
+		let guardedBinding7Previous = null;
+		const guardedBinding7 = computed(() => {
+			const candidate = concat(base.value, "-remove");
+			if (candidate === Symbol.for("html-next.invalid-result")) return guardedBinding7Previous;
+			return guardedBinding7Previous = candidate;
+		});
+		provide("html-next:ui-editor-link-card:base", base);
+		checkHydratedRoot("div", "ui-editor-link-card");
+		const isEditDetail = (detail) => detail !== null && typeof detail === "object" && !Array.isArray(detail) && Object.values(detail).every((item) => true);
+		const dispatch = createDispatch(root, emit, { checks: {
+			edit: isEditDetail,
+			remove: isEditDetail
+		} });
+		useComponentHost(() => import("@threadlabs/looma/components/ui-editor-link-card/ui-editor-link-card.js"), {
+			root,
+			dispatch,
+			acceptsState: (name, keys, value) => acceptsControllerWrite(value, { base: {
+				kind: "terminal",
+				name: "string"
+			} }[name], keys),
+			controllerSource: {
+				specifier: "../components/ui-editor-link-card/ui-editor-link-card.js",
+				definition: "./components/ui-editor-link-card/ui-editor-link-card.html"
+			},
+			props: checkedProps,
+			propInputs: (name) => {
+				const incoming = hydrationInstance?.vnode.props;
+				const kebab = name.replace(/[A-Z]/g, (letter) => "-" + letter.toLowerCase());
+				return incoming !== null && incoming !== void 0 ? incoming[name] ?? incoming[kebab] ?? null : null;
+			},
+			propNames: [
+				"detail",
+				"href",
+				"label",
+				"openHref",
+				"targetLabel"
+			],
+			propValidity: (name) => propValidityState({
+				contract: propValidityContract,
+				values: { ...props }
+			}, name),
+			state: { base },
+			computed: {
+				resolved,
+				shown
+			}
+		});
+		return (_ctx, _cache) => {
+			return withDirectives((openBlock(), createElementBlock("div", mergeProps(unref(nativeAttrs)(_ctx.$attrs), {
+				"data-detail": unref(reflectedProp)("detail", "detail", checkedProps.value.detail, void 0, false),
+				"data-href": unref(reflectedProp)("href", "href", checkedProps.value.href, void 0, false),
+				"data-label": unref(reflectedProp)("label", "label", checkedProps.value.label, void 0, false),
+				"data-open-href": unref(reflectedProp)("openHref", "open-href", checkedProps.value.openHref, void 0, false),
+				"data-target-label": unref(reflectedProp)("targetLabel", "target-label", checkedProps.value.targetLabel, void 0, false),
+				ref_key: "root",
+				ref: root
+			}), [createVNode(UiCard_default, {
+				variant: "elevated",
+				padding: "xs",
+				size: "content"
+			}, {
+				default: withCtx(() => [createVNode(UiCluster_default, {
+					gap: "xs",
+					wrap: "nowrap",
+					role: "group",
+					"aria-label": "Link actions"
+				}, {
+					default: withCtx(() => [
+						createVNode(UiIcon_default, { name: guarded.value }, null, 8, ["name"]),
+						createVNode(UiStack_default, {
+							gap: "none",
+							title: checkedProps.value.href,
+							"aria-label": guardedBinding.value
+						}, {
+							default: withCtx(() => [createVNode(UiText_default, {
+								as: "strong",
+								size: "sm",
+								weight: "medium",
+								font: "sans",
+								wrap: "anywhere"
+							}, {
+								default: withCtx(() => [createTextVNode(toDisplayString(unref(text)(unref(shown))), 1)]),
+								_: 1
+							}), checkedProps.value.detail !== "" ? (openBlock(), createBlock(UiText_default, {
+								key: 0,
+								as: "small",
+								size: "xs",
+								tone: "secondary",
+								font: "sans"
+							}, {
+								default: withCtx(() => [createTextVNode(toDisplayString(checkedProps.value.detail), 1)]),
+								_: 1
+							})) : createCommentVNode("v-if", true)]),
+							_: 1
+						}, 8, ["title", "aria-label"]),
+						checkedProps.value.openHref !== "" ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [createVNode(UiButton_default, {
+							as: "a",
+							variant: "ghost",
+							tone: "neutral",
+							size: "sm",
+							target: "_blank",
+							rel: "noopener noreferrer",
+							"aria-label": "Open link",
+							id: guardedBinding2.value,
+							href: checkedProps.value.openHref
+						}, {
+							default: withCtx(() => [createVNode(UiCluster_default, {
+								gap: "xs",
+								wrap: "nowrap"
+							}, {
+								default: withCtx(() => [createVNode(UiIcon_default, { name: "external-link" }), _cache[0] || (_cache[0] = createTextVNode("Open link", -1))]),
+								_: 1
+							})]),
+							_: 1
+						}, 8, ["id", "href"]), createVNode(UiTooltip_default, { for: guardedBinding3.value }, {
+							default: withCtx(() => [..._cache[1] || (_cache[1] = [createTextVNode("Open link", -1)])]),
+							_: 1
+						}, 8, ["for"])], 64)) : createCommentVNode("v-if", true),
+						createVNode(UiIconButton_default, {
+							label: "Edit link",
+							variant: "ghost",
+							size: "sm",
+							"data-link-action": "edit",
+							id: guardedBinding4.value
+						}, {
+							default: withCtx(() => [createVNode(UiIcon_default, { name: "pencil" })]),
+							_: 1
+						}, 8, ["id"]),
+						createVNode(UiTooltip_default, { for: guardedBinding5.value }, {
+							default: withCtx(() => [..._cache[2] || (_cache[2] = [createTextVNode("Edit link", -1)])]),
+							_: 1
+						}, 8, ["for"]),
+						createVNode(UiIconButton_default, {
+							label: "Remove link",
+							variant: "ghost",
+							size: "sm",
+							"data-link-action": "remove",
+							id: guardedBinding6.value
+						}, {
+							default: withCtx(() => [createVNode(UiIcon_default, { name: "unlink" })]),
+							_: 1
+						}, 8, ["id"]),
+						createVNode(UiTooltip_default, { for: guardedBinding7.value }, {
+							default: withCtx(() => [..._cache[3] || (_cache[3] = [createTextVNode("Remove link", -1)])]),
+							_: 1
+						}, 8, ["for"])
+					]),
+					_: 1
+				})]),
+				_: 1
+			})], 16, _hoisted_1)), [[unref(vPropValidity), {
+				contract: propValidityContract,
+				values: { ...props }
+			}]]);
+		};
+	}
+});
+//#endregion
+export { UiEditorLinkCard_default as t };

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 { a as concat, i as checkHydratedRoot, o as createDispatch, p as nativeAttrs, t as _plugin_vue_export_helper_default, v as useComponentHost, y 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 };