alinea 2.0.0-preview.0 → 2.0.0-preview.2

package/dist/field/link/LinkField.view.js

@@ -9,14 +9,14 @@ import {
 import {
   atom
 } from "../../chunks/chunk-Y7XOMJOC.js";
-import "../../chunks/chunk-IWN3T3FL.js";
+import "../../chunks/chunk-O7XWTMCB.js";
 import "../../chunks/chunk-RKDPDEF7.js";
 import "../../chunks/chunk-SJBZFMQ2.js";
 import {
   $5d3a17cc2564e64f$export$905ab40ac2179daa,
   $74812c42150b3de8$export$7941f8aafa4b6021,
   $f302ef02e940a6f8$export$ccdee5eaf73cf661
-} from "../../chunks/chunk-YK3OSMDM.js";
+} from "../../chunks/chunk-S4AU6SRS.js";
 import {
   dist_default
 } from "../../chunks/chunk-I4OYYAX5.js";
@@ -27,6 +27,7 @@ import {
   Button,
   DialogTrigger,
   Icon,
+  Label,
   List,
   ListCreateRow,
   ListDragPreview,
@@ -88,52 +89,56 @@ import { Fragment, useMemo, useRef, useState } from "react";
 
 // src/field/link/LinkField.module.css
 var LinkField_default = {
-  "LinkFieldView-previewImagePlaceholder": "alinea-LinkFieldView-previewImagePlaceholder",
-  "LinkFieldViewPreviewImagePlaceholder": "alinea-LinkFieldView-previewImagePlaceholder",
-  "LinkFieldView-skeleton-pulse": "alinea-LinkFieldView-skeleton-pulse",
-  "LinkFieldViewSkeletonPulse": "alinea-LinkFieldView-skeleton-pulse",
-  "LinkFieldView-title": "alinea-LinkFieldView-title",
-  "LinkFieldViewTitle": "alinea-LinkFieldView-title",
-  "LinkFieldView-metaLabel": "alinea-LinkFieldView-metaLabel",
-  "LinkFieldViewMetaLabel": "alinea-LinkFieldView-metaLabel",
-  "LinkFieldView-meta": "alinea-LinkFieldView-meta",
-  "LinkFieldViewMeta": "alinea-LinkFieldView-meta",
-  "LinkFieldView-anchorOption": "alinea-LinkFieldView-anchorOption",
-  "LinkFieldViewAnchorOption": "alinea-LinkFieldView-anchorOption",
+  "LinkFieldView-anchorOption-location": "alinea-LinkFieldView-anchorOption-location",
+  "LinkFieldViewAnchorOptionLocation": "alinea-LinkFieldView-anchorOption-location",
+  "is-loading": "alinea-is-loading",
+  "isLoading": "alinea-is-loading",
+  "LinkFieldView-inputHeader": "alinea-LinkFieldView-inputHeader",
+  "LinkFieldViewInputHeader": "alinea-LinkFieldView-inputHeader",
   "LinkFieldView-labelText": "alinea-LinkFieldView-labelText",
   "LinkFieldViewLabelText": "alinea-LinkFieldView-labelText",
-  "is-missing": "alinea-is-missing",
-  "isMissing": "alinea-is-missing",
-  "LinkFieldView-type": "alinea-LinkFieldView-type",
-  "LinkFieldViewType": "alinea-LinkFieldView-type",
-  "is-wide": "alinea-is-wide",
-  "isWide": "alinea-is-wide",
-  "LinkFieldView-previewImage": "alinea-LinkFieldView-previewImage",
-  "LinkFieldViewPreviewImage": "alinea-LinkFieldView-previewImage",
-  "LinkFieldView-rowDropTarget": "alinea-LinkFieldView-rowDropTarget",
-  "LinkFieldViewRowDropTarget": "alinea-LinkFieldView-rowDropTarget",
+  "LinkFieldView-title": "alinea-LinkFieldView-title",
+  "LinkFieldViewTitle": "alinea-LinkFieldView-title",
   "LinkFieldView-anchorOption-label": "alinea-LinkFieldView-anchorOption-label",
   "LinkFieldViewAnchorOptionLabel": "alinea-LinkFieldView-anchorOption-label",
-  "LinkFieldView-dropIndicator": "alinea-LinkFieldView-dropIndicator",
-  "LinkFieldViewDropIndicator": "alinea-LinkFieldView-dropIndicator",
-  "LinkFieldView-icon": "alinea-LinkFieldView-icon",
-  "LinkFieldViewIcon": "alinea-LinkFieldView-icon",
-  "LinkFieldView-imagePlaceholder": "alinea-LinkFieldView-imagePlaceholder",
-  "LinkFieldViewImagePlaceholder": "alinea-LinkFieldView-imagePlaceholder",
-  "LinkFieldView-anchorOption-location": "alinea-LinkFieldView-anchorOption-location",
-  "LinkFieldViewAnchorOptionLocation": "alinea-LinkFieldView-anchorOption-location",
+  "LinkFieldView-skeleton": "alinea-LinkFieldView-skeleton",
+  "LinkFieldViewSkeleton": "alinea-LinkFieldView-skeleton",
   "LinkFieldView-label": "alinea-LinkFieldView-label",
   "LinkFieldViewLabel": "alinea-LinkFieldView-label",
+  "LinkFieldView-previewImage": "alinea-LinkFieldView-previewImage",
+  "LinkFieldViewPreviewImage": "alinea-LinkFieldView-previewImage",
+  "is-wide": "alinea-is-wide",
+  "isWide": "alinea-is-wide",
   "LinkFieldView-create": "alinea-LinkFieldView-create",
   "LinkFieldViewCreate": "alinea-LinkFieldView-create",
+  "LinkFieldView-createButton": "alinea-LinkFieldView-createButton",
+  "LinkFieldViewCreateButton": "alinea-LinkFieldView-createButton",
+  "LinkFieldView-type": "alinea-LinkFieldView-type",
+  "LinkFieldViewType": "alinea-LinkFieldView-type",
+  "LinkFieldView-dropIndicator": "alinea-LinkFieldView-dropIndicator",
+  "LinkFieldViewDropIndicator": "alinea-LinkFieldView-dropIndicator",
+  "is-missing": "alinea-is-missing",
+  "isMissing": "alinea-is-missing",
   "LinkFieldView-image": "alinea-LinkFieldView-image",
   "LinkFieldViewImage": "alinea-LinkFieldView-image",
-  "LinkFieldView-skeleton": "alinea-LinkFieldView-skeleton",
-  "LinkFieldViewSkeleton": "alinea-LinkFieldView-skeleton",
-  "is-loading": "alinea-is-loading",
-  "isLoading": "alinea-is-loading",
-  "LinkFieldView-createButton": "alinea-LinkFieldView-createButton",
-  "LinkFieldViewCreateButton": "alinea-LinkFieldView-createButton"
+  "LinkFieldView-skeleton-pulse": "alinea-LinkFieldView-skeleton-pulse",
+  "LinkFieldViewSkeletonPulse": "alinea-LinkFieldView-skeleton-pulse",
+  "LinkFieldView-meta": "alinea-LinkFieldView-meta",
+  "LinkFieldViewMeta": "alinea-LinkFieldView-meta",
+  "LinkFieldView-previewImagePlaceholder": "alinea-LinkFieldView-previewImagePlaceholder",
+  "LinkFieldViewPreviewImagePlaceholder": "alinea-LinkFieldView-previewImagePlaceholder",
+  "LinkFieldView-icon": "alinea-LinkFieldView-icon",
+  "LinkFieldViewIcon": "alinea-LinkFieldView-icon",
+  "LinkFieldView-imagePlaceholder": "alinea-LinkFieldView-imagePlaceholder",
+  "LinkFieldViewImagePlaceholder": "alinea-LinkFieldView-imagePlaceholder",
+  "LinkFieldView-anchorOption": "alinea-LinkFieldView-anchorOption",
+  "LinkFieldViewAnchorOption": "alinea-LinkFieldView-anchorOption",
+  "LinkFieldView-rowDropTarget": "alinea-LinkFieldView-rowDropTarget",
+  "LinkFieldViewRowDropTarget": "alinea-LinkFieldView-rowDropTarget",
+  "LinkFieldView-metaLabel": "alinea-LinkFieldView-metaLabel",
+  "LinkFieldViewMetaLabel": "alinea-LinkFieldView-metaLabel",
+  "LinkFieldView-rowAction": "alinea-LinkFieldView-rowAction",
+  "LinkFieldViewRowAction": "alinea-LinkFieldView-rowAction"
 };
 
 // src/field/link/LinkField.view.tsx
@@ -394,7 +399,7 @@ function LinkPickerAction({
   const handlesMultiple = Boolean(onPickMany && picker.handlesMultiple);
   const pickerProps = {
     condition,
-    initialView: type === "file" ? "row" : void 0,
+    initialView: type === "file" || type === "image" ? "card" : void 0,
     initialResultMode: entryPickerResultMode(
       type,
       condition,
@@ -512,7 +517,7 @@ function LinkPickerDialog({
   const handlesMultiple = Boolean(onPickMany && picker.handlesMultiple);
   const pickerProps = {
     condition,
-    initialView: type === "file" ? "row" : void 0,
+    initialView: type === "file" || type === "image" ? "card" : void 0,
     initialResultMode: entryPickerResultMode(
       type,
       condition,
@@ -591,7 +596,8 @@ function entryPickerSearchScope(condition, location, enableNavigation, type) {
   return condition && !location && enableNavigation !== true ? "everything" : "workspace";
 }
 function entryPickerResultMode(type, condition, enableNavigation, pickChildren) {
-  return pickChildren || type !== "image" && condition && enableNavigation !== true ? "matches" : "browse";
+  if (type === "file" || type === "image") return "browse";
+  return pickChildren || condition && enableNavigation !== true ? "matches" : "browse";
 }
 function externalLinkValue(value) {
   if (value?.[Reference.type] !== "url") return void 0;
@@ -780,7 +786,7 @@ function EntryLinkSuffixField({
     }
   );
 }
-function EntryAnchorField({ node, value }) {
+function EntryAnchorField({ isDisabled, node, value }) {
   const anchor = useAtomValue(node.field("_anchor"));
   const setAnchor = useSetAtom(node.field("_anchor"));
   if (value[Reference.type] !== "entry") return null;
@@ -789,6 +795,7 @@ function EntryAnchorField({ node, value }) {
     {
       anchor,
       entryId: value._entry,
+      isDisabled,
       onChange: setAnchor
     }
   );
@@ -804,6 +811,7 @@ function EntryAnchorBadge({ node, value }) {
 function EntryAnchorFieldInner({
   anchor,
   entryId,
+  isDisabled,
   onChange
 }) {
   const state = useLinkEntryState(entryId);
@@ -811,6 +819,7 @@ function EntryAnchorFieldInner({
   return /* @__PURE__ */ jsx(
     Select,
     {
+      isDisabled: isDisabled || anchors.length === 0,
       items: anchors,
       label: "Anchor",
       onChange: (next) => onChange(next === null ? void 0 : String(next)),
@@ -1040,64 +1049,84 @@ function SingleLinkRow({ field, node, value }) {
   function removeLink() {
     setValue(void 0);
   }
+  const rowContent = /* @__PURE__ */ jsxs(Fragment2, { children: [
+    imagePreviewEntryId && /* @__PURE__ */ jsx(EntryLinkImagePreview, { entryId: imagePreviewEntryId }),
+    /* @__PURE__ */ jsx(ListRowDrag, { children: /* @__PURE__ */ jsxs(ListRowBadges, { children: [
+      /* @__PURE__ */ jsx(
+        LinkTypeBadge,
+        {
+          className: styles.LinkFieldView.type(),
+          picker,
+          type,
+          value
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        LinkMetaLabel,
+        {
+          className: styles.LinkFieldView.metaLabel(),
+          node,
+          value
+        }
+      ),
+      /* @__PURE__ */ jsx(EntryAnchorBadge, { node, value })
+    ] }) })
+  ] });
   return /* @__PURE__ */ jsxs(Fragment2, { children: [
     /* @__PURE__ */ jsxs(ListRow, { "aria-label": "Link item 1", first: true, role: "listitem", children: [
-      /* @__PURE__ */ jsxs(ListRowHeader, { first: true, hasFold: false, children: [
-        imagePreviewEntryId && /* @__PURE__ */ jsx(EntryLinkImagePreview, { entryId: imagePreviewEntryId }),
-        /* @__PURE__ */ jsx(ListRowDrag, { children: /* @__PURE__ */ jsxs(ListRowBadges, { children: [
-          /* @__PURE__ */ jsx(
-            LinkTypeBadge,
-            {
-              className: styles.LinkFieldView.type(),
-              picker,
-              type,
-              value
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            LinkMetaLabel,
-            {
-              className: styles.LinkFieldView.metaLabel(),
-              node,
-              value
-            }
-          ),
-          /* @__PURE__ */ jsx(EntryAnchorBadge, { node, value })
-        ] }) }),
-        !options.readOnly && /* @__PURE__ */ jsxs(ListRowActions, { children: [
-          /* @__PURE__ */ jsxs(DialogTrigger, { isOpen: actionsOpen, onOpenChange: setActionsOpen, children: [
-            /* @__PURE__ */ jsx(LinkSettingsButton, {}),
-            /* @__PURE__ */ jsxs(Popover, { placement: "bottom right", children: [
-              /* @__PURE__ */ jsxs(ListRowSettings, { children: [
-                /* @__PURE__ */ jsx(LinkLabelField, { node, value }),
-                /* @__PURE__ */ jsx(EntryAnchorField, { node, value }),
-                /* @__PURE__ */ jsx(EntryLinkSuffixField, { node, value })
+      /* @__PURE__ */ jsxs(
+        ListRowHeader,
+        {
+          first: true,
+          hasFold: false,
+          className: styles.LinkFieldView.inputHeader(),
+          children: [
+            options.readOnly ? rowContent : /* @__PURE__ */ jsx(
+              Button,
+              {
+                "aria-label": "Edit link",
+                appearance: "plain",
+                className: styles.LinkFieldView.rowAction(),
+                onPress: () => setActionsOpen(true),
+                children: rowContent
+              }
+            ),
+            !options.readOnly && /* @__PURE__ */ jsxs(ListRowActions, { children: [
+              /* @__PURE__ */ jsxs(DialogTrigger, { isOpen: actionsOpen, onOpenChange: setActionsOpen, children: [
+                /* @__PURE__ */ jsx(LinkSettingsButton, {}),
+                /* @__PURE__ */ jsxs(Popover, { placement: "bottom right", children: [
+                  /* @__PURE__ */ jsx(ListRowSettings, { actions: true, children: /* @__PURE__ */ jsx(
+                    LinkRowActions,
+                    {
+                      closeActions,
+                      onEdit: () => setEditOpen(true),
+                      picker,
+                      type,
+                      value
+                    }
+                  ) }),
+                  /* @__PURE__ */ jsx(MenuSeparator, {}),
+                  /* @__PURE__ */ jsxs(ListRowSettings, { children: [
+                    /* @__PURE__ */ jsx(LinkLabelField, { node, value }),
+                    /* @__PURE__ */ jsx(EntryAnchorField, { node, value }),
+                    /* @__PURE__ */ jsx(EntryLinkSuffixField, { node, value })
+                  ] })
+                ] })
               ] }),
-              /* @__PURE__ */ jsx(MenuSeparator, {}),
-              /* @__PURE__ */ jsx(ListRowSettings, { actions: true, children: /* @__PURE__ */ jsx(
-                LinkRowActions,
+              /* @__PURE__ */ jsx(
+                Button,
                 {
-                  closeActions,
-                  onEdit: () => setEditOpen(true),
-                  picker,
-                  type,
-                  value
+                  appearance: "plain",
+                  "aria-label": "Remove link",
+                  icon: IcRoundClose,
+                  onPress: removeLink,
+                  size: "icon-small"
                 }
-              ) })
+              )
             ] })
-          ] }),
-          /* @__PURE__ */ jsx(
-            Button,
-            {
-              appearance: "plain",
-              "aria-label": "Remove link",
-              icon: IcRoundClose,
-              onPress: removeLink,
-              size: "icon-small"
-            }
-          )
-        ] })
-      ] }),
+          ]
+        }
+      ),
       hasFields && /* @__PURE__ */ jsx(ListRowBody, { children: /* @__PURE__ */ jsx(LinkRowEditor, { node, picker }) })
     ] }),
     picker && /* @__PURE__ */ jsx(
@@ -1247,6 +1276,18 @@ function MultipleLinkRow({
                   /* @__PURE__ */ jsxs(DialogTrigger, { isOpen: actionsOpen, onOpenChange: setActionsOpen, children: [
                     /* @__PURE__ */ jsx(LinkSettingsButton, {}),
                     /* @__PURE__ */ jsxs(Popover, { placement: "bottom right", children: [
+                      /* @__PURE__ */ jsx(ListRowSettings, { actions: true, children: /* @__PURE__ */ jsx(
+                        LinkRowActions,
+                        {
+                          closeActions,
+                          isDisabled: readOnly,
+                          onEdit: () => setEditOpen(true),
+                          picker,
+                          type,
+                          value
+                        }
+                      ) }),
+                      /* @__PURE__ */ jsx(MenuSeparator, {}),
                       /* @__PURE__ */ jsxs(ListRowSettings, { children: [
                         /* @__PURE__ */ jsx(
                           LinkLabelField,
@@ -1256,7 +1297,14 @@ function MultipleLinkRow({
                             value
                           }
                         ),
-                        /* @__PURE__ */ jsx(EntryAnchorField, { node, value }),
+                        /* @__PURE__ */ jsx(
+                          EntryAnchorField,
+                          {
+                            isDisabled: readOnly,
+                            node,
+                            value
+                          }
+                        ),
                         /* @__PURE__ */ jsx(
                           EntryLinkSuffixField,
                           {
@@ -1265,19 +1313,7 @@ function MultipleLinkRow({
                             value
                           }
                         )
-                      ] }),
-                      /* @__PURE__ */ jsx(MenuSeparator, {}),
-                      /* @__PURE__ */ jsx(ListRowSettings, { actions: true, children: /* @__PURE__ */ jsx(
-                        LinkRowActions,
-                        {
-                          closeActions,
-                          isDisabled: readOnly,
-                          onEdit: () => setEditOpen(true),
-                          picker,
-                          type,
-                          value
-                        }
-                      ) })
+                      ] })
                     ] })
                   ] }),
                   /* @__PURE__ */ jsx(
@@ -1345,8 +1381,6 @@ function SingleLinkFieldView({ field }) {
   const isEmpty = nodeIsEmpty || !selectedValue;
   const hasRows = Boolean(selectedValue);
   const readOnly = Boolean(options.readOnly);
-  const selectedPicker = selectedValue ? options.pickers[getPickerType(selectedValue[Reference.type])] : void 0;
-  const showFold = Boolean(selectedPicker?.fields);
   const content = (hasRows || !readOnly) && /* @__PURE__ */ jsxs(List, { "aria-label": options.label || "Link", children: [
     selectedValue && /* @__PURE__ */ jsx(
       SingleLinkRow,
@@ -1356,25 +1390,18 @@ function SingleLinkFieldView({ field }) {
         value: selectedValue
       }
     ),
-    isEmpty && !readOnly && /* @__PURE__ */ jsx(ListCreateRow, { empty: true, children: /* @__PURE__ */ jsx(SingleLinkCreateActions, { field }) })
-  ] });
-  return /* @__PURE__ */ jsxs(Fragment2, { children: [
-    /* @__PURE__ */ jsx(
-      ListLabel,
-      {
-        "aria-label": hasRows ? "Link selected" : "No link selected",
-        expanded: true,
-        hasRows,
-        isDisabled: true,
-        description: options.help,
-        shared: options.shared,
-        showFold,
-        inline: options.inline,
-        children: options.label
-      }
-    ),
-    content
+    isEmpty && !readOnly && /* @__PURE__ */ jsx(ListCreateRow, { empty: true, className: styles.LinkFieldView.inputHeader(), children: /* @__PURE__ */ jsx(SingleLinkCreateActions, { field }) })
   ] });
+  return /* @__PURE__ */ jsx(
+    Label,
+    {
+      description: options.help,
+      label: options.inline ? void 0 : options.label,
+      isRequired: options.required,
+      shared: options.shared,
+      children: content
+    }
+  );
 }
 function MultipleLinksFieldView({ field }) {
   const [value] = useField(field);

package/dist/field/list/ListField.view.js

@@ -14,20 +14,20 @@ import {
   $928221da08ecbc62$export$41f133550aa26f48,
   $928221da08ecbc62$export$a11e76429ed99b4,
   $f2ff30fde7b014be$export$d2f961adcb0afbe
-} from "../../chunks/chunk-I7X64JTZ.js";
+} from "../../chunks/chunk-VXZM6V4P.js";
 import {
   $ef182bb9912241d8$export$3274cf84b703fff
-} from "../../chunks/chunk-IWN3T3FL.js";
+} from "../../chunks/chunk-O7XWTMCB.js";
 import "../../chunks/chunk-RKDPDEF7.js";
-import "../../chunks/chunk-JFROOUG6.js";
-import "../../chunks/chunk-SJBZFMQ2.js";
+import "../../chunks/chunk-NIVGVRDS.js";
 import "../../chunks/chunk-IYAQC63Y.js";
-import "../../chunks/chunk-LUBOGJCG.js";
+import "../../chunks/chunk-SJBZFMQ2.js";
+import "../../chunks/chunk-6V4TAD2N.js";
 import {
   $5d3a17cc2564e64f$export$905ab40ac2179daa,
   $74812c42150b3de8$export$7941f8aafa4b6021,
   $f302ef02e940a6f8$export$ccdee5eaf73cf661
-} from "../../chunks/chunk-YK3OSMDM.js";
+} from "../../chunks/chunk-S4AU6SRS.js";
 import "../../chunks/chunk-AC4U3IMS.js";
 import {
   dist_default
@@ -51,7 +51,6 @@ import {
   ListRowBody,
   ListRowDrag,
   ListRowDragHandle,
-  ListRowFooter,
   ListRowHeader,
   ListRowMeta,
   ListRowSettings,
@@ -65,7 +64,6 @@ import { getType } from "alinea/core/Internal";
 import { Type } from "alinea/core/Type";
 import { slugify } from "alinea/core/util/Slugs";
 import { Badge } from "alinea/dashboard/app/Badge";
-import { CompactRecordFields } from "alinea/dashboard/app/CompactField";
 import { NodeEditor } from "alinea/dashboard/app/EntryFields";
 import {
   useFieldError,
@@ -96,27 +94,27 @@ import {
 
 // src/field/list/ListField.module.css
 var ListField_default = {
-  "ListFieldTypePicker-dialog": "alinea-ListFieldTypePicker-dialog",
-  "ListFieldTypePickerDialog": "alinea-ListFieldTypePicker-dialog",
-  "ListFieldTypePicker-list": "alinea-ListFieldTypePicker-list",
-  "ListFieldTypePickerList": "alinea-ListFieldTypePicker-list",
   "ListFieldTypePicker-item": "alinea-ListFieldTypePicker-item",
   "ListFieldTypePickerItem": "alinea-ListFieldTypePicker-item",
-  "ListFieldTypePicker-popover": "alinea-ListFieldTypePicker-popover",
-  "ListFieldTypePickerPopover": "alinea-ListFieldTypePicker-popover",
-  "ListFieldCreateActions": "alinea-ListFieldCreateActions",
-  "ListFieldTypePicker-empty": "alinea-ListFieldTypePicker-empty",
-  "ListFieldTypePickerEmpty": "alinea-ListFieldTypePicker-empty",
-  "ListFieldCreateActions-button": "alinea-ListFieldCreateActions-button",
-  "ListFieldCreateActionsButton": "alinea-ListFieldCreateActions-button",
   "ListFieldView-insertAction": "alinea-ListFieldView-insertAction",
   "ListFieldViewInsertAction": "alinea-ListFieldView-insertAction",
-  "ListFieldView-rowDropTarget": "alinea-ListFieldView-rowDropTarget",
-  "ListFieldViewRowDropTarget": "alinea-ListFieldView-rowDropTarget",
+  "ListFieldTypePicker-list": "alinea-ListFieldTypePicker-list",
+  "ListFieldTypePickerList": "alinea-ListFieldTypePicker-list",
   "ListFieldView-dropIndicator": "alinea-ListFieldView-dropIndicator",
   "ListFieldViewDropIndicator": "alinea-ListFieldView-dropIndicator",
+  "ListFieldCreateActions-button": "alinea-ListFieldCreateActions-button",
+  "ListFieldCreateActionsButton": "alinea-ListFieldCreateActions-button",
+  "ListFieldView-rowDropTarget": "alinea-ListFieldView-rowDropTarget",
+  "ListFieldViewRowDropTarget": "alinea-ListFieldView-rowDropTarget",
+  "ListFieldTypePicker-empty": "alinea-ListFieldTypePicker-empty",
+  "ListFieldTypePickerEmpty": "alinea-ListFieldTypePicker-empty",
+  "ListFieldTypePicker-popover": "alinea-ListFieldTypePicker-popover",
+  "ListFieldTypePickerPopover": "alinea-ListFieldTypePicker-popover",
   "ListFieldTypePicker-trigger": "alinea-ListFieldTypePicker-trigger",
   "ListFieldTypePickerTrigger": "alinea-ListFieldTypePicker-trigger",
+  "ListFieldCreateActions": "alinea-ListFieldCreateActions",
+  "ListFieldTypePicker-dialog": "alinea-ListFieldTypePicker-dialog",
+  "ListFieldTypePickerDialog": "alinea-ListFieldTypePicker-dialog",
   "ListFieldTypePicker-search": "alinea-ListFieldTypePicker-search",
   "ListFieldTypePickerSearch": "alinea-ListFieldTypePicker-search"
 };
@@ -472,7 +470,6 @@ function ListFieldRow({
   const customLabelValue = useAtomValue(row.field("_label"));
   const anchorValue = useAtomValue(row.field("_anchor"));
   const customLabel = customLabelValue ?? "";
-  const value = useAtomValue(row.value);
   const setCustomLabel = useSetAtom(row.field("_label"));
   const setAnchor = useSetAtom(row.field("_anchor"));
   const moveListRow = useSetAtom(list.move);
@@ -576,22 +573,14 @@ function ListFieldRow({
                 onCustomLabelChange: updateCustomLabel,
                 onCopy: () => onCopyRow(itemId),
                 onDelete: deleteRow,
-                onInsertBefore: (value2) => addBetweenRow(value2, "before"),
-                onInsertAfter: (value2) => addBetweenRow(value2, "after"),
+                onInsertBefore: (value) => addBetweenRow(value, "before"),
+                onInsertAfter: (value) => addBetweenRow(value, "after"),
                 onMoveDown: () => moveCurrentRow(1),
                 onMoveUp: () => moveCurrentRow(-1),
                 onToggle: () => onToggleRow(itemId)
               }
             ),
-            expanded && /* @__PURE__ */ jsx(ListRowBody, { children: /* @__PURE__ */ jsx(NodeEditor, { node: row, type }) }),
-            !expanded && /* @__PURE__ */ jsx(ListRowFooter, { children: /* @__PURE__ */ jsx(
-              CompactRecordFields,
-              {
-                fields: Type.fields(type),
-                layout: "footer",
-                value
-              }
-            ) })
+            expanded && /* @__PURE__ */ jsx(ListRowBody, { children: /* @__PURE__ */ jsx(NodeEditor, { node: row, type }) })
           ]
         }
       )

package/dist/field/metadata/MetadataField.view.js

@@ -17,34 +17,34 @@ import { IcRoundPublic } from "alinea/dashboard/icons";
 
 // src/field/metadata/MetadataField.module.css
 var MetadataField_default = {
-  "OpenGraphPreview": "alinea-OpenGraphPreview",
-  "OpenGraphPreview-title": "alinea-OpenGraphPreview-title",
-  "OpenGraphPreviewTitle": "alinea-OpenGraphPreview-title",
-  "MetadataTimestampFieldView": "alinea-MetadataTimestampFieldView",
-  "MetadataUserFieldView-person": "alinea-MetadataUserFieldView-person",
-  "MetadataUserFieldViewPerson": "alinea-MetadataUserFieldView-person",
-  "MetadataUserFieldView-contact": "alinea-MetadataUserFieldView-contact",
-  "MetadataUserFieldViewContact": "alinea-MetadataUserFieldView-contact",
-  "OpenGraphPreview-content": "alinea-OpenGraphPreview-content",
-  "OpenGraphPreviewContent": "alinea-OpenGraphPreview-content",
-  "SearchEnginePreview": "alinea-SearchEnginePreview",
-  "MetadataUserFieldView": "alinea-MetadataUserFieldView",
-  "OpenGraphPreview-description": "alinea-OpenGraphPreview-description",
-  "OpenGraphPreviewDescription": "alinea-OpenGraphPreview-description",
-  "SearchEnginePreview-og": "alinea-SearchEnginePreview-og",
-  "SearchEnginePreviewOg": "alinea-SearchEnginePreview-og",
-  "OpenGraphPreview-image": "alinea-OpenGraphPreview-image",
-  "OpenGraphPreviewImage": "alinea-OpenGraphPreview-image",
   "OpenGraphPreview-site": "alinea-OpenGraphPreview-site",
   "OpenGraphPreviewSite": "alinea-OpenGraphPreview-site",
   "SearchEnginePreview-description": "alinea-SearchEnginePreview-description",
   "SearchEnginePreviewDescription": "alinea-SearchEnginePreview-description",
   "SearchEnginePreview-og-label-small": "alinea-SearchEnginePreview-og-label-small",
   "SearchEnginePreviewOgLabelSmall": "alinea-SearchEnginePreview-og-label-small",
+  "OpenGraphPreview": "alinea-OpenGraphPreview",
   "SearchEnginePreview-og-label": "alinea-SearchEnginePreview-og-label",
   "SearchEnginePreviewOgLabel": "alinea-SearchEnginePreview-og-label",
+  "MetadataUserFieldView-person": "alinea-MetadataUserFieldView-person",
+  "MetadataUserFieldViewPerson": "alinea-MetadataUserFieldView-person",
+  "OpenGraphPreview-description": "alinea-OpenGraphPreview-description",
+  "OpenGraphPreviewDescription": "alinea-OpenGraphPreview-description",
+  "OpenGraphPreview-content": "alinea-OpenGraphPreview-content",
+  "OpenGraphPreviewContent": "alinea-OpenGraphPreview-content",
+  "OpenGraphPreview-image": "alinea-OpenGraphPreview-image",
+  "OpenGraphPreviewImage": "alinea-OpenGraphPreview-image",
+  "MetadataUserFieldView-contact": "alinea-MetadataUserFieldView-contact",
+  "MetadataUserFieldViewContact": "alinea-MetadataUserFieldView-contact",
+  "MetadataUserFieldView": "alinea-MetadataUserFieldView",
+  "OpenGraphPreview-title": "alinea-OpenGraphPreview-title",
+  "OpenGraphPreviewTitle": "alinea-OpenGraphPreview-title",
   "SearchEnginePreview-link": "alinea-SearchEnginePreview-link",
-  "SearchEnginePreviewLink": "alinea-SearchEnginePreview-link"
+  "SearchEnginePreviewLink": "alinea-SearchEnginePreview-link",
+  "SearchEnginePreview": "alinea-SearchEnginePreview",
+  "SearchEnginePreview-og": "alinea-SearchEnginePreview-og",
+  "SearchEnginePreviewOg": "alinea-SearchEnginePreview-og",
+  "MetadataTimestampFieldView": "alinea-MetadataTimestampFieldView"
 };
 
 // src/field/metadata/MetadataField.view.tsx

package/dist/field/number/NumberField.d.ts

@@ -8,6 +8,8 @@ export interface NumberOptions extends FieldOptions<number | null> {
     help?: ReactNode;
     /** Display a minimal version */
     inline?: boolean;
+    /** Text displayed when the field is empty */
+    placeholder?: string;
     /** A minimum value */
     minValue?: number;
     /** A maximum value */

package/dist/field/number/NumberField.view.js

@@ -15,13 +15,15 @@ function NumberFieldView({ field }) {
       errorMessage: error,
       isDisabled: options.readOnly,
       isRequired: options.required,
-      label: options.label,
+      "aria-label": options.inline ? options.label : void 0,
+      label: options.inline ? void 0 : options.label,
+      placeholder: options.placeholder ?? (options.inline ? options.label : void 0),
       shared: options.shared,
       maxValue: options.maxValue,
       minValue: options.minValue,
       onChange: (next) => setValue(Number.isNaN(next) ? null : next),
       step: options.step || 1,
-      value: typeof value === "number" ? value : 0
+      value: typeof value === "number" ? value : Number.NaN
     }
   );
 }

package/dist/field/richtext/PickTextLink.d.ts

@@ -1,7 +1,9 @@
 import { Reference } from 'alinea/core/Reference';
 export interface PickerValue {
     link?: Reference;
+    alt?: string;
     description?: string;
+    src?: string;
     title?: string;
     blank?: boolean;
 }
@@ -12,9 +14,14 @@ export interface PickerOptions extends PickerValue {
 export interface PickTextLinkFunc {
     (options: Partial<PickerOptions>): Promise<PickerValue | undefined>;
 }
+export interface PickRichTextImageFunc {
+    (options: Partial<PickerOptions>): Promise<PickerValue | undefined>;
+}
 export interface PickTextLinkState {
     isOpen: boolean;
+    kind: 'image' | 'link';
     options: Partial<PickerOptions>;
+    pickImage: PickRichTextImageFunc;
     pickLink: PickTextLinkFunc;
     cancel: () => void;
     confirm: (value: PickerValue | undefined) => void;