@threadlabs/looma 0.28.6 → 0.28.7

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@threadlabs/looma",
-  "version": "0.28.6",
+  "version": "0.28.7",
   "type": "module",
   "description": "Looma components as HTML, Vue, and plain DOM, with design tokens.",
   "license": "MIT",

package/styles/ui-editor-block-actions.css

@@ -0,0 +1 @@
+/* Generated by HTML Next 1.0.0-alpha.51. Do not edit. */

package/styles/ui-editor-link-card.css

@@ -0,0 +1 @@
+/* Generated by HTML Next 1.0.0-alpha.51. Do not edit. */

package/vanilla/UiEditorBlockActions.d.ts

@@ -0,0 +1,16 @@
+// Generated by HTML Next 1.0.0-alpha.51 for Vanilla DOM. Do not edit.
+export interface UiEditorBlockActionsEventMap {
+  action: CustomEvent<{ readonly action: "insert-below" | "duplicate" | "delete" }>;
+}
+export interface UiEditorBlockActionsElement extends HTMLDivElement {
+  addEventListener<K extends keyof UiEditorBlockActionsEventMap>(type: K, listener: (this: UiEditorBlockActionsElement, event: UiEditorBlockActionsEventMap[K]) => unknown, options?: boolean | AddEventListenerOptions): void;
+  removeEventListener<K extends keyof UiEditorBlockActionsEventMap>(type: K, listener: (this: UiEditorBlockActionsElement, event: UiEditorBlockActionsEventMap[K]) => unknown, options?: boolean | EventListenerOptions): void;
+}
+export interface UiEditorBlockActionsProps {
+  for?: string | null;
+  placement?: "bottom-start" | "top-start" | null;
+  attributes?: Readonly<Record<string, string | number | boolean | null | undefined>>;
+  children?: readonly (string | Node)[];
+  slots?: Readonly<Record<string, readonly (string | Node)[]>>;
+}
+export declare function createUiEditorBlockActions(props?: UiEditorBlockActionsProps): UiEditorBlockActionsElement;

package/vanilla/UiEditorBlockActions.js

@@ -0,0 +1,41 @@
+// Generated by HTML Next 1.0.0-alpha.51 for Vanilla DOM. Do not edit.
+import { attachGeneratedController, buildTemplate, toAttribute, writeAttribute, dispatchDeclared, detailCheck, formatOf, keywordFormat, acceptProps, manageProps, checkConstrained, checkFormat, checkObject, checkString } from "@nextwebwg/html-next/generated-runtime";
+import * as controller from "../components/ui-editor-block-actions/ui-editor-block-actions.js";
+import "../styles/ui-editor-block-actions.css";
+
+const T0 = ["",[],["ui-menu",["aria-label","Block actions"],["ui-menu-item",["value","insert-below"],"Insert paragraph below"],["ui-menu-item",["value","duplicate"],"Duplicate block"],["ui-menu-item",["value","delete"],"Delete block"]]];
+let P0;
+const S = { n: [], t: [], f: import.meta.url, g: "ui-editor-block-actions", d: { "action": [detailCheck(checkObject([["action", checkConstrained(checkFormat("keyword", keywordFormat), "keyword", {"values":["insert-below","duplicate","delete"]}), false]], false)), true, true, false] }, x: dispatchDeclared };
+const D = { props: { "for": { "required":false,"default":"", c: checkString, t: "string", j: 0, m: "s" }, "placement": { "required":false,"values":["bottom-start","top-start"],"default":"bottom-start", c: checkFormat("keyword", keywordFormat), t: "keyword", j: 0, m: ["p",formatOf(keywordFormat),false] } } };
+const C = (host) => controller.default(host);
+
+export function createUiEditorBlockActions(options = {}, html) {
+  const { attributes = {}, children = [], slots = {}, ...componentProps } = options;
+  const element = document.createElement("div");
+  for (const [name, value] of Object.entries(attributes)) {
+    if (value === null || value === undefined || value === false) continue;
+    element.setAttribute(name, value === true ? "" : String(value));
+  }
+  element.setAttribute("data-component", "ui-editor-block-actions");
+  element.append((P0 ??= buildTemplate(T0)).cloneNode(true));
+  const v = [null, null];
+  const B = acceptProps(element, D, S.n, v, componentProps, [], html);
+  const p0 = (r, c, d) => {
+    if (c & 1) {
+      const x0 = v[0];
+      const s0 = toAttribute(x0, "for");
+      if (s0 !== r.v0) writeAttribute(r.a0, "for", r.v0 = s0);
+    }
+    if (c & 1073741826) {
+      const x1 = v[1];
+      const s1 = toAttribute(x1, "placement");
+      if (s1 !== r.v1) writeAttribute(r.a0, "placement", r.v1 = s1);
+    }
+  };
+  const t0 = element.firstChild;
+  const R = { a0: t0, v0: null, v1: null };
+  const I = { B };
+  attachGeneratedController(element, S, v, ((c, d) => p0(R, c, d)), C, undefined, I);
+  manageProps(I);
+  return element;
+}

package/vanilla/UiEditorImageToolbar.js

@@ -3,7 +3,7 @@ import { attachGeneratedController, buildTemplate, NONCONFORMING, readIndex, tex
 import * as controller from "../components/ui-editor-image-toolbar/ui-editor-image-toolbar.js";
 import "../styles/ui-editor-image-toolbar.css";
 
-const T0 = ["",[],["ui-text",["as","div","font","sans"],["ui-editor-toolbar",["aria-label","Image actions"],["ui-icon-button",["label","Image in line","size","sm","data-image-placement","block"],["ui-icon",["name","panel-top","size","sm"]]],["ui-icon-button",["label","Center image","size","sm","data-image-placement","center"],["ui-icon",["name","align-center","size","sm"]]],["ui-icon-button",["label","Wrap text to the right","size","sm","data-image-placement","wrap-left"],["ui-icon",["name","panel-left","size","sm"]]],["ui-icon-button",["label","Wrap text to the left","size","sm","data-image-placement","wrap-right"],["ui-icon",["name","panel-right","size","sm"]]],["ui-icon-button",["label","Image description","size","sm","variant","ghost"],["ui-icon",["name","file-text","size","sm"]]],["ui-icon-button",["label","Delete image","size","sm","variant","ghost","data-image-action","delete"],["ui-icon",["name","trash","size","sm"]]]],["ui-tooltip",[],"Image in line"],["ui-tooltip",[],"Center image"],["ui-tooltip",[],"Wrap text to the right"],["ui-tooltip",[],"Wrap text to the left"],["ui-tooltip",[],"Image description"],["ui-tooltip",[],"Delete image"],["ui-popover",["data-image-description","","size","sm","aria-label","Image description"],["form",["aria-label","Image description"],["ui-stack",["gap","s"],["ui-form-field",[],["label",["slot","label"],"Alt text"],["ui-input",["data-image-alt","","size","sm"]]],["ui-text",["size","xs","tone","secondary"],"Describe the image for people using a screen reader."],["ui-cluster",["justify","end","gap","xs"],["ui-button",["type","button","variant","ghost","tone","neutral","size","sm","data-image-action","cancel"],"Cancel"],["ui-button",["type","submit","variant","solid","size","sm"],"Save"]]]]]]];
+const T0 = ["",[],["ui-text",["as","div","font","sans"],["ui-editor-toolbar",["aria-label","Image actions"],["ui-icon-button",["label","Image in line","size","sm","data-image-placement","block"],["ui-icon",["name","panel-top"]]],["ui-icon-button",["label","Center image","size","sm","data-image-placement","center"],["ui-icon",["name","align-center"]]],["ui-icon-button",["label","Wrap text to the right","size","sm","data-image-placement","wrap-left"],["ui-icon",["name","panel-left"]]],["ui-icon-button",["label","Wrap text to the left","size","sm","data-image-placement","wrap-right"],["ui-icon",["name","panel-right"]]],["ui-icon-button",["label","Image description","size","sm","variant","ghost"],["ui-icon",["name","file-text"]]],["ui-icon-button",["label","Delete image","size","sm","variant","ghost","data-image-action","delete"],["ui-icon",["name","trash"]]]],["ui-tooltip",[],"Image in line"],["ui-tooltip",[],"Center image"],["ui-tooltip",[],"Wrap text to the right"],["ui-tooltip",[],"Wrap text to the left"],["ui-tooltip",[],"Image description"],["ui-tooltip",[],"Delete image"],["ui-popover",["data-image-description","","size","sm","aria-label","Image description"],["form",["aria-label","Image description"],["ui-stack",["gap","s"],["ui-form-field",[],["label",["slot","label"],"Alt text"],["ui-input",["data-image-alt","","size","sm"]]],["ui-text",["size","xs","tone","secondary"],"Describe the image for people using a screen reader."],["ui-cluster",["justify","end","gap","xs"],["ui-button",["type","button","variant","ghost","tone","neutral","size","sm","data-image-action","cancel"],"Cancel"],["ui-button",["type","submit","variant","solid","size","sm"],"Save"]]]]]]];
 let P0;
 const S = { n: ["base","describing","draft"], t: ["s","b","s"], f: import.meta.url, g: "ui-editor-image-toolbar", d: { "placement": [detailCheck(checkObject([["placement", checkConstrained(checkFormat("keyword", keywordFormat), "keyword", {"values":["block","center","wrap-left","wrap-right"]}), false]], false)), true, true, false], "describe": [detailCheck(checkObject([["alt", checkString, false]], false)), true, true, false], "delete": [detailCheck(checkRecord(checkUnknown)), true, true, false] }, x: dispatchDeclared };
 const D = { props: { "alt": { "required":false,"default":"", c: checkString, t: "string", j: 0, m: "s" }, "placement": { "required":false,"values":["block","center","wrap-left","wrap-right"],"default":"block", c: checkFormat("keyword", keywordFormat), t: "keyword", j: 0, m: ["p",formatOf(keywordFormat),false] }, "target": { "required":false,"default":"", c: checkString, t: "string", j: 0, m: "s" } } };

package/vanilla/UiEditorLinkCard.d.ts

@@ -0,0 +1,20 @@
+// Generated by HTML Next 1.0.0-alpha.51 for Vanilla DOM. Do not edit.
+export interface UiEditorLinkCardEventMap {
+  edit: CustomEvent<Readonly<Record<string, unknown>>>;
+  remove: CustomEvent<Readonly<Record<string, unknown>>>;
+}
+export interface UiEditorLinkCardElement extends HTMLDivElement {
+  addEventListener<K extends keyof UiEditorLinkCardEventMap>(type: K, listener: (this: UiEditorLinkCardElement, event: UiEditorLinkCardEventMap[K]) => unknown, options?: boolean | AddEventListenerOptions): void;
+  removeEventListener<K extends keyof UiEditorLinkCardEventMap>(type: K, listener: (this: UiEditorLinkCardElement, event: UiEditorLinkCardEventMap[K]) => unknown, options?: boolean | EventListenerOptions): void;
+}
+export interface UiEditorLinkCardProps {
+  detail?: string | null;
+  href?: string | null;
+  label?: string | null;
+  openHref?: string | null;
+  targetLabel?: string | null;
+  attributes?: Readonly<Record<string, string | number | boolean | null | undefined>>;
+  children?: readonly (string | Node)[];
+  slots?: Readonly<Record<string, readonly (string | Node)[]>>;
+}
+export declare function createUiEditorLinkCard(props?: UiEditorLinkCardProps): UiEditorLinkCardElement;

package/vanilla/UiEditorLinkCard.js

@@ -0,0 +1,153 @@
+// Generated by HTML Next 1.0.0-alpha.51 for Vanilla DOM. Do not edit.
+import { attachGeneratedController, buildTemplate, clearRegion, NONCONFORMING, readIndex, textCall, toAttribute, toText, writeAttribute, writeUrlAttribute, computedCycle, dispatchDeclared, detailCheck, acceptProps, manageProps, readonlyView, checkRecord, checkString, checkUnknown } from "@nextwebwg/html-next/generated-runtime";
+import * as controller from "../components/ui-editor-link-card/ui-editor-link-card.js";
+import "../styles/ui-editor-link-card.css";
+
+const T0 = ["",[],["ui-card",["variant","elevated","padding","xs","size","content"],["ui-cluster",["gap","xs","wrap","nowrap","role","group","aria-label","Link actions"],["ui-icon",[]],["ui-stack",["gap","none"],["ui-text",["as","strong","size","sm","weight","medium","font","sans","wrap","anywhere"],0],1],1,["ui-icon-button",["label","Edit link","variant","ghost","size","sm","data-link-action","edit"],["ui-icon",["name","pencil"]]],["ui-tooltip",[],"Edit link"],["ui-icon-button",["label","Remove link","variant","ghost","size","sm","data-link-action","remove"],["ui-icon",["name","unlink"]]],["ui-tooltip",[],"Remove link"]]]];
+const T1 = ["ui-text",["as","small","size","xs","tone","secondary","font","sans"],0];
+const T2 = ["",[],["ui-button",["as","a","variant","ghost","tone","neutral","size","sm","target","_blank","rel","noopener noreferrer","aria-label","Open link"],["ui-cluster",["gap","xs","wrap","nowrap"],["ui-icon",["name","external-link"]],"Open link"]],["ui-tooltip",[],"Open link"]];
+let P0, P1, P2;
+const S = { n: ["base","resolved","shown"], t: ["s","?","?"], f: import.meta.url, g: "ui-editor-link-card", k: 1, d: { "edit": [detailCheck(checkRecord(checkUnknown)), true, true, false], "remove": [detailCheck(checkRecord(checkUnknown)), true, true, false] }, x: dispatchDeclared, r: readonlyView };
+const D = { props: { "detail": { "required":false,"default":"", c: checkString, t: "string", j: 0, m: "s" }, "href": { "required":false,"default":"", c: checkString, t: "string", j: 0, m: "s" }, "label": { "required":false,"default":"", c: checkString, t: "string", j: 0, m: "s" }, "openHref": { "required":false,"default":"", c: checkString, t: "string", j: 0, m: "s" }, "targetLabel": { "required":false,"default":"Item", c: checkString, t: "string", j: 0, m: "s" } } };
+const C = (host) => controller.default(host);
+
+export function createUiEditorLinkCard(options = {}, html) {
+  const { attributes = {}, children = [], slots = {}, ...componentProps } = options;
+  const element = document.createElement("div");
+  for (const [name, value] of Object.entries(attributes)) {
+    if (value === null || value === undefined || value === false) continue;
+    element.setAttribute(name, value === true ? "" : String(value));
+  }
+  element.setAttribute("data-component", "ui-editor-link-card");
+  element.append((P0 ??= buildTemplate(T0)).cloneNode(true));
+  const v = ["ui-editor-link-card", undefined, undefined, 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 = [() => (v[5] !== ""), () => readIndex({ "true": v[5], "false": v[4] }, textCall("concat", [g(1)]))];
+  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 r = { n, a0: t0, v0: "" };
+    p1(r, -1, d);
+    return r;
+  };
+  const p1 = (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 m2 = (d) => {
+    const n = (P2 ??= buildTemplate(T2)).cloneNode(true);
+    const t0 = n.firstChild;
+    const t1 = t0.nextSibling;
+    const r = { n, a0: t0, a1: t1, v0: null, v1: null, v2: null };
+    p2(r, -1, d);
+    return r;
+  };
+  const p2 = (r, c, d) => {
+    if (c & 1) {
+      const x0 = textCall("concat", [v[0], "-open"]);
+      if (x0 !== NONCONFORMING) {
+        const s0 = toAttribute(x0, "id");
+        if (s0 !== r.v0) writeAttribute(r.a0, "id", r.v0 = s0);
+      }
+      if (x0 !== NONCONFORMING) {
+        const s2 = toAttribute(x0, "for");
+        if (s2 !== r.v2) writeAttribute(r.a1, "for", r.v2 = s2);
+      }
+    }
+    if (c & 64) {
+      const x1 = v[6];
+      const s1 = toAttribute(x1, "href");
+      if (s1 !== r.v1) writeUrlAttribute(r.a0, "href", r.v1 = s1);
+    }
+  };
+  const p0 = (r, c, d) => {
+    if (c & 1073741856) {
+      const x0 = readIndex({ "true": "file-text", "false": "link" }, textCall("concat", [g(1)]));
+      if (x0 !== NONCONFORMING) {
+        const s0 = toAttribute(x0, "name");
+        if (s0 !== r.v0) writeAttribute(r.a0, "name", r.v0 = s0);
+      }
+    }
+    if (c & 16) {
+      const x1 = v[4];
+      const s1 = toAttribute(x1, "title");
+      if (s1 !== r.v1) writeAttribute(r.a1, "title", r.v1 = s1);
+    }
+    if (c & 1073742000) {
+      const x2 = textCall("concat", [readIndex({ "true": v[7], "false": "URL" }, textCall("concat", [g(1)])), ": ", g(2)]);
+      if (x2 !== NONCONFORMING) {
+        const s2 = toAttribute(x2, "aria-label");
+        if (s2 !== r.v2) writeAttribute(r.a1, "aria-label", r.v2 = s2);
+      }
+    }
+    if (c & 1073741872) {
+      const x3 = g(2);
+      if (x3 !== NONCONFORMING) {
+        const s3 = toText(x3);
+        if (s3 !== r.v3) r.a2.data = r.v3 = s3;
+      }
+    }
+    if (c & 1) {
+      const x4 = textCall("concat", [v[0], "-edit"]);
+      if (x4 !== NONCONFORMING) {
+        const s4 = toAttribute(x4, "id");
+        if (s4 !== r.v4) writeAttribute(r.a5, "id", r.v4 = s4);
+      }
+      if (x4 !== NONCONFORMING) {
+        const s5 = toAttribute(x4, "for");
+        if (s5 !== r.v5) writeAttribute(r.a6, "for", r.v5 = s5);
+      }
+      const x5 = textCall("concat", [v[0], "-remove"]);
+      if (x5 !== NONCONFORMING) {
+        const s6 = toAttribute(x5, "id");
+        if (s6 !== r.v6) writeAttribute(r.a7, "id", r.v6 = s6);
+      }
+      if (x5 !== NONCONFORMING) {
+        const s7 = toAttribute(x5, "for");
+        if (s7 !== r.v7) writeAttribute(r.a8, "for", r.v7 = s7);
+      }
+    }
+    if (c & 8 && !((v[3] !== "")) !== !r.b0) {
+      if (r.b0) { r.b0 = undefined; clearRegion(r.a3, 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 & 64 && !((v[6] !== "")) !== !r.b1) {
+      if (r.b1) { r.b1 = undefined; clearRegion(r.a4, r.e1); }
+      else { r.b1 = m2(d); r.e1.before(r.b1.n); }
+    } else if (r.b1 !== undefined) p2(r.b1, c, d);
+  };
+  const t0 = element.firstChild.firstChild;
+  const t1 = t0.firstChild;
+  const t2 = t1.nextSibling;
+  const t3 = t2.firstChild;
+  const t4 = t3.firstChild;
+  const t5 = t3.nextSibling;
+  const t6 = t2.nextSibling;
+  const t7 = t6.nextSibling.nextSibling;
+  const t8 = t7.nextSibling;
+  const t9 = t8.nextSibling;
+  const t10 = t9.nextSibling;
+  const R = { a0: t1, a1: t2, a2: t4, a5: t7, a6: t8, a7: t9, a8: t10, v0: null, v1: null, v2: null, v3: "", v4: null, v5: null, v6: null, v7: null, a3: t5, e0: t5.nextSibling, b0: undefined, a4: t6, e1: t6.nextSibling, b1: 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,10 @@ 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 "./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 };