@godxjp/ui 31.13.0 → 31.15.0

package/dist/components/data-display/timeline.js

@@ -5,7 +5,9 @@ import { Check, CheckCircle2, Plane } from "lucide-react";
 const SR_PREFIX_KEY = {
   done: "dataDisplay.timeline.statusDone",
   current: "dataDisplay.timeline.statusCurrent",
-  pending: "dataDisplay.timeline.statusPending"
+  pending: "dataDisplay.timeline.statusPending",
+  // A log entry carries no status semantics (antd's items have no prefix at all), gh#1092.
+  log: null
 };
 function resolveStatus(item) {
   if (item.status) {
@@ -27,6 +29,8 @@ function Timeline({ items, variant = "icon", density = "default" }) {
     if (item.icon) {
       const Icon = item.icon;
       glyph = /* @__PURE__ */ jsx(Icon, { "aria-hidden": "true" });
+    } else if (status === "log" && variant !== "ordinal") {
+      glyph = /* @__PURE__ */ jsx("span", { className: "ui-timeline-pip", "aria-hidden": "true" });
     } else if (variant === "ordinal") {
       glyph = /* @__PURE__ */ jsx("span", { className: "ui-timeline-ordinal", children: ordinal });
     } else if (variant === "status") {
@@ -69,7 +73,7 @@ function Timeline({ items, variant = "icon", density = "default" }) {
           /* @__PURE__ */ jsxs("div", { className: "ui-timeline-body", children: [
             /* @__PURE__ */ jsxs("div", { className: "ui-timeline-head", children: [
               /* @__PURE__ */ jsxs("span", { className: "ui-timeline-title", "data-current": isCurrent ? "true" : void 0, children: [
-                /* @__PURE__ */ jsx("span", { className: "sr-only", children: t(SR_PREFIX_KEY[status]) }),
+                SR_PREFIX_KEY[status] ? /* @__PURE__ */ jsx("span", { className: "sr-only", children: t(SR_PREFIX_KEY[status]) }) : null,
                 item.title
               ] }),
               item.time ? /* @__PURE__ */ jsx("span", { className: "ui-timeline-time", children: item.time }) : null

package/dist/components/data-display/tree.d.ts

@@ -1,6 +1,6 @@
 import * as React from "react";
 import type { TreeProp } from "../../props/components/data-display.prop.js";
-export type { TreeNodeProp, TreeProp, TreeProp as TreeProps, } from "../../props/components/data-display.prop.js";
+export type { TreeAllowDropInfoProp, TreeDropInfoProp, TreeDropPositionProp, TreeNodeProp, TreeProp, TreeProp as TreeProps, } from "../../props/components/data-display.prop.js";
 /**
  * `ref` reaches the `role="tree"` container — the element a page scrolls to, measures, or
  * focus-manages. Every unknown prop (`aria-*`, `data-*`) rides `...ariaProps` onto the same node.

package/dist/components/data-display/tree.js

@@ -71,6 +71,10 @@ function TreeRoot({
   showLine = false,
   showIcon = false,
   divided = false,
+  draggable = false,
+  allowDrag,
+  allowDrop,
+  onDrop,
   variant = "default",
   size = "md",
   disabled = false,
@@ -82,6 +86,7 @@ function TreeRoot({
   const { t } = useTranslation();
   const reactId = React.useId();
   const treeId = id ?? `${reactId}-tree`;
+  const dragHintId = `${treeId}-drag-hint`;
   const options = React.useMemo(
     () => normalizeTreeOptions(treeData, fieldNames),
     [treeData, fieldNames]
@@ -166,6 +171,92 @@ function TreeRoot({
       if (node) requestLoadRef.current(node);
     }
   }, [expandedSet, loadData, nodesByValue, requestLoadRef]);
+  const parentOf = React.useMemo(() => {
+    const map = /* @__PURE__ */ new Map();
+    const walk = (list, parent) => {
+      for (const node of list) {
+        map.set(node.value, parent);
+        if (node.children?.length) walk(node.children, node);
+      }
+    };
+    walk(options, null);
+    return map;
+  }, [options]);
+  const isDraggable = draggable && !disabled;
+  const canDrag = (node) => isDraggable && !node.disabled && (allowDrag ? allowDrag(node) : true);
+  const canDrop = (dragNode, dropNode, dropPosition) => {
+    for (let cursor = dropNode; cursor; ) {
+      if (cursor.value === dragNode.value) return false;
+      cursor = parentOf.get(cursor.value);
+    }
+    return allowDrop ? allowDrop({
+      dragNode,
+      dropNode,
+      dropPosition
+    }) : true;
+  };
+  const dragRef = React.useRef(null);
+  const [dragValue, setDragValue] = React.useState(null);
+  const [dropTarget, setDropTarget] = React.useState(null);
+  const [moveAnnouncement, setMoveAnnouncement] = React.useState("");
+  const commitDrop = (dragNode, dropNode, dropPosition) => {
+    onDrop?.({
+      dragNode,
+      node: dropNode,
+      dropPosition,
+      dropToGap: dropPosition !== 0
+    });
+    const key = dropPosition === -1 ? "dataDisplay.tree.movedBefore" : dropPosition === 1 ? "dataDisplay.tree.movedAfter" : "dataDisplay.tree.movedInside";
+    setMoveAnnouncement(
+      t(key, { node: reactNodeText(dragNode.label), target: reactNodeText(dropNode.label) })
+    );
+  };
+  const dropPositionAt = (event) => {
+    const rect = event.currentTarget.getBoundingClientRect();
+    if (rect.height <= 0) return 0;
+    const offset = (event.clientY - rect.top) / rect.height;
+    if (offset < 0.25) return -1;
+    if (offset > 0.75) return 1;
+    return 0;
+  };
+  const clearDrag = () => {
+    dragRef.current = null;
+    setDragValue(null);
+    setDropTarget(null);
+  };
+  const keyboardMove = (node, direction) => {
+    const parent = parentOf.get(node.value) ?? null;
+    const siblings = parent ? parent.children ?? [] : options;
+    const position = siblings.findIndex((entry) => entry.value === node.value);
+    let target;
+    let dropPosition;
+    if (direction === "up") {
+      target = siblings[position - 1];
+      dropPosition = -1;
+    } else if (direction === "down") {
+      target = siblings[position + 1];
+      dropPosition = 1;
+    } else if (direction === "out") {
+      target = parent;
+      dropPosition = 1;
+    } else {
+      const previous = siblings[position - 1];
+      const lastChild = previous?.children?.[previous.children.length - 1];
+      target = lastChild ?? previous;
+      dropPosition = lastChild ? 1 : 0;
+    }
+    if (!target || !canDrag(node) || !canDrop(node, target, dropPosition)) {
+      setMoveAnnouncement(t("dataDisplay.tree.moveRefused", { node: reactNodeText(node.label) }));
+      return;
+    }
+    if (direction === "in") {
+      const host = dropPosition === 0 ? target : siblings[position - 1];
+      if (host && !expandedSet.has(host.value)) commitExpanded([...expanded, host.value]);
+    }
+    commitDrop(node, target, dropPosition);
+    setActiveValue(node.value);
+    pendingFocus.current = node.value;
+  };
   const visible = flattenVisibleTree(options, expandedSet);
   const visibleIndex = new Map(visible.map((entry, index) => [entry.node.value, index]));
   const [activeValue, setActiveValue] = React.useState(null);
@@ -300,6 +391,14 @@ function TreeRoot({
     const rtl = isRtl(event.currentTarget);
     const inward = rtl ? "ArrowLeft" : "ArrowRight";
     const outward = rtl ? "ArrowRight" : "ArrowLeft";
+    if (isDraggable && event.altKey && (event.key === "ArrowUp" || event.key === "ArrowDown" || event.key === inward || event.key === outward)) {
+      event.preventDefault();
+      keyboardMove(
+        node,
+        event.key === "ArrowUp" ? "up" : event.key === "ArrowDown" ? "down" : event.key === inward ? "in" : "out"
+      );
+      return;
+    }
     if (event.key === "ArrowDown") {
       event.preventDefault();
       moveTo(index + 1);
@@ -366,6 +465,8 @@ function TreeRoot({
     const checkState = checkableProp ? checkStateOf(node) : "unchecked";
     const nodeDisabled = disabled || Boolean(node.disabled);
     const labelId = `${treeId}-${node.value}-label`;
+    const nodeDraggable = canDrag(node);
+    const dropHere = dropTarget?.value === node.value ? dropTarget.position : void 0;
     const glyph = node.icon ?? (variant === "directory" ? hasChildren ? isOpen ? /* @__PURE__ */ jsx(FolderOpen, {}) : /* @__PURE__ */ jsx(Folder, {}) : /* @__PURE__ */ jsx(FileIcon, {}) : null);
     return /* @__PURE__ */ jsxs(
       "div",
@@ -395,6 +496,47 @@ function TreeRoot({
         "data-selected": isSelected ? "true" : void 0,
         "data-disabled": nodeDisabled ? "" : void 0,
         "data-filter-node": isFilterMatch ? "true" : void 0,
+        draggable: nodeDraggable || void 0,
+        "data-dragging": dragValue === node.value ? "true" : void 0,
+        "data-drop-position": dropHere === void 0 ? void 0 : dropHere === -1 ? "before" : dropHere === 1 ? "after" : "inside",
+        onDragStart: isDraggable ? (event) => {
+          if (!nodeDraggable) {
+            event.preventDefault();
+            return;
+          }
+          event.dataTransfer.effectAllowed = "move";
+          event.dataTransfer.setData("text/plain", node.value);
+          dragRef.current = node.value;
+          setDragValue(node.value);
+        } : void 0,
+        onDragOver: isDraggable ? (event) => {
+          const dragged = dragRef.current === null ? void 0 : nodesByValue.get(dragRef.current);
+          if (!dragged) return;
+          const position = dropPositionAt(event);
+          if (!canDrop(dragged, node, position)) {
+            if (dropTarget) setDropTarget(null);
+            return;
+          }
+          event.preventDefault();
+          event.dataTransfer.dropEffect = "move";
+          if (dropTarget?.value !== node.value || dropTarget.position !== position) {
+            setDropTarget({ value: node.value, position });
+          }
+        } : void 0,
+        onDragLeave: isDraggable ? (event) => {
+          if (event.currentTarget.contains(event.relatedTarget)) return;
+          if (dropTarget?.value === node.value) setDropTarget(null);
+        } : void 0,
+        onDrop: isDraggable ? (event) => {
+          event.preventDefault();
+          const dragged = dragRef.current === null ? void 0 : nodesByValue.get(dragRef.current);
+          const position = dropPositionAt(event);
+          if (dragged && canDrop(dragged, node, position)) {
+            commitDrop(dragged, node, position);
+          }
+          clearDrag();
+        } : void 0,
+        onDragEnd: isDraggable ? clearDrag : void 0,
         className: "ui-tree-node ui-focus-ring",
         style: { "--tree-node-level": depth },
         children: [
@@ -549,6 +691,7 @@ function TreeRoot({
       "div",
       {
         ...ariaProps,
+        "aria-describedby": isDraggable ? [ariaProps["aria-describedby"], dragHintId].filter(Boolean).join(" ") : ariaProps["aria-describedby"],
         ref: mergeRefs(forwardedRef, treeRef),
         id: treeId,
         role: "tree",
@@ -602,6 +745,10 @@ function TreeRoot({
         ]
       }
     ),
+    isDraggable ? /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("span", { id: dragHintId, className: "sr-only", children: t("dataDisplay.tree.dragHint") }),
+      /* @__PURE__ */ jsx("span", { role: "status", "aria-live": "polite", className: "sr-only", children: moveAnnouncement })
+    ] }) : null,
     isEmpty ? /* @__PURE__ */ jsx("p", { role: "status", className: "ui-tree-empty", children: t("dataDisplay.tree.empty") }) : null
   ] });
 }

package/dist/contracts/measurement.json

@@ -1,6 +1,6 @@
 {
   "$comment": "AUTO-GENERATED by scripts/gen-measurement-contract.mjs — do not edit. Read this instead of guessing: docs/MEASUREMENT-CONTRACT.md.",
-  "version": "31.13.0",
+  "version": "31.15.0",
   "targetSize": {
     "standard": "WCAG 2.2 SC 2.5.8 Target Size (Minimum), level AA — 24×24 CSS px",
     "min": 24,

package/dist/i18n/messages/en.json

@@ -364,7 +364,12 @@
       "loading": "Loading child nodes…",
       "empty": "Nothing to show",
       "selected": "Selected",
-      "filterMatch": "Matches the filter"
+      "filterMatch": "Matches the filter",
+      "dragHint": "Alt plus arrow keys move the focused item: up and down past a sibling, left to outdent, right to indent.",
+      "movedBefore": "{node} moved before {target}",
+      "movedAfter": "{node} moved after {target}",
+      "movedInside": "{node} moved into {target}",
+      "moveRefused": "{node} cannot move there"
     },
     "thoughtChain": {
       "label": "Reasoning steps",

package/dist/i18n/messages/ja.json

@@ -357,7 +357,12 @@
       "loading": "子ノードを読み込み中…",
       "empty": "表示する項目がありません",
       "selected": "選択中",
-      "filterMatch": "フィルターに一致"
+      "filterMatch": "フィルターに一致",
+      "dragHint": "Alt キーと矢印キーでフォーカス中の項目を移動します。上下で兄弟の前後へ、左で階層を上げ、右で階層を下げます。",
+      "movedBefore": "{node} を {target} の前に移動しました",
+      "movedAfter": "{node} を {target} の後に移動しました",
+      "movedInside": "{node} を {target} の中に移動しました",
+      "moveRefused": "{node} はそこへ移動できません"
     },
     "thoughtChain": {
       "label": "思考の手順",

package/dist/i18n/messages/vi.json

@@ -358,7 +358,12 @@
       "loading": "Đang tải nút con…",
       "empty": "Không có gì để hiển thị",
       "selected": "Đã chọn",
-      "filterMatch": "Khớp bộ lọc"
+      "filterMatch": "Khớp bộ lọc",
+      "dragHint": "Alt cùng phím mũi tên di chuyển mục đang chọn: lên và xuống qua mục ngang hàng, trái để lùi cấp, phải để thụt cấp.",
+      "movedBefore": "Đã chuyển {node} lên trước {target}",
+      "movedAfter": "Đã chuyển {node} xuống sau {target}",
+      "movedInside": "Đã chuyển {node} vào trong {target}",
+      "moveRefused": "Không thể chuyển {node} tới đó"
     },
     "thoughtChain": {
       "label": "Các bước suy luận",

package/dist/props/components/data-display.prop.d.ts

@@ -711,6 +711,29 @@ export type TreeNodeProp = TreeOptionProp & {
  * `checkedValues`/`defaultCheckedValues`/`onCheckedValuesChange`.
  * @see docs/roadmap/tree-components.md §3
  */
+/**
+ * Where a drop lands relative to `node` (gh#1093): `-1` in the gap BEFORE it, `0` INSIDE it (the
+ * dragged node becomes its child), `1` in the gap AFTER it. antd's `onDrop` reports an absolute
+ * index and every antd demo subtracts the node's position back out to get exactly this number, so
+ * the relative form is what a consumer needs.
+ */
+export type TreeDropPositionProp = -1 | 0 | 1;
+/** `allowDrop` argument (antd `allowDrop({ dragNode, dropNode, dropPosition })`). */
+export type TreeAllowDropInfoProp = {
+    dragNode: TreeNodeProp;
+    dropNode: TreeNodeProp;
+    dropPosition: TreeDropPositionProp;
+};
+/** `onDrop` argument (antd `onDrop({ dragNode, node, dropPosition, dropToGap })`). */
+export type TreeDropInfoProp = {
+    /** The node being moved. */
+    dragNode: TreeNodeProp;
+    /** The node it was dropped on or beside. */
+    node: TreeNodeProp;
+    dropPosition: TreeDropPositionProp;
+    /** `true` when it lands in a gap (becomes a SIBLING of `node`), `false` when it lands inside. */
+    dropToGap: boolean;
+};
 export type TreeProp = {
     /** The hierarchy (antd `treeData`). Use `fieldNames` to remap keys off an API response. */
     treeData: readonly TreeNodeProp[];
@@ -781,6 +804,21 @@ export type TreeProp = {
      * capability; see docs/DESIGN-AUTHORITY.md.
      */
     divided?: boolean;
+    /**
+     * Let the reader move nodes by dragging (antd `draggable`, gh#1093): drop on the upper or lower
+     * quarter of a row to land in the gap before / after it, on the middle to file it inside. The
+     * tree never mutates `treeData` — it reports the move through `onDrop` and the consumer persists
+     * it. Keyboard equivalent (WCAG 2.5.7): Alt+↑ / Alt+↓ move past the previous / next sibling,
+     * Alt+← outdents (after its parent), Alt+→ indents (into the previous sibling); each move is
+     * announced through a live region. A node is never dropped into itself or its own subtree.
+     */
+    draggable?: boolean;
+    /** Per-node drag gate (antd `draggable.nodeDraggable`). Disabled nodes never drag. */
+    allowDrag?: (node: TreeNodeProp) => boolean;
+    /** Per-target drop gate (antd `allowDrop`). Asked for pointer AND keyboard moves. */
+    allowDrop?: (info: TreeAllowDropInfoProp) => boolean;
+    /** A move the reader committed (antd `onDrop`). Update `treeData` here. */
+    onDrop?: (info: TreeDropInfoProp) => void;
     /** Draw each node's `icon` (antd `showIcon`). `variant="directory"` supplies folder/file glyphs. */
     showIcon?: boolean;
     /** `directory` is antd's `<DirectoryTree>`: folder/file glyphs and a full-row selected band. */
@@ -793,7 +831,8 @@ export type TreeProp = {
     id?: IdProp;
     /** Accessible name of the `role="tree"` container. Required unless `aria-labelledby` is given. */
     "aria-label"?: string;
-    "aria-labelledby"?: string;
+    "aria-labelledby"?: string; /** Extra description ids; a `draggable` tree appends its own keyboard-move hint. */
+    "aria-describedby"?: string;
 };
 /**
  * @see ChatBubble — which side of the conversation the message sits on. LOGICAL, not physical:
@@ -1251,8 +1290,35 @@ export type ImageProp = Omit<React.ImgHTMLAttributes<HTMLImageElement>, "alt" |
     placeholder?: React.ReactNode | boolean;
     /** `false` = a plain picture, not clickable, not in its group. Default `true`. */
     preview?: boolean | ImagePreviewConfigProp;
+    /**
+     * antd Image `width`: the frame's inline size (number = px, or any CSS length). The picture
+     * fills it; with no `height` its block size follows the picture's ratio. Also set on the `<img>`.
+     */
+    width?: number | string;
+    /**
+     * antd Image `height`: the frame's block size (number = px, or any CSS length). A fixed height
+     * crops the picture to fill (`fit` defaults to `cover`). Also set on the `<img>`.
+     */
+    height?: number | string;
+    /**
+     * A thumbnail frame on the `Thumbnail` height scale (`--thumbnail-block-size-sm`, `…-size`,
+     * `…-size-lg`: 64 / 96 / 160px) at `--thumbnail-width-ratio` (4 / 3). godx extension — antd has only
+     * `width`/`height`, which override the preset's side they name.
+     */
+    size?: ImageSizeProp;
+    /** How the picture fills a fixed frame (`object-fit`). Default `cover` once the height is fixed. */
+    fit?: ImageFitProp;
+    /**
+     * Text under the picture, held to the picture's width, so a long file name truncates instead of
+     * widening the tile. Renders a `<figure>` with a `<figcaption>`. godx extension.
+     */
+    caption?: React.ReactNode;
     className?: ClassNameProp;
 };
+/** `Image` thumbnail frame preset — the `Thumbnail` height scale. */
+export type ImageSizeProp = Extract<SizeProp, "sm" | "md" | "lg">;
+/** `Image` `fit` — the picture's `object-fit` inside a fixed frame. */
+export type ImageFitProp = "cover" | "contain";
 /**
  * @see ImagePreviewGroup — pages the preview across a set of pictures (antd `Image.PreviewGroup`).
  *

package/dist/props/registry.d.ts

@@ -3165,6 +3165,49 @@ export declare const COMPONENT_PROP_REGISTRY: {
             readonly reason: "The node's own child nodes — the hierarchy itself, not a slot.";
         }];
     };
+    readonly TreeDropPositionProp: {
+        readonly group: "data-display";
+        readonly file: "components/data-display.prop.ts";
+        readonly vocabulary: readonly [];
+    };
+    readonly TreeAllowDropInfoProp: {
+        readonly group: "data-display";
+        readonly file: "components/data-display.prop.ts";
+        readonly vocabulary: readonly [{
+            readonly field: "dragNode";
+            readonly local: true;
+            readonly reason: "antd `allowDrop` argument: the node being moved (gh#1093).";
+        }, {
+            readonly field: "dropNode";
+            readonly local: true;
+            readonly reason: "antd `allowDrop` argument: the node it would land on or beside.";
+        }, {
+            readonly field: "dropPosition";
+            readonly local: true;
+            readonly reason: "antd `allowDrop` argument: -1 before, 0 inside, 1 after.";
+        }];
+    };
+    readonly TreeDropInfoProp: {
+        readonly group: "data-display";
+        readonly file: "components/data-display.prop.ts";
+        readonly vocabulary: readonly [{
+            readonly field: "dragNode";
+            readonly local: true;
+            readonly reason: "antd `onDrop` info: the node being moved (gh#1093).";
+        }, {
+            readonly field: "node";
+            readonly local: true;
+            readonly reason: "antd `onDrop` info: the node it landed on or beside.";
+        }, {
+            readonly field: "dropPosition";
+            readonly local: true;
+            readonly reason: "antd `onDrop` info, relative: -1 before, 0 inside, 1 after.";
+        }, {
+            readonly field: "dropToGap";
+            readonly local: true;
+            readonly reason: "antd `onDrop` info: true when it lands as a sibling, false inside.";
+        }];
+    };
     readonly TreeProp: {
         readonly group: "data-display";
         readonly file: "components/data-display.prop.ts";
@@ -4065,6 +4108,16 @@ export declare const COMPONENT_PROP_REGISTRY: {
             readonly reason: "antd PreviewGroup `preview.onChange(current, prevCurrent)`, kept verbatim.";
         }];
     };
+    readonly ImageSizeProp: {
+        readonly group: "data-display";
+        readonly file: "components/data-display.prop.ts";
+        readonly vocabulary: readonly ["SizeProp"];
+    };
+    readonly ImageFitProp: {
+        readonly group: "data-display";
+        readonly file: "components/data-display.prop.ts";
+        readonly vocabulary: readonly [];
+    };
     readonly ImageProp: {
         readonly group: "data-display";
         readonly file: "components/data-display.prop.ts";
@@ -4084,6 +4137,22 @@ export declare const COMPONENT_PROP_REGISTRY: {
             readonly field: "preview";
             readonly local: true;
             readonly reason: "antd Image `preview: boolean | PreviewType` — opt-out or configure the preview.";
+        }, "SizeProp", {
+            readonly field: "width";
+            readonly local: true;
+            readonly reason: "antd Image `width` — the frame's inline size.";
+        }, {
+            readonly field: "height";
+            readonly local: true;
+            readonly reason: "antd Image `height` — the frame's block size.";
+        }, {
+            readonly field: "fit";
+            readonly local: true;
+            readonly reason: "CSS `object-fit` of the picture in a fixed frame.";
+        }, {
+            readonly field: "caption";
+            readonly local: true;
+            readonly reason: "A figcaption held to the picture's width (godx extension).";
         }];
     };
     readonly ImagePreviewGroupProp: {

package/dist/props/registry.js

@@ -3751,6 +3751,58 @@ const COMPONENT_PROP_REGISTRY = {
       }
     ]
   },
+  TreeDropPositionProp: {
+    group: "data-display",
+    file: "components/data-display.prop.ts",
+    vocabulary: []
+  },
+  TreeAllowDropInfoProp: {
+    group: "data-display",
+    file: "components/data-display.prop.ts",
+    vocabulary: [
+      {
+        field: "dragNode",
+        local: true,
+        reason: "antd `allowDrop` argument: the node being moved (gh#1093)."
+      },
+      {
+        field: "dropNode",
+        local: true,
+        reason: "antd `allowDrop` argument: the node it would land on or beside."
+      },
+      {
+        field: "dropPosition",
+        local: true,
+        reason: "antd `allowDrop` argument: -1 before, 0 inside, 1 after."
+      }
+    ]
+  },
+  TreeDropInfoProp: {
+    group: "data-display",
+    file: "components/data-display.prop.ts",
+    vocabulary: [
+      {
+        field: "dragNode",
+        local: true,
+        reason: "antd `onDrop` info: the node being moved (gh#1093)."
+      },
+      {
+        field: "node",
+        local: true,
+        reason: "antd `onDrop` info: the node it landed on or beside."
+      },
+      {
+        field: "dropPosition",
+        local: true,
+        reason: "antd `onDrop` info, relative: -1 before, 0 inside, 1 after."
+      },
+      {
+        field: "dropToGap",
+        local: true,
+        reason: "antd `onDrop` info: true when it lands as a sibling, false inside."
+      }
+    ]
+  },
   TreeProp: {
     group: "data-display",
     file: "components/data-display.prop.ts",
@@ -4920,6 +4972,16 @@ const COMPONENT_PROP_REGISTRY = {
       }
     ]
   },
+  ImageSizeProp: {
+    group: "data-display",
+    file: "components/data-display.prop.ts",
+    vocabulary: ["SizeProp"]
+  },
+  ImageFitProp: {
+    group: "data-display",
+    file: "components/data-display.prop.ts",
+    vocabulary: []
+  },
   ImageProp: {
     group: "data-display",
     file: "components/data-display.prop.ts",
@@ -4937,6 +4999,15 @@ const COMPONENT_PROP_REGISTRY = {
         field: "preview",
         local: true,
         reason: "antd Image `preview: boolean | PreviewType` \u2014 opt-out or configure the preview."
+      },
+      "SizeProp",
+      { field: "width", local: true, reason: "antd Image `width` \u2014 the frame's inline size." },
+      { field: "height", local: true, reason: "antd Image `height` \u2014 the frame's block size." },
+      { field: "fit", local: true, reason: "CSS `object-fit` of the picture in a fixed frame." },
+      {
+        field: "caption",
+        local: true,
+        reason: "A figcaption held to the picture's width (godx extension)."
       }
     ]
   },