@wssto2/vue-core 0.17.0 → 0.18.0

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # Changelog
 
+## 0.18.0 — 2026-11-06
+
+Forms and lists built from a schema at run time, for content whose fields are data (site-builder's content types). The `Dynamic*` pair generates fields and columns from a typed schema; it is not a page renderer.
+
+### New
+- **form:** `DynamicForm` (a form from a `FormSchema`: each field kind mapped to the existing field, `visible_when` hiding, `localeMode: "perField" | "form"`, go-core's 422 field messages), `RepeatField` (repeatable group of fields, reordered with buttons), `ResourceField` (one or several ids picked through `PickerModal` over an app-supplied `list`), `RichTextField` (Quill 2, optional peer `quill`, loaded on first mount; HTML string, no sanitising in the browser), `evaluateVisibility(rule, values)` and `isEmptyValue`, `buildValidator(schema, { zod })`, and the schema types (`FormSchema`, `SchemaField`, `FieldKind`, `VisibilityRule`, `VisibilityCondition`, `ResourceSource`). New texts `core.form.dynamic.*` in the five locales. Recipe: `docs/recipes/content-forms.md`.
+- **collection:** `DynamicCollection`: columns, sort and filters from a schema, on `defineCollection`/`CollectionPage`.
+- **test-data:** `test-data/content/visibility.json`, the `visible_when` cases shared with servers that evaluate the same rule (copy it, do not edit the copy).
+
+### Fixed
+- **collection:** `RowOf`, `SortOf`, `FilterOf` and `ViewOf` were `never` for every definition; they now infer from the definition, and runtime keys (`Row = Record<string, unknown>`) type-check.
+
 ## 0.17.0 — 2026-11-04
 
 What every app built on vue-core wrote again: the phase and to-do components, date values in the date fields' own shape, a lazy locale loader, the author of a list row, "today at 14:35", typed access, two architecture rules as data, and the Playwright and vitest setup. Breaking only in that `Platform.access` is now typed by the registered permissions (see Changed).

package/README.md

@@ -336,6 +336,7 @@ The library's own texts are under the `core` namespace in English, Croatian, Bos
 - [Shell](docs/recipes/shell.md): the default shell, contributions from features, keyboard shortcuts and their help, running inside a frame, a custom shell
 - [App setup](docs/recipes/app-setup.md): config, session, effects, locales and flags, permissions in the UI, error sentences, startup errors
 - [Forms](docs/recipes/forms.md): form state, fields, a record edited in group sheets, a long form, commands
+- [Forms and lists from a schema](docs/recipes/content-forms.md): `DynamicForm`, `RepeatField`, `ResourceField`, `RichTextField`, `buildValidator`, `DynamicCollection`, `visible_when`
 - [Typed routes](docs/recipes/typed-routes.md): generated routes, `client.request`, a list from a route
 - [Sign-in](docs/recipes/sign-in.md): go-core's identity module: the sign-in page, the session wiring, the language, the module's committed types, the dev server
 - [Users and profile](docs/recipes/users.md): the users list and a person's record, "my profile" with the e-mail change by code, opting out, extra sections, refusals

package/dist/collection/DynamicCollection.vue.d.ts

@@ -0,0 +1,69 @@
+import type { RouteLocationRaw } from "vue-router";
+import type { IconName } from "../icon";
+import type { PageAction } from "../page";
+import type { FormSchema } from "../form/dynamic/schema";
+import type { RowAction } from "./columns";
+import type { CollectionLoader, CollectionStateSource } from "./types";
+type Row = Record<string, unknown>;
+/**
+ * A list page generated from a typed schema: a column per listable field, sort on the fields the backend can order by, and a
+ * filter per select, boolean and date field, all from the same schema. It is `defineCollection` + `useCollection` +
+ * `CollectionPage` with `Row = Record<string, unknown>`; the loader is yours (it receives the query with those sort and filter keys).
+ *
+ *   <DynamicCollection id="content.news" :schema="schema" :load="api.entries" title="News" :record-route="(row) => `/news/${row.id}`" thumbnail="/media/{id}/thumb" />
+ *
+ * Cells: text, number, date and datetime as the standard kinds; boolean as a yes / no badge; select as a badge with the option's label;
+ * translated text in the current language; image as a picture from `thumbnail`. The first text field (or `titleField`) is the
+ * record's name and links to it. A `#cell-<key>` slot replaces any cell. The schema is read once, when the page is set up: key the
+ * component by the type to show another.
+ *
+ * Filters: a select offers its options, a boolean "yes" / "no" (the values `"true"` and `"false"`), a date the date presets.
+ */
+type __VLS_Props = {
+    schema: FormSchema;
+    /** The list's identity (saved views and logs use it). */
+    id: string;
+    load: CollectionLoader<Row, string, string, string>;
+    title: string;
+    description?: string;
+    icon?: IconName;
+    actions?: readonly PageAction[];
+    /** Where a row's record lives. */
+    recordRoute?: (row: Row) => RouteLocationRaw;
+    rowActions?: (row: Row) => RowAction[];
+    /** Default: the URL's query under `q`. */
+    state?: CollectionStateSource;
+    /** The field that names the record and links to it. Default: the first text field. */
+    titleField?: string;
+    /** The columns to show, in order. Default: every listable field of the schema. */
+    columns?: readonly string[];
+    /** A URL with `{id}` for the pictures of image fields. */
+    thumbnail?: string;
+    /** The language of translated text. Default: the interface's. */
+    locale?: string;
+};
+declare var __VLS_6: string, __VLS_7: {
+    [x: string]: unknown;
+};
+type __VLS_Slots = {} & {
+    [K in NonNullable<typeof __VLS_6>]?: (props: typeof __VLS_7) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    icon: IconName;
+    state: CollectionStateSource;
+    locale: string;
+    description: string;
+    actions: readonly PageAction[];
+    columns: readonly string[];
+    thumbnail: string;
+    rowActions: (row: Row) => RowAction[];
+    recordRoute: (row: Row) => RouteLocationRaw;
+    titleField: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/collection/definition.d.ts

@@ -81,7 +81,7 @@ export interface CollectionDefinition<Row, Sort extends string = string, Filter
  */
 export declare function defineCollection<Row, Sort extends string = string, Filter extends string = string, View extends string = string, Meta extends ListMeta = ListMeta>(input: CollectionDefinitionInput<Row, Sort, Filter, View, Meta>): CollectionDefinition<Row, Sort, Filter, View, Meta>;
 /** The row, sort keys, filter keys and views of a definition, for typing code written against it. */
-export type RowOf<D> = D extends CollectionDefinition<infer Row, string, string, string> ? Row : never;
-export type SortOf<D> = D extends CollectionDefinition<never, infer Sort, string, string> ? Sort : never;
-export type FilterOf<D> = D extends CollectionDefinition<never, string, infer Filter, string> ? Filter : never;
-export type ViewOf<D> = D extends CollectionDefinition<never, string, string, infer View> ? View : never;
+export type RowOf<D> = D extends CollectionDefinition<infer Row, infer _S, infer _F, infer _V, infer _M> ? Row : never;
+export type SortOf<D> = D extends CollectionDefinition<infer _R, infer Sort, infer _F, infer _V, infer _M> ? Sort : never;
+export type FilterOf<D> = D extends CollectionDefinition<infer _R, infer _S, infer Filter, infer _V, infer _M> ? Filter : never;
+export type ViewOf<D> = D extends CollectionDefinition<infer _R, infer _S, infer _F, infer View, infer _M> ? View : never;

package/dist/collection/dynamicColumns.d.ts

@@ -0,0 +1,13 @@
+import type { FormSchema, SchemaField } from "../form/dynamic/schema";
+import type { FilterDescriptor } from "./filters";
+/** The fields shown as columns: `only` (in its order), else every listable field of the schema. */
+export declare function listedFields(schema: FormSchema, only?: readonly string[]): SchemaField[];
+export declare const isSortable: (field: SchemaField) => boolean;
+export declare const isFilterable: (field: SchemaField) => boolean;
+/** The text of a cell value: a translated text (`{ hr, en }`) in `locale`, else the first language written; anything else as it is. */
+export declare function textOf(value: unknown, locale: string): string;
+/** What a select-like filter offers for a field; a boolean offers yes and no as "true" and "false". */
+export declare function optionsOf(field: SchemaField, labels: {
+    yes: string;
+    no: string;
+}): FilterDescriptor["options"];

package/dist/collection/index.d.ts

@@ -28,3 +28,4 @@ export type { CellSlots, CollectionSlots, RowsSlots } from "./slots";
 export { createPicker } from "./picker";
 export type { Picker, PickerOptions } from "./picker";
 export { default as PickerModal } from "./PickerModal.vue";
+export { default as DynamicCollection } from "./DynamicCollection.vue";

package/dist/collection/index.js

@@ -1,192 +1,241 @@
-import { D as Q, d as W, h as Y, l as ee, a as te, r as se, b as oe } from "../http-D6qOS6xs.js";
-import { _ as ae, a as ne, u as le } from "../CollectionPage.vue_vue_type_script_setup_true_lang-Dr6nFNBB.js";
-import { L as ce } from "../state-z1iPF1DT.js";
-import { a as ue, u as fe } from "../neighbors-Dg_LU9ry.js";
-import { r as p } from "../route-goWMxDUN.js";
-import { b as me, a as ve } from "../rowLayout-PIuD7MGo.js";
-import { _ as be } from "../DataTable.vue_vue_type_script_setup_true_lang-D372wlxR.js";
-import { defineComponent as x, openBlock as c, createElementBlock as u, Fragment as P, renderList as E, createBlock as w, unref as d, withCtx as y, normalizeClass as v, createVNode as _, createCommentVNode as g, shallowRef as S, useTemplateRef as T, watch as L, renderSlot as A } from "vue";
-import { _ as b } from "../Icon.vue_vue_type_script_lang-BhhsFYwp.js";
-import { _ as D } from "../Tooltip.vue_vue_type_script_setup_true_lang-C1C1qeBj.js";
-import { D as he, u as xe } from "../datePresets-DB13HHHd.js";
-import { _ as ye, h as ge } from "../Highlight.vue_vue_type_script_setup_true_lang-DZGBmwcX.js";
-import { useI18n as R } from "vue-i18n";
-import { _ as z } from "../Modal.vue_vue_type_script_setup_true_lang-CZ7WrDwu.js";
-function j(a, e) {
-  const i = a?.authors;
-  return e == null || !Array.isArray(i) ? null : i.find((s) => s.id === e) ?? null;
+import { d as H } from "../http-D6qOS6xs.js";
+import { D as Fe, h as $e, l as Ie, a as je, r as Ne, b as ze } from "../http-D6qOS6xs.js";
+import { u as J, _ as K } from "../CollectionPage.vue_vue_type_script_setup_true_lang-Dr6nFNBB.js";
+import { a as Ve } from "../CollectionPage.vue_vue_type_script_setup_true_lang-Dr6nFNBB.js";
+import { L as Be } from "../state-z1iPF1DT.js";
+import { a as Ge, u as He } from "../neighbors-Dg_LU9ry.js";
+import { r as x } from "../route-goWMxDUN.js";
+import { b as Ke, a as Xe } from "../rowLayout-PIuD7MGo.js";
+import { _ as Qe } from "../DataTable.vue_vue_type_script_setup_true_lang-D372wlxR.js";
+import { defineComponent as z, openBlock as c, createElementBlock as m, Fragment as S, renderList as g, createBlock as M, unref as k, withCtx as C, normalizeClass as O, createVNode as P, createCommentVNode as X, computed as v, useSlots as Z, createSlots as Q, renderSlot as W, normalizeProps as Y, guardReactiveProps as ee, toDisplayString as _ } from "vue";
+import { _ as R } from "../Icon.vue_vue_type_script_lang-BhhsFYwp.js";
+import { _ as te } from "../Tooltip.vue_vue_type_script_setup_true_lang-C1C1qeBj.js";
+import { u as ne } from "../datePresets-DB13HHHd.js";
+import { D as Ye } from "../datePresets-DB13HHHd.js";
+import { _ as tt, h as nt } from "../Highlight.vue_vue_type_script_setup_true_lang-DZGBmwcX.js";
+import { t as oe } from "../resources-BZLlAtoS.js";
+import { _ as st, c as at } from "../resources-BZLlAtoS.js";
+import { useI18n as se } from "vue-i18n";
+function Ae(o, t) {
+  const s = o?.authors;
+  return t == null || !Array.isArray(s) ? null : s.find((a) => a.id === t) ?? null;
 }
-const m = {
-  index: p("GET", "/v1/saved-views"),
-  store: p("POST", "/v1/saved-views"),
-  delete: p("DELETE", "/v1/saved-views/:id")
-}, k = ({ id: a, name: e, state: i }) => ({ id: a, name: e, state: i });
-function G(a) {
+const w = {
+  index: x("GET", "/v1/saved-views"),
+  store: x("POST", "/v1/saved-views"),
+  delete: x("DELETE", "/v1/saved-views/:id")
+}, F = ({ id: o, name: t, state: s }) => ({ id: o, name: t, state: s });
+function Te(o) {
   return {
-    async list(e, { signal: i }) {
-      return (await a.request(m.index, { list: e }, { signal: i })).data.map(k);
+    async list(t, { signal: s }) {
+      return (await o.request(w.index, { list: t }, { signal: s })).data.map(F);
     },
-    async save(e, i, s) {
-      const o = JSON.stringify({ ...s, view: s.view || void 0 });
-      return k((await a.request(m.store, { list_key: e, name: i, state: o })).data);
+    async save(t, s, a) {
+      const r = JSON.stringify({ ...a, view: a.view || void 0 });
+      return F((await o.request(w.store, { list_key: t, name: s, state: r })).data);
     },
-    async remove(e, i) {
-      await a.request(m.delete, { id: Number(i) });
+    async remove(t, s) {
+      await o.request(w.delete, { id: Number(s) });
     }
   };
 }
-function U(a = {}) {
-  const e = new Map(Object.entries(a).map(([o, t]) => [o, [...t]]));
-  let i = 1;
-  const s = (o) => {
-    let t = e.get(o);
-    return t || e.set(o, t = []), t;
+function Le(o = {}) {
+  const t = new Map(Object.entries(o).map(([r, n]) => [r, [...n]]));
+  let s = 1;
+  const a = (r) => {
+    let n = t.get(r);
+    return n || t.set(r, n = []), n;
   };
   return {
-    async list(o) {
-      return [...s(o)];
+    async list(r) {
+      return [...a(r)];
     },
-    async save(o, t, l) {
-      const n = s(o), r = n.findIndex((C) => C.name === t), f = { id: r === -1 ? `view-${i++}` : n[r].id, name: t, state: l };
-      return r === -1 ? n.push(f) : n[r] = f, f;
+    async save(r, n, f) {
+      const u = a(r), y = u.findIndex((h) => h.name === n), b = { id: y === -1 ? `view-${s++}` : u[y].id, name: n, state: f };
+      return y === -1 ? u.push(b) : u[y] = b, b;
     },
-    async remove(o, t) {
-      const l = s(o), n = l.findIndex((r) => r.id === t);
-      n !== -1 && l.splice(n, 1);
+    async remove(r, n) {
+      const f = a(r), u = f.findIndex((y) => y.id === n);
+      u !== -1 && f.splice(u, 1);
     }
   };
 }
-const $ = {
+const ae = {
   key: 0,
   class: "flex items-center justify-center gap-1",
   "data-test": "row-actions"
-}, I = ["href", "target", "rel", "aria-label", "data-action"], N = ["aria-label", "data-action", "disabled", "onClick"], h = "focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-border-focus", H = /* @__PURE__ */ x({
+}, re = ["href", "target", "rel", "aria-label", "data-action"], ie = ["aria-label", "data-action", "disabled", "onClick"], $ = "focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-border-focus", De = /* @__PURE__ */ z({
   __name: "RowActions",
   props: {
     actions: {},
     disabled: { type: Boolean, default: !1 }
   },
-  setup(a) {
-    const e = a, i = (s) => s.tone === "critical" ? "text-status-danger-content hover:bg-status-danger-surface" : "text-content-link hover:bg-tint-soft";
-    return (s, o) => e.actions.length > 0 ? (c(), u("div", $, [
-      (c(!0), u(P, null, E(e.actions, (t) => (c(), w(d(D), {
-        key: t.key,
-        text: t.label,
+  setup(o) {
+    const t = o, s = (a) => a.tone === "critical" ? "text-status-danger-content hover:bg-status-danger-surface" : "text-content-link hover:bg-tint-soft";
+    return (a, r) => t.actions.length > 0 ? (c(), m("div", ae, [
+      (c(!0), m(S, null, g(t.actions, (n) => (c(), M(k(te), {
+        key: n.key,
+        text: n.label,
         side: "left"
       }, {
-        default: y(() => [
-          t.href && !e.disabled ? (c(), u("a", {
+        default: C(() => [
+          n.href && !t.disabled ? (c(), m("a", {
             key: 0,
-            href: t.href,
-            target: t.external ? "_blank" : void 0,
-            rel: t.external ? "noopener" : void 0,
-            "aria-label": t.label,
-            "data-action": t.key,
-            class: v(["inline-flex rounded-md p-1.5 transition-colors", [i(t), h]])
+            href: n.href,
+            target: n.external ? "_blank" : void 0,
+            rel: n.external ? "noopener" : void 0,
+            "aria-label": n.label,
+            "data-action": n.key,
+            class: O(["inline-flex rounded-md p-1.5 transition-colors", [s(n), $]])
           }, [
-            _(d(b), {
-              name: t.icon,
+            P(k(R), {
+              name: n.icon,
               size: 18
             }, null, 8, ["name"])
-          ], 10, I)) : (c(), u("button", {
+          ], 10, re)) : (c(), m("button", {
             key: 1,
             type: "button",
-            "aria-label": t.label,
-            "data-action": t.key,
-            disabled: e.disabled,
-            class: v(["inline-flex cursor-pointer rounded-md p-1.5 transition-colors disabled:pointer-events-none disabled:opacity-40", [i(t), h]]),
-            onClick: (l) => t.onSelect?.()
+            "aria-label": n.label,
+            "data-action": n.key,
+            disabled: t.disabled,
+            class: O(["inline-flex cursor-pointer rounded-md p-1.5 transition-colors disabled:pointer-events-none disabled:opacity-40", [s(n), $]]),
+            onClick: (f) => n.onSelect?.()
           }, [
-            _(d(b), {
-              name: t.icon,
+            P(k(R), {
+              name: n.icon,
               size: 18
             }, null, 8, ["name"])
-          ], 10, N))
+          ], 10, ie))
         ]),
         _: 2
       }, 1032, ["text"]))), 128))
-    ])) : g("", !0);
+    ])) : X("", !0);
   }
-});
-function J() {
-  const a = S({ open: !1, options: null });
-  let e = null;
-  function i(s) {
-    const o = e;
-    e = null, a.value = { open: !1, options: a.value.options }, o?.(s);
+}), le = ["text", "number", "boolean", "select", "multi_select", "date", "datetime", "image", "document", "gallery"], ce = ["text", "number", "boolean", "select", "date", "datetime"], de = ["select", "boolean", "date", "datetime"];
+function ue(o, t) {
+  return t ? t.flatMap((s) => o.fields.filter((a) => a.key === s)) : o.fields.filter((s) => le.includes(s.kind));
+}
+const I = (o) => ce.includes(o.kind) && !o.translatable, j = (o) => de.includes(o.kind) && !o.translatable;
+function N(o, t) {
+  if (o == null) return "";
+  if (typeof o == "object" && !Array.isArray(o)) {
+    const s = o, a = s[t];
+    return typeof a == "string" && a !== "" ? a : Object.values(s).find((r) => typeof r == "string" && r !== "") ?? "";
   }
-  return {
-    state: a,
-    pick(...[s]) {
-      return e?.(null), new Promise((o) => {
-        e = o, a.value = { open: !0, options: s ?? {} };
-      });
-    },
-    select: (s) => i(s),
-    cancel: () => i(null)
-  };
+  return String(o);
+}
+function me(o, t) {
+  return o.kind === "boolean" ? [{ value: "true", label: t.yes }, { value: "false", label: t.no }] : (o.options ?? []).map((s) => ({ value: s.value, label: s.label }));
 }
-const X = /* @__PURE__ */ x({
-  __name: "PickerModal",
+const ye = { key: 0 }, pe = ["src"], fe = { key: 2 }, ke = { key: 3 }, be = { key: 4 }, Oe = /* @__PURE__ */ z({
+  __name: "DynamicCollection",
   props: {
-    picker: {},
-    title: { default: void 0 },
+    schema: {},
+    id: {},
+    load: {},
+    title: {},
     description: { default: void 0 },
-    size: { default: "lg" }
+    icon: { default: void 0 },
+    actions: { default: () => [] },
+    recordRoute: { type: Function, default: void 0 },
+    rowActions: { type: Function, default: void 0 },
+    state: { default: () => ({ kind: "url", key: "q" }) },
+    titleField: { default: void 0 },
+    columns: { default: void 0 },
+    thumbnail: { default: void 0 },
+    locale: { default: void 0 }
   },
-  setup(a) {
-    const e = a, { t: i } = R(), s = T("modal");
-    let o = !1, t = !1;
-    L(() => e.picker.state.value.open, (n) => {
-      n ? (o = !0, s.value?.present()) : o && (t = !0, s.value?.dismiss());
-    }, { flush: "post" });
-    function l() {
-      o = !1, t ? t = !1 : e.picker.cancel();
-    }
-    return (n, r) => (c(), w(d(z), {
-      ref_key: "modal",
-      ref: s,
-      title: e.picker.state.value.options?.title ?? e.title ?? d(i)("core.collection.pick_label"),
-      subtitle: e.picker.state.value.options?.description ?? e.description,
-      size: e.size,
-      grouped: "",
-      onDismissed: l
-    }, {
-      default: y(() => [
-        e.picker.state.value.options ? A(n.$slots, "default", {
-          options: e.picker.state.value.options,
-          select: e.picker.select
-        }, void 0, void 0, 0) : g("", !0)
-      ]),
-      _: 3
-    }, 8, ["title", "subtitle", "size"]));
+  setup(o) {
+    const t = o, { t: s, locale: a } = se(), r = v(() => t.locale ?? a.value), n = ue(t.schema, t.columns), f = t.titleField ?? n.find((e) => e.kind === "text")?.key, u = v(() => ({ yes: s("core.form.yes"), no: s("core.form.no") })), y = H({
+      id: t.id,
+      stateVersion: 1,
+      load: t.load,
+      key: (e) => e.id,
+      query: { sorts: n.filter(I).map((e) => e.key), filters: n.filter(j).map((e) => e.key) }
+    }), b = new Map(n.filter((e) => e.kind === "date" || e.kind === "datetime").map((e) => [e.key, ne(e.key, e.label)])), h = v(() => n.filter(j).map((e) => b.get(e.key)?.value ?? { key: e.key, label: e.label, type: "select", options: me(e, u.value) })), E = (e, i) => e.options?.find((l) => l.value === i)?.label ?? String(i ?? ""), A = v(() => n.map((e) => {
+      const i = { key: e.key, label: e.label, ...I(e) ? { sort: e.key } : {} };
+      if (e.key === f) return { ...i, kind: "identity", title: (l) => N(l[e.key], r.value) };
+      switch (e.kind) {
+        case "number":
+          return { ...i, kind: "number" };
+        case "date":
+          return { ...i, kind: "timestamp", precision: "date" };
+        case "datetime":
+          return { ...i, kind: "timestamp", precision: "dateTime" };
+        case "boolean":
+          return { ...i, kind: "badge", tone: (l) => l[e.key] === !0 ? "positive" : "neutral", text: (l) => l[e.key] === !0 ? u.value.yes : u.value.no };
+        case "select":
+          return { ...i, kind: "badge", tone: () => "neutral", text: (l) => E(e, l[e.key]) };
+        case "text":
+          return e.translatable ? { ...i, kind: "custom" } : { ...i, kind: "text" };
+        default:
+          return { ...i, kind: "custom" };
+      }
+    })), V = J(y, {
+      columns: A,
+      filters: h,
+      state: t.state,
+      ...t.recordRoute ? { recordRoute: t.recordRoute } : {}
+    }), T = (e) => `cell-${e.replace(/\./g, "_")}`, L = Z(), q = v(() => A.value.filter((e) => e.kind === "custom" && !(T(e.key) in L))), B = () => Object.keys(L), U = (e) => n.find((i) => i.key === e), D = (e) => Array.isArray(e) ? e : [];
+    return (e, i) => (c(), M(K, {
+      collection: k(V),
+      title: t.title,
+      description: t.description,
+      icon: t.icon,
+      actions: t.actions,
+      "row-actions": t.rowActions
+    }, Q({ _: 2 }, [
+      g(B(), (l) => ({
+        name: l,
+        fn: C((p) => [
+          W(e.$slots, l, Y(ee(p ?? {})))
+        ])
+      })),
+      g(q.value, (l) => ({
+        name: T(l.key),
+        fn: C(({ item: p }) => [
+          (c(!0), m(S, null, g([U(l.key)], (d) => (c(), m(S, {
+            key: d.key
+          }, [
+            d.kind === "text" ? (c(), m("span", ye, _(k(N)(p[d.key], r.value)), 1)) : d.kind === "image" && t.thumbnail && p[d.key] != null ? (c(), m("img", {
+              key: 1,
+              src: k(oe)({ thumbnail: t.thumbnail }, p[d.key]),
+              alt: "",
+              class: "size-10 rounded object-cover",
+              loading: "lazy"
+            }, null, 8, pe)) : d.kind === "gallery" ? (c(), m("span", fe, _(D(p[d.key]).length || ""), 1)) : d.kind === "multi_select" ? (c(), m("span", ke, _(D(p[d.key]).map((G) => E(d, G)).join(", ")), 1)) : (c(), m("span", be, _(p[d.key] ?? ""), 1))
+          ], 64))), 128))
+        ])
+      }))
+    ]), 1032, ["collection", "title", "description", "icon", "actions", "row-actions"]));
   }
 });
 export {
-  me as CollectionCell,
-  ae as CollectionPage,
-  ne as CollectionTable,
-  he as DATE_PRESETS,
-  Q as DEFAULT_PAGE_SIZES,
-  be as DataTable,
-  ye as Highlight,
-  ce as LIST_CONTEXT_PARAM,
-  X as PickerModal,
-  ve as RecordIdentity,
-  H as RowActions,
-  j as authorOf,
-  U as createMemorySavedViews,
-  J as createPicker,
-  W as defineCollection,
-  ge as highlightParts,
-  Y as httpList,
-  ee as listLoader,
-  te as listParams,
-  se as readListPage,
-  oe as routeListLoader,
-  G as serverSavedViews,
-  le as useCollection,
-  ue as useCollectionBack,
-  fe as useCollectionNeighbors,
-  xe as useDatePresetFilter
+  Ke as CollectionCell,
+  K as CollectionPage,
+  Ve as CollectionTable,
+  Ye as DATE_PRESETS,
+  Fe as DEFAULT_PAGE_SIZES,
+  Qe as DataTable,
+  Oe as DynamicCollection,
+  tt as Highlight,
+  Be as LIST_CONTEXT_PARAM,
+  st as PickerModal,
+  Xe as RecordIdentity,
+  De as RowActions,
+  Ae as authorOf,
+  Le as createMemorySavedViews,
+  at as createPicker,
+  H as defineCollection,
+  nt as highlightParts,
+  $e as httpList,
+  Ie as listLoader,
+  je as listParams,
+  Ne as readListPage,
+  ze as routeListLoader,
+  Te as serverSavedViews,
+  J as useCollection,
+  Ge as useCollectionBack,
+  He as useCollectionNeighbors,
+  ne as useDatePresetFilter
 };

package/dist/form/dynamic/DynamicForm.vue.d.ts

@@ -0,0 +1,46 @@
+import { ErrorBag } from "../errors";
+import type { FieldMessages } from "../validation";
+import { type LocaleMode } from "./localeMode";
+import type { ResourceSource } from "./resources";
+import type { FormSchema } from "./schema";
+/**
+ * A form generated from a typed schema (a content type's fields): each field's `kind` picks the control. It generates a form,
+ * nothing more: no page, no save; put it in an `EditorPage` and save the value yourself.
+ *
+ *   <DynamicForm v-model="values" :schema="schema" :locales="['hr', 'en']" :errors="form.errors.all()" :resources="media" />
+ *
+ * - **Value:** `Record<field key, value>`. A translatable text is `Record<locale, string>`; an image / document is a resource id,
+ *   a gallery a list of ids; a collection a list of row values.
+ * - **`visible_when`:** a field whose rule does not hold is not shown. It keeps its value, and an error under its key is not shown.
+ * - **`errors`:** go-core's field messages (`form.errors.all()`, or the `ErrorBag`), by field key; `images.0.title` reaches a row.
+ * - **`localeMode`:** `"perField"` (default) shows a language strip on each translatable field; `"form"` shows one switcher for
+ *   the whole form, which switches every translatable field at once.
+ */
+type __VLS_Props = {
+    schema: FormSchema;
+    modelValue?: Record<string, unknown>;
+    /** The languages of translatable fields. Default: the application's. */
+    locales?: readonly string[];
+    /** The language shown first, and the one a required translatable field needs. Default: the first. */
+    defaultLocale?: string;
+    errors?: FieldMessages | ErrorBag;
+    /** Reads the values instead of editing them. */
+    readonly?: boolean;
+    localeMode?: LocaleMode;
+    /** The media library of image, document and gallery fields, and of the picture button of rich text. */
+    resources?: ResourceSource;
+};
+declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (values: Record<string, unknown>) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((values: Record<string, unknown>) => any) | undefined;
+}>, {
+    errors: FieldMessages | ErrorBag;
+    modelValue: Record<string, unknown>;
+    readonly: boolean;
+    locales: readonly string[];
+    defaultLocale: string;
+    resources: ResourceSource;
+    localeMode: LocaleMode;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/form/dynamic/RepeatField.vue.d.ts

@@ -0,0 +1,47 @@
+import { type FieldProps } from "../field";
+import type { FieldMessages } from "../validation";
+import type { LocaleMode } from "./localeMode";
+import type { ResourceSource } from "./resources";
+import type { SchemaField } from "./schema";
+/**
+ * A repeatable group: rows the user adds, removes and moves, each a `DynamicForm` over `fields`. The value is the list of the
+ * rows' values. Errors of the rows arrive in the form's paths relative to this field (`0.title` is the first row's title).
+ *
+ *   <RepeatField v-model="form.slides" :fields="slideFields" label="Slides" />
+ */
+type __VLS_Props = FieldProps & {
+    /** The fields of each row. */
+    fields: readonly SchemaField[];
+    modelValue?: readonly Record<string, unknown>[];
+    locales?: readonly string[];
+    defaultLocale?: string;
+    /** Messages by path inside this field: `"0.title"`. */
+    errors?: FieldMessages;
+    resources?: ResourceSource;
+    addLabel?: string;
+    localeMode?: LocaleMode;
+};
+declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (rows: Record<string, unknown>[]) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((rows: Record<string, unknown>[]) => any) | undefined;
+}>, {
+    disabled: boolean;
+    name: string;
+    label: string;
+    error: string;
+    required: boolean;
+    presentation: "control" | "value";
+    errors: FieldMessages;
+    modelValue: readonly Record<string, unknown>[];
+    labelHidden: boolean;
+    hint: string;
+    editable: boolean;
+    lockedReason: string;
+    locales: readonly string[];
+    defaultLocale: string;
+    resources: ResourceSource;
+    addLabel: string;
+    localeMode: LocaleMode;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;