@threadlabs/looma 0.28.6 → 0.28.8

package/vanilla/UiEditorLinkForm.js

@@ -0,0 +1,354 @@
+// Generated by HTML Next 1.0.0-alpha.51 for Vanilla DOM. Do not edit.
+import { attachGeneratedController, buildTemplate, clearRegion, KeyedList, NONCONFORMING, readIndex, readMember, textCall, toAttribute, toText, trackContainer, truthy, writeAttribute, computedCycle, dispatchDeclared, detailCheck, formatOf, keywordFormat, acceptProps, manageProps, readonlyView, checkBoolean, checkFormat, checkList, checkObject, checkRecord, checkString, checkUnknown } from "@nextwebwg/html-next/generated-runtime";
+import * as controller from "../components/ui-editor-link-form/ui-editor-link-form.js";
+import "../styles/ui-editor-link-form.css";
+
+const T0 = ["",[],["ui-stack",["gap","s"],["ui-text",["as","h3","size","sm","weight","semibold"],0],["ui-stack",["gap","s"],["ui-form-field",[],["label",["slot","label"],0],1,1],1,1],1,1]];
+const T1 = ["ui-input-group",["prefix-kind","icon"],["ui-icon",["slot","prefix"]],["ui-input",["data-link-destination","","data-link-search","","type","text","role","searchbox","autocomplete","off"]],1];
+const T2 = ["ui-icon-button",["slot","action","label","Clear search","variant","ghost","size","sm","data-link-clear",""],["ui-icon",["name","x"]]];
+const T3 = ["",[],["ui-input",["data-link-destination","","type","text","inputmode","url","size","sm"]]];
+const T4 = ["ui-scroll-area",["size","sm","aria-label","Destination search results"],1,2];
+const T5 = ["ui-text",["size","sm","tone","secondary","role","status"],0];
+const T6 = ["ui-search-result-row",["density","compact","data-link-result",""],["ui-icon",["slot","leading","name","file-text"]],["ui-text",["slot","title","as","strong","size","sm","weight","medium"],0],1,1];
+const T7 = ["ui-text",["slot","meta","as","span","size","xs","tone","secondary"],0];
+const T8 = ["ui-icon",["slot","trailing","name","check"]];
+const T9 = ["",[],["ui-checkbox",["size","sm","data-link-new-tab",""],"Open in new tab"]];
+const T10 = ["",[],["ui-form-field",[],["label",["slot","label"],"Text"],["ui-input",["data-link-text","","size","sm"]]]];
+const T11 = ["ui-text",["size","sm","tone","danger","role","alert"],0];
+let P0, P1, P2, P3, P4, P5, P6, P7, P8, P9, P10, P11;
+const E = new Map();
+const S = { n: ["base","heading","fieldLabel"], t: ["s","?","?"], f: import.meta.url, g: "ui-editor-link-form", k: 1, d: { "destination": [detailCheck(checkObject([["value", checkString, false]], false)), true, true, false], "text": [detailCheck(checkObject([["text", checkString, false]], false)), true, true, false], "new-tab": [detailCheck(checkObject([["newTab", checkBoolean, false]], false)), true, true, false], "choose": [detailCheck(checkObject([["id", checkString, false]], false)), true, true, false], "clear": [detailCheck(checkRecord(checkUnknown)), true, true, false], "save": [detailCheck(checkRecord(checkUnknown)), true, true, false], "dismiss": [detailCheck(checkRecord(checkUnknown)), true, true, false] }, x: dispatchDeclared, r: readonlyView };
+const D = { props: { "error": { "required":false,"default":"", c: checkString, t: "string", j: 0, m: "s" }, "existing": { "required":false,"default":false, c: checkBoolean, t: "boolean", j: 0, m: "b" }, "mode": { "required":false,"values":["url","target"],"default":"url", c: checkFormat("keyword", keywordFormat), t: "keyword", j: 0, m: ["p",formatOf(keywordFormat),false] }, "newTab": { "required":false,"default":false, c: checkBoolean, t: "boolean", j: 0, m: "b" }, "placeholder": { "required":false,"default":"https://example.com", c: checkString, t: "string", j: 0, m: "s" }, "results": { "required":false,"default":[], c: checkList(checkObject([["id", checkString, false], ["label", checkString, false], ["detail", checkString, true]], false)), j: 1, m: ["l",["o",["id","s","label","s","detail","s"]]] }, "searchable": { "required":false,"default":false, c: checkBoolean, t: "boolean", j: 0, m: "b" }, "selected": { "required":false,"default":"", c: checkString, t: "string", j: 0, m: "s" }, "status": { "required":false,"default":"", c: checkString, t: "string", j: 0, m: "s" }, "text": { "required":false,"default":"", c: checkString, t: "string", j: 0, m: "s" }, "textEditable": { "required":false,"default":false, c: checkBoolean, t: "boolean", j: 0, m: "b" }, "value": { "required":false,"default":"", c: checkString, t: "string", j: 0, m: "s" } } };
+const C = (host) => controller.default(host);
+
+export function createUiEditorLinkForm(options = {}, html) {
+  const { attributes = {}, children = [], slots = {}, ...componentProps } = options;
+  const element = document.createElement("form");
+  for (const [name, value] of Object.entries(attributes)) {
+    if (value === null || value === undefined || value === false) continue;
+    element.setAttribute(name, value === true ? "" : String(value));
+  }
+  if (!element.hasAttribute("aria-label")) element.setAttribute("aria-label", "Edit link");
+  element.setAttribute("data-component", "ui-editor-link-form");
+  element.append((P0 ??= buildTemplate(T0)).cloneNode(true));
+  const v = ["ui-editor-link-form", undefined, undefined, null, null, null, null, null, null, null, null, null, null, null, null];
+  const B = acceptProps(element, D, S.n, v, componentProps, [], html);
+  const X = { e: 0, g: (j) => g(j), w: new Set() };
+  const ke = [];
+  const K = [() => readIndex({ "true": "Edit link", "false": "Add link" }, textCall("concat", [v[4]])), () => readIndex({ "true": "Link destination", "false": "URL" }, textCall("concat", [v[9]]))];
+  const g = (j) => {
+    const i = j - 1;
+    if (ke[i] === X.e) return v[j];
+    if (ke[i] === -1) computedCycle();
+    ke[i] = -1;
+    let next;
+    try { next = K[i](); } catch (error) { ke[i] = undefined; throw error; }
+    ke[i] = X.e;
+    const previous = v[j];
+    if (!Object.is(previous, next)) { v[j] = next; X.n?.(j, previous, next); }
+    return next;
+  };
+  const m1 = (d) => {
+    const n = (P1 ??= buildTemplate(T1)).cloneNode(true);
+    const t0 = n.firstChild;
+    const t1 = t0.nextSibling;
+    const t2 = t1.nextSibling;
+    const r = { n, a0: t0, a1: t1, v0: null, v1: null, v2: null, v3: null, a2: t2, e0: t2.nextSibling, b0: undefined };
+    p1(r, -1, d);
+    return r;
+  };
+  const p1 = (r, c, d) => {
+    if (c & 1073741856) {
+      const x0 = readIndex({ "true": "search", "false": "link" }, textCall("concat", [(v[5] === "target")]));
+      if (x0 !== NONCONFORMING) {
+        const s0 = toAttribute(x0, "name");
+        if (s0 !== r.v0) writeAttribute(r.a0, "name", r.v0 = s0);
+      }
+    }
+    if (c & 1) {
+      const x1 = textCall("concat", [v[0], "-destination"]);
+      if (x1 !== NONCONFORMING) {
+        const s1 = toAttribute(x1, "id");
+        if (s1 !== r.v1) writeAttribute(r.a1, "id", r.v1 = s1);
+      }
+    }
+    if (c & 128) {
+      const x2 = v[7];
+      const s2 = toAttribute(x2, "placeholder");
+      if (s2 !== r.v2) writeAttribute(r.a1, "placeholder", r.v2 = s2);
+    }
+    if (c & 16384) {
+      const x3 = v[14];
+      const s3 = toAttribute(x3, "value");
+      if (s3 !== r.v3) writeAttribute(r.a1, "value", r.v3 = s3);
+    }
+    if (c & 16384 && !((v[14] !== "")) !== !r.b0) {
+      if (r.b0) { r.b0 = undefined; clearRegion(r.a2, r.e0); }
+      else { r.b0 = m2(d); r.e0.before(r.b0.n); }
+    } else if (r.b0 !== undefined) p2(r.b0, c, d);
+  };
+  const m2 = (d) => {
+    const n = (P2 ??= buildTemplate(T2)).cloneNode(true);
+    const r = { n };
+    p2(r, -1, d);
+    return r;
+  };
+  const p2 = (r, c, d) => {
+  };
+  const m3 = (d) => {
+    const n = (P3 ??= buildTemplate(T3)).cloneNode(true);
+    const t0 = n.firstChild;
+    const r = { n, a0: t0, v0: null, v1: null, v2: null };
+    p3(r, -1, d);
+    return r;
+  };
+  const p3 = (r, c, d) => {
+    if (c & 1) {
+      const x0 = textCall("concat", [v[0], "-destination"]);
+      if (x0 !== NONCONFORMING) {
+        const s0 = toAttribute(x0, "id");
+        if (s0 !== r.v0) writeAttribute(r.a0, "id", r.v0 = s0);
+      }
+    }
+    if (c & 128) {
+      const x1 = v[7];
+      const s1 = toAttribute(x1, "placeholder");
+      if (s1 !== r.v1) writeAttribute(r.a0, "placeholder", r.v1 = s1);
+    }
+    if (c & 16384) {
+      const x2 = v[14];
+      const s2 = toAttribute(x2, "value");
+      if (s2 !== r.v2) writeAttribute(r.a0, "value", r.v2 = s2);
+    }
+  };
+  const m4 = (d) => {
+    const n = (P4 ??= buildTemplate(T4)).cloneNode(true);
+    const t0 = n.firstChild;
+    const t1 = t0.nextSibling.nextSibling;
+    const r = { n, a0: t0, e0: t0.nextSibling, b0: undefined, L1: new KeyedList(t1, t1.nextSibling, m6, p6, (o) => readMember(o, "id"), "result") };
+    p4(r, -1, d);
+    return r;
+  };
+  const p4 = (r, c, d) => {
+    if (c & 2048 && !((v[11] !== "")) !== !r.b0) {
+      if (r.b0) { r.b0 = undefined; clearRegion(r.a0, r.e0); }
+      else { r.b0 = m5(d); r.e0.before(r.b0.n); }
+    } else if (r.b0 !== undefined) p5(r.b0, c, d);
+    if (c & 1073742080) r.L1.update(v[8], d, c);
+    if (c !== -1 && c & 1024) r.L1.each(c, d);
+  };
+  const m5 = (d) => {
+    const n = (P5 ??= buildTemplate(T5)).cloneNode(true);
+    const t0 = n.firstChild;
+    const r = { n, a0: t0, v0: "" };
+    p5(r, -1, d);
+    return r;
+  };
+  const p5 = (r, c, d) => {
+    if (c & 2048) {
+      const x0 = v[11];
+      const s0 = toText(x0);
+      if (s0 !== r.v0) r.a0.data = r.v0 = s0;
+    }
+  };
+  const m6 = (o, j, l) => {
+    const n = (P6 ??= buildTemplate(T6)).cloneNode(true);
+    const t0 = n.firstChild.nextSibling;
+    const t1 = t0.firstChild;
+    const t2 = t0.nextSibling;
+    const t3 = t2.nextSibling.nextSibling;
+    const r = { k: undefined, i: o, n, x: 0, y: 0, a1: t0, a2: t1, w: 0, v0: null, v1: null, v2: null, v3: null, v4: "", a3: t2, e0: t2.nextSibling, b0: undefined, a4: t3, e1: t3.nextSibling, b1: undefined };
+    p6(r, -1, E);
+    return r;
+  };
+  const p6 = (r, c, d) => {
+    const o = r.i;
+    if (c & 1073741824) r.w = 0;
+    if (c & 1073742848) {
+      const x0 = (readMember(o, "id") === v[10]);
+      const s0 = toAttribute(x0, "selected");
+      if (s0 !== r.v0) writeAttribute(r.n, "selected", r.v0 = s0);
+    }
+    if (c & 1073741824) {
+      const x1 = trackContainer(r, readMember(o, "id"));
+      const s1 = toAttribute(x1, "data-link-id");
+      if (s1 !== r.v1) writeAttribute(r.n, "data-link-id", r.v1 = s1);
+    }
+    if (c === -1) {
+      const x2 = true;
+      const s2 = toAttribute(x2, "truncate");
+      if (s2 !== r.v2) writeAttribute(r.a1, "truncate", r.v2 = s2);
+    }
+    if (c & 1073741824) {
+      const x3 = trackContainer(r, readMember(o, "label"));
+      const s3 = toAttribute(x3, "title");
+      if (s3 !== r.v3) writeAttribute(r.a1, "title", r.v3 = s3);
+      const s4 = toText(x3);
+      if (s4 !== r.v4) r.a2.data = r.v4 = s4;
+    }
+    if (c & 1073741824 && !(truthy(trackContainer(r, readMember(o, "detail")))) !== !r.b0) {
+      if (r.b0) { r.b0 = undefined; clearRegion(r.a3, r.e0); }
+      else { r.b0 = m7(d, undefined, r); r.e0.before(r.b0.n); }
+    } else if (r.b0 !== undefined) p7(r.b0, c, d);
+    if (c & 1073742848 && !((readMember(o, "id") === v[10])) !== !r.b1) {
+      if (r.b1) { r.b1 = undefined; clearRegion(r.a4, r.e1); }
+      else { r.b1 = m8(d); r.e1.before(r.b1.n); }
+    } else if (r.b1 !== undefined) p8(r.b1, c, d);
+  };
+  const m7 = (d, o, u) => {
+    const n = (P7 ??= buildTemplate(T7)).cloneNode(true);
+    const t0 = n.firstChild;
+    const r = { n, u, a1: t0, w: 0, v0: null, v1: null, v2: "" };
+    p7(r, -1, d);
+    return r;
+  };
+  const p7 = (r, c, d) => {
+    if (c & 1073741824) r.w = 0;
+    if (c === -1) {
+      const x0 = true;
+      const s0 = toAttribute(x0, "truncate");
+      if (s0 !== r.v0) writeAttribute(r.n, "truncate", r.v0 = s0);
+    }
+    if (c & 1073741824) {
+      const x1 = trackContainer(r, readMember(r.u.i, "detail"));
+      const s1 = toAttribute(x1, "title");
+      if (s1 !== r.v1) writeAttribute(r.n, "title", r.v1 = s1);
+      const s2 = toText(x1);
+      if (s2 !== r.v2) r.a1.data = r.v2 = s2;
+    }
+  };
+  const m8 = (d) => {
+    const n = (P8 ??= buildTemplate(T8)).cloneNode(true);
+    const r = { n };
+    p8(r, -1, d);
+    return r;
+  };
+  const p8 = (r, c, d) => {
+  };
+  const m9 = (d) => {
+    const n = (P9 ??= buildTemplate(T9)).cloneNode(true);
+    const t0 = n.firstChild;
+    const r = { n, a0: t0, v0: null };
+    p9(r, -1, d);
+    return r;
+  };
+  const p9 = (r, c, d) => {
+    if (c & 64) {
+      const x0 = v[6];
+      const s0 = toAttribute(x0, "checked");
+      if (s0 !== r.v0) writeAttribute(r.a0, "checked", r.v0 = s0);
+    }
+  };
+  const m10 = (d) => {
+    const n = (P10 ??= buildTemplate(T10)).cloneNode(true);
+    const t0 = n.firstChild;
+    const t1 = t0.firstChild;
+    const t2 = t1.nextSibling;
+    const r = { n, a0: t1, a1: t2, v0: null, v1: null, v2: null };
+    p10(r, -1, d);
+    return r;
+  };
+  const p10 = (r, c, d) => {
+    if (c & 1) {
+      const x0 = textCall("concat", [v[0], "-text"]);
+      if (x0 !== NONCONFORMING) {
+        const s0 = toAttribute(x0, "for");
+        if (s0 !== r.v0) writeAttribute(r.a0, "for", r.v0 = s0);
+      }
+      if (x0 !== NONCONFORMING) {
+        const s1 = toAttribute(x0, "id");
+        if (s1 !== r.v1) writeAttribute(r.a1, "id", r.v1 = s1);
+      }
+    }
+    if (c & 4096) {
+      const x1 = v[12];
+      const s2 = toAttribute(x1, "value");
+      if (s2 !== r.v2) writeAttribute(r.a1, "value", r.v2 = s2);
+    }
+  };
+  const m11 = (d) => {
+    const n = (P11 ??= buildTemplate(T11)).cloneNode(true);
+    const t0 = n.firstChild;
+    const r = { n, a0: t0, v0: "" };
+    p11(r, -1, d);
+    return r;
+  };
+  const p11 = (r, c, d) => {
+    if (c & 8) {
+      const x0 = v[3];
+      const s0 = toText(x0);
+      if (s0 !== r.v0) r.a0.data = r.v0 = s0;
+    }
+  };
+  const p0 = (r, c, d) => {
+    if (c & 1073741840) {
+      const x0 = g(1);
+      if (x0 !== NONCONFORMING) {
+        const s0 = toText(x0);
+        if (s0 !== r.v0) r.a0.data = r.v0 = s0;
+      }
+    }
+    if (c & 8) {
+      const x1 = (v[3] !== "");
+      const s1 = toAttribute(x1, "invalid");
+      if (s1 !== r.v1) writeAttribute(r.a1, "invalid", r.v1 = s1);
+    }
+    if (c & 1) {
+      const x2 = textCall("concat", [v[0], "-destination"]);
+      if (x2 !== NONCONFORMING) {
+        const s2 = toAttribute(x2, "for");
+        if (s2 !== r.v2) writeAttribute(r.a2, "for", r.v2 = s2);
+      }
+    }
+    if (c & 1073742336) {
+      const x3 = g(2);
+      if (x3 !== NONCONFORMING) {
+        const s3 = toText(x3);
+        if (s3 !== r.v3) r.a3.data = r.v3 = s3;
+      }
+    }
+    if (c & 512 && !(truthy(v[9])) !== !r.b0) {
+      if (r.b0) { r.b0 = undefined; clearRegion(r.a4, r.e0); }
+      else { r.b0 = m1(d); r.e0.before(r.b0.n); }
+    } else if (r.b0 !== undefined) p1(r.b0, c, d);
+    if (c & 512 && !(!truthy(v[9])) !== !r.b1) {
+      if (r.b1) { r.b1 = undefined; clearRegion(r.a5, r.e1); }
+      else { r.b1 = m3(d); r.e1.before(r.b1.n); }
+    } else if (r.b1 !== undefined) p3(r.b1, c, d);
+    if (c & 32 && !((v[5] === "target")) !== !r.b2) {
+      if (r.b2) { r.b2 = undefined; clearRegion(r.a6, r.e2); }
+      else { r.b2 = m4(d); r.e2.before(r.b2.n); }
+    } else if (r.b2 !== undefined) p4(r.b2, c, d);
+    if (c & 32 && !((v[5] === "url")) !== !r.b3) {
+      if (r.b3) { r.b3 = undefined; clearRegion(r.a7, r.e3); }
+      else { r.b3 = m9(d); r.e3.before(r.b3.n); }
+    } else if (r.b3 !== undefined) p9(r.b3, c, d);
+    if (c & 8192 && !(truthy(v[13])) !== !r.b4) {
+      if (r.b4) { r.b4 = undefined; clearRegion(r.a8, r.e4); }
+      else { r.b4 = m10(d); r.e4.before(r.b4.n); }
+    } else if (r.b4 !== undefined) p10(r.b4, c, d);
+    if (c & 8 && !((v[3] !== "")) !== !r.b5) {
+      if (r.b5) { r.b5 = undefined; clearRegion(r.a9, r.e5); }
+      else { r.b5 = m11(d); r.e5.before(r.b5.n); }
+    } else if (r.b5 !== undefined) p11(r.b5, c, d);
+  };
+  const t0 = element.firstChild;
+  const t1 = t0.firstChild;
+  const t2 = t1.firstChild;
+  const t3 = t1.nextSibling;
+  const t4 = t3.firstChild;
+  const t5 = t4.firstChild;
+  const t6 = t5.firstChild;
+  const t7 = t5.nextSibling;
+  const t8 = t7.nextSibling.nextSibling;
+  const t9 = t4.nextSibling;
+  const t10 = t9.nextSibling.nextSibling;
+  const t11 = t3.nextSibling;
+  const t12 = t11.nextSibling.nextSibling;
+  const R = { a0: t2, a1: t4, a2: t5, a3: t6, v0: "", v1: null, v2: null, v3: "", a4: t7, e0: t7.nextSibling, b0: undefined, a5: t8, e1: t8.nextSibling, b1: undefined, a6: t9, e2: t9.nextSibling, b2: undefined, a7: t10, e3: t10.nextSibling, b3: undefined, a8: t11, e4: t11.nextSibling, b4: undefined, a9: t12, e5: t12.nextSibling, b5: undefined };
+  const I = { B };
+  I.R = new Set();
+  attachGeneratedController(element, S, v, (c, d) => { ((c, d) => p0(R, c, d))(c, d); for (const f of I.R) f(c, d); }, C, X, I);
+  manageProps(I);
+  return element;
+}

package/vanilla/index.js

@@ -19,8 +19,11 @@ export * from "./UiDescriptionList.js";
 export * from "./UiDialog.js";
 export * from "./UiDisclosure.js";
 export * from "./UiEditable.js";
+export * from "./UiEditorBlockActions.js";
 export * from "./UiEditorImageToolbar.js";
 export * from "./UiEditorInsertTableGrid.js";
+export * from "./UiEditorLinkCard.js";
+export * from "./UiEditorLinkForm.js";
 export * from "./UiEditorMentionMenu.js";
 export * from "./UiEditorMentionMenuItem.js";
 export * from "./UiEditorSlashMenu.js";

package/vue/UiEditorBlockActions.d.ts

@@ -0,0 +1,33 @@
+import type { PropType } from 'vue';
+declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    for: {
+        type: PropType<string | null>;
+        default: string;
+    };
+    placement: {
+        type: PropType<"bottom-start" | "top-start" | null>;
+        default: string;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    action: (event: CustomEvent<{
+        readonly action: "insert-below" | "duplicate" | "delete";
+    }>) => any;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    for: {
+        type: PropType<string | null>;
+        default: string;
+    };
+    placement: {
+        type: PropType<"bottom-start" | "top-start" | null>;
+        default: string;
+    };
+}>> & Readonly<{
+    onAction?: ((event: CustomEvent<{
+        readonly action: "insert-below" | "duplicate" | "delete";
+    }>) => any) | undefined;
+}>, {
+    for: string | null;
+    placement: "top-start" | "bottom-start" | null;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/vue/UiEditorBlockActions.js

@@ -0,0 +1,2 @@
+import { t as UiEditorBlockActions_default } from "./chunks/UiEditorBlockActions.js";
+export { UiEditorBlockActions_default as default };

package/vue/UiEditorBlockActions.vue

@@ -0,0 +1,125 @@
+<!-- Generated by HTML Next 1.0.0-alpha.51 for Vue 3.5. Do not edit. -->
+<script setup lang="ts">
+import { computed, getCurrentInstance, ref, watchSyncEffect } from 'vue'
+import type { PropType } from 'vue'
+import {
+  checkHydratedRoot,
+  createDispatch,
+  nativeAttrs,
+  useComponentHost,
+  useReflectedProp,
+} from './host'
+import { checkedProp, propValidityState, vPropValidity } from './props'
+import UiMenu from './UiMenu.vue'
+import UiMenuItem from './UiMenuItem.vue'
+
+defineOptions({ inheritAttrs: false })
+
+const propValidityContract = {
+  props: {
+    for: {
+      type: { kind: 'terminal', name: 'string' },
+      required: false,
+      target: { attribute: 'for' },
+      description: 'The id of the button that opens the menu and anchors it.',
+      default: '',
+    },
+    placement: {
+      type: { kind: 'terminal', name: 'keyword' },
+      required: false,
+      target: { attribute: 'placement' },
+      description:
+        'Where the menu opens beside its button; top-start suits a toolbar docked at the bottom of the screen.',
+      values: ['bottom-start', 'top-start'],
+      default: 'bottom-start',
+    },
+  },
+} as const
+const props = defineProps({
+  for: { type: null as unknown as PropType<string | null>, default: '' },
+  placement: {
+    type: null as unknown as PropType<'bottom-start' | 'top-start' | null>,
+    default: 'bottom-start',
+  },
+})
+const acceptedProps: Record<string, unknown> = { for: '', placement: 'bottom-start' }
+const checkedProps = computed(() => ({
+  for: checkedProp<string>(
+    props['for'],
+    { kind: 'terminal', name: 'string' },
+    false,
+    'for',
+    acceptedProps,
+  ) as string,
+  placement: checkedProp<'bottom-start' | 'top-start'>(
+    props['placement'],
+    { kind: 'terminal', name: 'keyword' },
+    false,
+    'placement',
+    acceptedProps,
+  ) as 'bottom-start' | 'top-start',
+}))
+void checkedProps.value
+watchSyncEffect(() => {
+  void checkedProps.value
+})
+const reflectedProp = useReflectedProp()
+const hydrationInstance = getCurrentInstance()
+const emit = defineEmits<{
+  action: [event: CustomEvent<{ readonly action: 'insert-below' | 'duplicate' | 'delete' }>]
+}>()
+
+const root = ref<HTMLElement | null>(null)
+checkHydratedRoot('div', 'ui-editor-block-actions')
+
+const isActionDetail = (
+  detail: unknown,
+): boolean => (detail !== null && typeof detail === 'object' && !Array.isArray(detail)
+  && ((detail as Record<string, unknown>)['action'] === 'insert-below'
+    || (detail as Record<string, unknown>)['action'] === 'duplicate'
+    || (detail as Record<string, unknown>)['action'] === 'delete')
+  && Object.keys(detail as object).every((key) => ['action'].includes(key)))
+const dispatch = createDispatch(root, emit as (name: string, detail: unknown) => void, {
+  checks: {
+    action: isActionDetail,
+  },
+})
+
+useComponentHost(() => import('../components/ui-editor-block-actions/ui-editor-block-actions.js'), {
+  root,
+  dispatch,
+  controllerSource: {
+    specifier: '../components/ui-editor-block-actions/ui-editor-block-actions.js',
+    definition: './components/ui-editor-block-actions/ui-editor-block-actions.html',
+  },
+  props: checkedProps,
+  propInputs: (name: string) => {
+    const incoming = hydrationInstance?.vnode.props
+    const kebab = name.replace(/[A-Z]/g, (letter) => '-' + letter.toLowerCase())
+    return incoming !== null && incoming !== undefined
+      ? (incoming[name] ?? incoming[kebab] ?? null)
+      : null
+  },
+  propNames: ['for', 'placement'],
+  propValidity: (name: string) =>
+    propValidityState({ contract: propValidityContract, values: { ...props } }, name),
+})
+</script>
+
+<template>
+  <div
+    v-bind="nativeAttrs($attrs)"
+    v-prop-validity="{ contract: propValidityContract, values: { ...props } }"
+    :data-for="reflectedProp('for', 'for', checkedProps.for, undefined, false)"
+    :data-placement="reflectedProp('placement', 'placement', checkedProps.placement, undefined, false)"
+    ref="root"
+  >
+    <UiMenu
+      aria-label="Block actions"
+      :for="checkedProps.for"
+      :placement="checkedProps.placement"
+    ><UiMenuItem value="insert-below">Insert paragraph below</UiMenuItem>
+      <UiMenuItem value="duplicate">Duplicate block</UiMenuItem>
+      <UiMenuItem value="delete">Delete block</UiMenuItem></UiMenu>
+  </div>
+</template>

package/vue/UiEditorImageToolbar.vue

@@ -343,7 +343,7 @@ useComponentHost(() => import('../components/ui-editor-image-toolbar/ui-editor-i
           :id="guarded"
           :variant="guardedBinding"
           :aria-pressed="guardedBinding2"
-        ><UiIcon name="panel-top" size="sm" /></UiIconButton>
+        ><UiIcon name="panel-top" /></UiIconButton>
         <UiIconButton
           label="Center image"
           size="sm"
@@ -351,7 +351,7 @@ useComponentHost(() => import('../components/ui-editor-image-toolbar/ui-editor-i
           :id="guardedBinding3"
           :variant="guardedBinding4"
           :aria-pressed="guardedBinding5"
-        ><UiIcon name="align-center" size="sm" /></UiIconButton>
+        ><UiIcon name="align-center" /></UiIconButton>
         <UiIconButton
           label="Wrap text to the right"
           size="sm"
@@ -359,7 +359,7 @@ useComponentHost(() => import('../components/ui-editor-image-toolbar/ui-editor-i
           :id="guardedBinding6"
           :variant="guardedBinding7"
           :aria-pressed="guardedBinding8"
-        ><UiIcon name="panel-left" size="sm" /></UiIconButton>
+        ><UiIcon name="panel-left" /></UiIconButton>
         <UiIconButton
           label="Wrap text to the left"
           size="sm"
@@ -367,10 +367,9 @@ useComponentHost(() => import('../components/ui-editor-image-toolbar/ui-editor-i
           :id="guardedBinding9"
           :variant="guardedBinding10"
           :aria-pressed="guardedBinding11"
-        ><UiIcon name="panel-right" size="sm" /></UiIconButton>
+        ><UiIcon name="panel-right" /></UiIconButton>
         <UiIconButton label="Image description" size="sm" variant="ghost" :id="base"><UiIcon
             name="file-text"
-            size="sm"
           /></UiIconButton>
         <UiIconButton
           label="Delete image"
@@ -378,7 +377,7 @@ useComponentHost(() => import('../components/ui-editor-image-toolbar/ui-editor-i
           variant="ghost"
           data-image-action="delete"
           :id="guardedBinding12"
-        ><UiIcon name="trash" size="sm" /></UiIconButton></UiEditorToolbar>
+        ><UiIcon name="trash" /></UiIconButton></UiEditorToolbar>
       <UiTooltip :for="guardedBinding13">Image in line</UiTooltip>
       <UiTooltip :for="guardedBinding14">Center image</UiTooltip>
       <UiTooltip :for="guardedBinding15">Wrap text to the right</UiTooltip>

package/vue/UiEditorLinkCard.d.ts

@@ -0,0 +1,58 @@
+import type { PropType } from 'vue';
+declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    detail: {
+        type: PropType<string | null>;
+        default: string;
+    };
+    href: {
+        type: PropType<string | null>;
+        default: string;
+    };
+    label: {
+        type: PropType<string | null>;
+        default: string;
+    };
+    openHref: {
+        type: PropType<string | null>;
+        default: string;
+    };
+    targetLabel: {
+        type: PropType<string | null>;
+        default: string;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    edit: (event: CustomEvent<Readonly<Record<string, unknown>>>) => any;
+    remove: (event: CustomEvent<Readonly<Record<string, unknown>>>) => any;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    detail: {
+        type: PropType<string | null>;
+        default: string;
+    };
+    href: {
+        type: PropType<string | null>;
+        default: string;
+    };
+    label: {
+        type: PropType<string | null>;
+        default: string;
+    };
+    openHref: {
+        type: PropType<string | null>;
+        default: string;
+    };
+    targetLabel: {
+        type: PropType<string | null>;
+        default: string;
+    };
+}>> & Readonly<{
+    onEdit?: ((event: CustomEvent<Readonly<Record<string, unknown>>>) => any) | undefined;
+    onRemove?: ((event: CustomEvent<Readonly<Record<string, unknown>>>) => any) | undefined;
+}>, {
+    detail: string | null;
+    label: string | null;
+    href: string | null;
+    openHref: string | null;
+    targetLabel: string | null;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/vue/UiEditorLinkCard.js

@@ -0,0 +1,2 @@
+import { t as UiEditorLinkCard_default } from "./chunks/UiEditorLinkCard.js";
+export { UiEditorLinkCard_default as default };