@wssto2/vue-core 0.9.4 → 0.11.0

package/dist/UserRecord-BW-gdCqi.js

@@ -0,0 +1,202 @@
+import { defineComponent as E, openBlock as N, createBlock as L, unref as e, withCtx as p, createVNode as n, mergeProps as R, provide as C, computed as _, useTemplateRef as D, createElementVNode as h, toDisplayString as S, createTextVNode as K } from "vue";
+import { useI18n as U } from "vue-i18n";
+import { u as z } from "./neighbors-OyvGi233.js";
+import { _ as G } from "./Avatar.vue_vue_type_script_setup_true_lang-BPj_fkJR.js";
+import { u as I } from "./describeError-B-NMa--w.js";
+import { i as k, P as O, q as j, c as F, d as H, b as J, M as Q, r as W, s as X, g as Y } from "./index-Cq9TuOqH.js";
+import { _ as Z } from "./AlertDialog.vue_vue_type_script_setup_true_lang-CrFhR9rJ.js";
+import { t as $ } from "./toast-CqSDTWRX.js";
+import { _ as ee } from "./SectionNavigator.vue_vue_type_script_setup_true_lang-Dh3sXUt_.js";
+import { u as V } from "./platform-BQOX_Ntw.js";
+import { a as se } from "./routeResource-DlTsGTg_.js";
+import { a as ae } from "./ResourcePage.vue_vue_type_script_setup_true_lang-DljhsTU4.js";
+import { A as te } from "./access-DmAceEo5.js";
+import { _ as oe } from "./Badge.vue_vue_type_script_setup_true_lang-DJyZc0C7.js";
+import { u as re } from "./useLoad-M7V-AVwR.js";
+import { a as ne } from "./FormGroup.vue_vue_type_script_setup_true_lang-D6jYfNjW.js";
+import { _ as A } from "./TextField.vue_vue_type_script_setup_true_lang-CWIeeZRE.js";
+import { u as ce, _ as ie } from "./useCommand-Ch_nx1AQ.js";
+import { u as le } from "./serverMessages-B6GHgi40.js";
+const ue = /* @__PURE__ */ E({
+  __name: "SetPasswordDialog",
+  props: {
+    id: {},
+    name: {}
+  },
+  emits: ["saved"],
+  setup(q, { expose: s, emit: f }) {
+    const v = q, w = f, { t: o } = U(), { http: c } = V(), u = {
+      safeParse(a) {
+        const { password: i, repeat: d } = a, g = [
+          ...i === "" ? [{ path: ["password"], message: o("core.account.validation.required") }] : [],
+          ...i !== "" && d !== i ? [{ path: ["repeat"], message: o(d === "" ? "core.account.validation.required" : "core.account.validation.mismatch") }] : []
+        ];
+        return g.length > 0 ? { success: !1, error: { issues: g } } : { success: !0, data: { password: i } };
+      }
+    }, m = ce({
+      ...le(),
+      defaults: () => ({ password: "", repeat: "" }),
+      validator: u,
+      run: (a) => c.request(k.usersSetPassword, { id: v.id, password: a.password }),
+      done: () => {
+        $.success(o("core.users.password.done", { name: v.name })), w("saved");
+      }
+    });
+    return s({ open: () => m.present() }), (a, i) => (N(), L(e(ie), {
+      command: e(m),
+      title: e(o)("core.users.password.title"),
+      subtitle: v.name,
+      "confirm-label": e(o)("core.users.password.action")
+    }, {
+      default: p(() => [
+        n(e(ne), {
+          footer: e(o)("core.users.password.footer"),
+          "data-set-password-dialog": ""
+        }, {
+          default: p(() => [
+            n(e(A), R(e(m).form.bind("password"), {
+              label: e(o)("core.users.fields.password"),
+              type: "password",
+              required: "",
+              autocomplete: "new-password"
+            }), null, 16, ["label"]),
+            n(e(A), R(e(m).form.bind("repeat"), {
+              label: e(o)("core.users.fields.password_repeat"),
+              type: "password",
+              required: "",
+              autocomplete: "new-password"
+            }), null, 16, ["label"])
+          ]),
+          _: 1
+        }, 8, ["footer"])
+      ]),
+      _: 1
+    }, 8, ["command", "title", "subtitle", "confirm-label"]));
+  }
+}), me = {
+  class: "flex items-center gap-3 px-1.5",
+  "data-person-identity": ""
+}, de = { class: "flex min-w-0 flex-col items-start gap-0.5" }, pe = { class: "max-w-full truncate text-headline font-semibold text-content-strong" }, fe = { class: "max-w-full truncate text-footnote text-content-muted" }, Le = /* @__PURE__ */ E({
+  __name: "UserRecord",
+  setup(q) {
+    const { t: s } = U(), { http: f, access: v, session: w } = V(), o = I(), c = se({
+      key: O,
+      param: "id",
+      load: async (t, { signal: l }) => (await f.request(k.usersShow, { id: t }, { signal: l })).data
+    }), u = re(
+      async ({ signal: t }) => {
+        const l = c.data.value?.id;
+        return l === void 0 ? { sessions: [] } : (await f.request(k.usersSessions, { id: l }, { signal: t })).data;
+      },
+      { watch: () => c.data.value?.id }
+    );
+    C(j, u);
+    const m = z(H(), { current: () => c.id.value, list: F.index, param: "id", backLabel: () => s("core.users.title") }), a = _(() => c.data.value), i = _(() => a.value !== null && w.state.value.status === "authenticated" && w.state.value.user.id === a.value.id), d = D("deactivateDialog"), { deactivate: g } = J(), P = D("passwordDialog"), x = D("activateDialog");
+    async function b() {
+      await Promise.all([c.reload(), u.reload()]);
+    }
+    async function M() {
+      const t = c.id.value;
+      if (t !== null) {
+        try {
+          await f.request(k.usersActivate, { id: t }), $.success(s("core.users.activate.done", { name: a.value?.name ?? "" }));
+        } catch (l) {
+          Y(l) || $.error(o(l, { fallback: s("core.users.activate.failed") }));
+        }
+        await b();
+      }
+    }
+    const y = _(() => {
+      const t = v.can(Q);
+      return { manage: t, deactivate: t && !!a.value?.active && !i.value, activate: t && a.value !== null && !a.value.active, endSessions: t && !i.value };
+    });
+    C(W, {
+      get can() {
+        return y.value;
+      },
+      deactivate: () => d.value?.open(),
+      activate: () => x.value?.present(),
+      setPassword: () => P.value?.open(),
+      refresh: b
+    });
+    const T = _(() => [
+      ...y.value.deactivate ? [{ id: "deactivate", label: s("core.users.actions.deactivate"), icon: "lockLine", placement: "overflow", tone: "critical", onClick: () => d.value?.open() }] : [],
+      ...y.value.activate ? [{ id: "activate", label: s("core.users.actions.activate"), icon: "checkCircle", placement: "overflow", onClick: () => x.value?.present() }] : []
+    ]), B = _(() => ({
+      ...u.data.value ? { "users.record.sessions": u.data.value.sessions.length } : {},
+      ...a.value?.status === "locked" ? { "users.record.signin": s("core.users.status.locked") } : {}
+    }));
+    return (t, l) => (N(), L(e(ae), {
+      resource: e(c),
+      title: a.value?.name ?? e(s)("core.users.record"),
+      list: e(m).context,
+      actions: T.value
+    }, {
+      default: p(({ record: r }) => [
+        n(e(ee), {
+          label: e(s)("core.users.sections_label"),
+          desktop: "sidebar",
+          compact: "rows",
+          "back-label": r.name,
+          counts: B.value
+        }, {
+          summary: p(() => [
+            h("div", me, [
+              n(e(G), {
+                name: r.name,
+                size: "lg",
+                tone: "anchor"
+              }, null, 8, ["name"]),
+              h("div", de, [
+                h("span", pe, S(r.name), 1),
+                h("span", fe, S(r.email), 1),
+                n(e(oe), {
+                  tone: e(X)(r.status),
+                  dot: "",
+                  "data-person-status": ""
+                }, {
+                  default: p(() => [
+                    K(S(e(s)(`core.users.status.${r.status}`)), 1)
+                  ]),
+                  _: 2
+                }, 1032, ["tone"])
+              ])
+            ])
+          ]),
+          default: p(() => [
+            n(e(te))
+          ]),
+          _: 2
+        }, 1032, ["label", "back-label", "counts"]),
+        n(e(g), {
+          ref_key: "deactivateDialog",
+          ref: d,
+          id: r.id,
+          name: r.name,
+          "session-count": e(u).data.value?.sessions.length ?? null,
+          onDone: b
+        }, null, 8, ["id", "name", "session-count"]),
+        n(ue, {
+          ref_key: "passwordDialog",
+          ref: P,
+          id: r.id,
+          name: r.name,
+          onSaved: b
+        }, null, 8, ["id", "name"]),
+        n(e(Z), {
+          ref_key: "activateDialog",
+          ref: x,
+          icon: "checkCircle",
+          title: e(s)("core.users.activate.title"),
+          message: e(s)("core.users.activate.body", { name: r.name }),
+          "confirm-label": e(s)("core.users.actions.activate"),
+          action: M
+        }, null, 8, ["title", "message", "confirm-label"])
+      ]),
+      _: 1
+    }, 8, ["resource", "title", "list", "actions"]));
+  }
+});
+export {
+  Le as default
+};

package/dist/UsersList-B3ZF_1Dj.js

@@ -0,0 +1,74 @@
+import { defineComponent as C, useTemplateRef as N, computed as a, openBlock as i, createBlock as m, unref as s, withCtx as r, createVNode as d, createTextVNode as R, toDisplayString as l, createCommentVNode as S, createElementBlock as _, normalizeClass as p } from "vue";
+import { useI18n as E } from "vue-i18n";
+import { useRouter as $ } from "vue-router";
+import { u as B, _ as T } from "./CollectionPage.vue_vue_type_script_setup_true_lang-x0jyJ01f.js";
+import { _ as V } from "./Avatar.vue_vue_type_script_setup_true_lang-BPj_fkJR.js";
+import { u as L } from "./format-D8KUBmbS.js";
+import { u as z } from "./platform-BQOX_Ntw.js";
+import { _ as A } from "./Badge.vue_vue_type_script_setup_true_lang-DJyZc0C7.js";
+import { b as D, U as I, c as f, d as M, M as q, s as F } from "./index-Cq9TuOqH.js";
+const G = ["datetime"], Z = /* @__PURE__ */ C({
+  __name: "UsersList",
+  setup(K) {
+    const { t: e } = E(), { access: b } = z(), y = L(), g = $(), c = N("dialog"), { newUser: k } = D(), w = a(() => [
+      { key: "name", label: e("core.users.columns.person"), kind: "identity", subtitle: (o) => o.email, sort: "name", mobile: "primary" },
+      { key: "login", label: e("core.users.columns.login"), sort: "login", hideBelow: "md", width: 180, mobile: "hidden" },
+      { key: "last_sign_in", label: e("core.users.columns.last_sign_in"), width: 170, mobile: "meta" },
+      { key: "status", label: e("core.users.columns.status"), width: 130, mobile: "accessory" }
+    ]), x = a(() => [
+      { key: "last_sign_in", label: e("core.users.filters.last_sign_in"), type: "select", options: [{ value: "never", label: e("core.users.filters.never") }, { value: "idle", label: e("core.users.filters.idle") }] }
+    ]), h = a(() => I.map((o) => ({ key: o, label: e(`core.users.views.${o}`) }))), v = B(M(), { columns: w, filters: x, views: h, state: { kind: "url", key: "query" }, recordRoute: (o) => f.record({ id: o.id }) }), U = a(
+      () => b.can(q) ? [{ id: "create", label: e("core.users.create.title"), icon: "addLine", placement: "primary", compact: "icon", keyboardShortcut: { key: "N", ctrlKey: !0 }, onClick: () => c.value?.create() }] : []
+    );
+    return (o, u) => (i(), m(s(T), {
+      collection: s(v),
+      title: s(e)("core.users.title"),
+      description: s(e)("core.users.description"),
+      actions: U.value,
+      "row-height": 64,
+      "row-label": (t) => t.name,
+      "views-presentation": "scope"
+    }, {
+      leading: r(({ item: t }) => [
+        d(s(V), {
+          name: t.name,
+          size: "md",
+          tone: "anchor"
+        }, null, 8, ["name"])
+      ]),
+      "cell-last_sign_in": r(({ item: t, compact: n }) => [
+        t.last_sign_in ? (i(), _("time", {
+          key: 0,
+          datetime: t.last_sign_in,
+          class: p(["text-content", n ? "text-footnote text-content-muted" : "text-body"])
+        }, l(s(y).dateTime(t.last_sign_in)), 11, G)) : (i(), _("span", {
+          key: 1,
+          class: p(n ? "text-footnote text-content-disabled" : "text-body text-content-disabled")
+        }, l(s(e)("core.users.never")), 3))
+      ]),
+      "cell-status": r(({ item: t, compact: n }) => [
+        !n || t.status !== "active" ? (i(), m(s(A), {
+          key: 0,
+          tone: s(F)(t.status),
+          dot: ""
+        }, {
+          default: r(() => [
+            R(l(s(e)(`core.users.status.${t.status}`)), 1)
+          ]),
+          _: 2
+        }, 1032, ["tone"])) : S("", !0)
+      ]),
+      default: r(() => [
+        d(s(k), {
+          ref_key: "dialog",
+          ref: c,
+          onCreated: u[0] || (u[0] = (t) => s(g).push(s(f).record({ id: t.id })))
+        }, null, 512)
+      ]),
+      _: 1
+    }, 8, ["collection", "title", "description", "actions", "row-label"]));
+  }
+});
+export {
+  Z as default
+};

package/dist/access/index.js

@@ -1,15 +1,15 @@
-import { _ as f, a as R, b } from "../PersonAccess.vue_vue_type_script_setup_true_lang-qz1tmYpF.js";
+import { _ as f, a as R, b } from "../PersonAccess.vue_vue_type_script_setup_true_lang-DbGZSNQc.js";
 import { d as o, p as c } from "../feature-DdUAfyi4.js";
 import { a as s, b as t } from "../refusals-DfPzVNNY.js";
 import { d as g, p as x, r as h, c as v, u as y, e as C, f as K } from "../refusals-DfPzVNNY.js";
 import { d as r } from "../defineRoutes-BGAdiIrt.js";
 const a = r({
-  roles: { name: "access.roles", path: "/iam/roles", component: () => import("../RolesPage-PXrs4O-1.js"), meta: { access: s.viewRoles, titleKey: "core.access.title" } },
-  newRole: { name: "access.roles.new", path: "/iam/roles/new", component: () => import("../NewRolePage-C6Iu-EQJ.js"), meta: { access: s.manageRoles, titleKey: "core.access.new_title" } },
+  roles: { name: "access.roles", path: "/iam/roles", component: () => import("../RolesPage-6hlzJes_.js"), meta: { access: s.viewRoles, titleKey: "core.access.title" } },
+  newRole: { name: "access.roles.new", path: "/iam/roles/new", component: () => import("../NewRolePage-DhGFwvk3.js"), meta: { access: s.manageRoles, titleKey: "core.access.new_title" } },
   role: {
     name: "access.role",
     path: "/iam/roles/:ref",
-    component: () => import("../RolePage-Dj_ocMnM.js"),
+    component: () => import("../RolePage-DaNv049g.js"),
     // A role's ref (its key, or the id of a custom one) swaps in place when a link leads to another role.
     meta: { access: s.viewRoles, titleKey: "core.access.title", remountOnParam: "ref" }
   }

package/dist/app/index.d.ts

@@ -5,6 +5,7 @@ export { applicationKey, useApplication } from "./environment";
 export type { ApplicationEnvironment, ApplicationState } from "./environment";
 export { defineFeature, provideContext } from "./feature";
 export type { AppEffect, AppEffectContext, ContextProvision, EffectStop, Feature, FeatureDefinition, FeatureEffect, FeatureReference, SessionEffect, SessionEffectContext, ShellContribution, ShellSlot, ShellSlots, } from "./feature";
+export { useLanguages } from "./languages";
 export { keepSessionAlive } from "./keepAlive";
 export type { KeepSessionAliveOptions } from "./keepAlive";
 export { ApplicationError } from "./validate";

package/dist/app/index.js

@@ -1,15 +1,16 @@
-import { A as a, c as p } from "../application-BmXW6iW_.js";
+import { A as o, c as p } from "../application-CuzT-0vW.js";
 import { S as t } from "../contributions-CeG4bszd.js";
-import { a as s, u as l } from "../environment-Dva-SG8D.js";
-import { d as c, p as f } from "../feature-DdUAfyi4.js";
-import { k as m } from "../keepAlive-z3IRFkQq.js";
+import { a as i, u as l } from "../environment-Dva-SG8D.js";
+import { d as u, p as c } from "../feature-DdUAfyi4.js";
+import { k as x, u as m } from "../keepAlive-ClGnsIzT.js";
 export {
-  a as ApplicationError,
+  o as ApplicationError,
   t as ShellOutlet,
-  s as applicationKey,
+  i as applicationKey,
   p as createApplication,
-  c as defineFeature,
-  m as keepSessionAlive,
-  f as provideContext,
-  l as useApplication
+  u as defineFeature,
+  x as keepSessionAlive,
+  c as provideContext,
+  l as useApplication,
+  m as useLanguages
 };

package/dist/app/languages.d.ts

@@ -0,0 +1,8 @@
+import { type ComputedRef } from "vue";
+import type { SelectOption } from "../form";
+/**
+ * The languages the application offers (`createApplication({ locale: { supported } })`), as the options of a select, each named in itself.
+ *
+ *   const languages = useLanguages();   // <Select v-model="locale" :options="languages" />
+ */
+export declare function useLanguages(): ComputedRef<readonly SelectOption<string>[]>;

package/dist/{application-BmXW6iW_.js → application-CuzT-0vW.js}

@@ -18,7 +18,7 @@ import { b as rt, c as at, n as ne } from "./navigation-TnVFYRaX.js";
 import { c as nt, s as ie } from "./contributions-CeG4bszd.js";
 import { a as ce } from "./environment-Dva-SG8D.js";
 import { b as le, c as ue } from "./describeError-B-NMa--w.js";
-import { _ as it } from "./Button.vue_vue_type_script_setup_true_lang-Dp7OB-eF.js";
+import { _ as it } from "./Button.vue_vue_type_script_setup_true_lang-C74hcb0N.js";
 import { _ as ct } from "./EmptyState.vue_vue_type_script_setup_true_lang-DbZiO2RF.js";
 import { i as lt } from "./feature-DdUAfyi4.js";
 function ut(e) {

package/dist/button/index.js

@@ -1,8 +1,9 @@
-import { _ as a, m as o, s as r, u, a as e } from "../Button.vue_vue_type_script_setup_true_lang-Dp7OB-eF.js";
+import { _ as o } from "../Button.vue_vue_type_script_setup_true_lang-C74hcb0N.js";
+import { m as a, s as e, u, a as c } from "../shortcut-DUR6yPWA.js";
 export {
-  a as Button,
-  o as matchesShortcut,
-  r as shortcutKeys,
+  o as Button,
+  a as matchesShortcut,
+  e as shortcutKeys,
   u as useKeyboardShortcut,
-  e as useShortcutRegistry
+  c as useShortcutRegistry
 };

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

@@ -0,0 +1,12 @@
+/**
+ * A text with the words of `search` marked in `<mark>` (whitespace-separated, any case, as `highlightParts` reads them): what
+ * found a row is visible. It renders no element of its own, only the text and the marks, so it sits inside any line.
+ *
+ *   <Highlight :text="vehicle.name" :search="collection.search.value" />
+ */
+type __VLS_Props = {
+    text: string;
+    search?: string | null;
+};
+declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

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

@@ -0,0 +1,26 @@
+import type { Picker, PickerOptions } from "./picker";
+declare const _default: <Row, Options extends PickerOptions>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>, never> & {
+        picker: Picker<Row, Options>;
+        /** The dialog's title. Default "Choose one". */
+        title?: string;
+        description?: string;
+        size?: "sm" | "md" | "lg" | "xl";
+    } & Partial<{}>> & import("vue").PublicProps;
+    expose(exposed: import("vue").ShallowUnwrapRef<{}>): void;
+    attrs: any;
+    slots: {
+        /** The list to choose from. */
+        default?: (scope: {
+            options: Options;
+            select: (row: Row) => void;
+        }) => unknown;
+    };
+    emit: {};
+}>) => import("vue").VNode & {
+    __ctx?: Awaited<typeof __VLS_setup>;
+};
+export default _default;
+type __VLS_PrettifyLocal<T> = {
+    [K in keyof T]: T[K];
+} & {};

package/dist/collection/definition.d.ts

@@ -1,4 +1,4 @@
-import type { CollectionLoader, CollectionQuery } from "./types";
+import type { CollectionLoader, CollectionQuery, ListMeta } from "./types";
 /** The page sizes ARV's lists offer; a definition may narrow or replace them. */
 export declare const DEFAULT_PAGE_SIZES: readonly number[];
 /**
@@ -27,13 +27,13 @@ export interface QueryContract<Sort extends string, Filter extends string, View
 export type CollectionDefaults<Sort extends string, Filter extends string, View extends string> = Partial<CollectionQuery<Sort, Filter, View>>;
 /** The state a stored version of a list's state (a link, a saved view) is migrated from. */
 export type StoredState = Readonly<Record<string, unknown>>;
-export interface CollectionDefinitionInput<Row, Sort extends string, Filter extends string, View extends string> {
+export interface CollectionDefinitionInput<Row, Sort extends string, Filter extends string, View extends string, Meta extends ListMeta = ListMeta> {
     /** Stable identity of the list: saved views and logs use it. It is not the URL key (two lists on a page each have their own). */
     readonly id: string;
     /** Bump it when the meaning of stored state changes (a renamed sort key); see `migrate`. */
     readonly stateVersion: number;
     /** The feature API's list function. */
-    readonly load: CollectionLoader<Row, NoInfer<Sort>, NoInfer<Filter>, NoInfer<View>>;
+    readonly load: CollectionLoader<Row, NoInfer<Sort>, NoInfer<Filter>, NoInfer<View>, Meta>;
     /** The record's identity: neighbors find the current record by it. */
     readonly key: (row: Row) => string | number;
     readonly defaults?: CollectionDefaults<NoInfer<Sort>, NoInfer<Filter>, NoInfer<View>>;
@@ -45,10 +45,10 @@ export interface CollectionDefinitionInput<Row, Sort extends string, Filter exte
     readonly migrate?: (stored: StoredState, version: number) => StoredState | null;
 }
 /** A collection's definition: pure data and a loader. Nothing runs until `useCollection` or `useCollectionNeighbors` uses it. */
-export interface CollectionDefinition<Row, Sort extends string = string, Filter extends string = string, View extends string = string> {
+export interface CollectionDefinition<Row, Sort extends string = string, Filter extends string = string, View extends string = string, Meta extends ListMeta = ListMeta> {
     readonly id: string;
     readonly stateVersion: number;
-    readonly load: CollectionLoader<Row, Sort, Filter, View>;
+    readonly load: CollectionLoader<Row, Sort, Filter, View, Meta>;
     readonly key: (row: Row) => string | number;
     /** Complete: every field of the query has a value. */
     readonly defaults: CollectionQuery<Sort, Filter, View>;
@@ -79,7 +79,7 @@ export interface CollectionDefinition<Row, Sort extends string = string, Filter
  * Pure: it validates its input (and throws a descriptive error on a contradiction, e.g. a default
  * sort the contract does not list) but starts nothing.
  */
-export declare function defineCollection<Row, Sort extends string = string, Filter extends string = string, View extends string = string>(input: CollectionDefinitionInput<Row, Sort, Filter, View>): CollectionDefinition<Row, Sort, Filter, View>;
+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;

package/dist/collection/http.d.ts

@@ -1,5 +1,5 @@
 import type { ApiResult, HttpClient, ListResult, PageMeta, QueryValue } from "../client";
-import type { CollectionLoader, ListPage, CollectionQuery } from "./types";
+import type { CollectionLoader, ListMeta, ListPage, CollectionQuery } from "./types";
 /**
  * The query parameters go-core's datatable reads: `page`, `per_page`, `order_col`, `order_dir`,
  * `search`, `view`, and every filter under its own key. Empty values are left out (the client drops them).
@@ -12,9 +12,9 @@ export declare function listParams(query: CollectionQuery): Record<string, Query
  * route's result (`client.request(route, input)`) and `Row` is inferred. Missing numbers are derived
  * from what is there rather than becoming 0; `query` supplies the page and size that were asked for.
  */
-export declare function readListPage<Row>(result: ApiResult<readonly Row[], PageMeta>, query: Pick<CollectionQuery, "page" | "pageSize">): ListPage<Row>;
-export declare function readListPage<Row>(result: ApiResult<ListResult<Row>, unknown>, query: Pick<CollectionQuery, "page" | "pageSize">): ListPage<Row>;
-export declare function readListPage<Row>(result: ApiResult<unknown, unknown>, query: Pick<CollectionQuery, "page" | "pageSize">): ListPage<Row>;
+export declare function readListPage<Row, Meta extends ListMeta = ListMeta>(result: ApiResult<readonly Row[], PageMeta>, query: Pick<CollectionQuery, "page" | "pageSize">): ListPage<Row, Meta>;
+export declare function readListPage<Row, Meta extends ListMeta = ListMeta>(result: ApiResult<ListResult<Row>, unknown>, query: Pick<CollectionQuery, "page" | "pageSize">): ListPage<Row, Meta>;
+export declare function readListPage<Row, Meta extends ListMeta = ListMeta>(result: ApiResult<unknown, unknown>, query: Pick<CollectionQuery, "page" | "pageSize">): ListPage<Row, Meta>;
 /**
  * The loader of a go-core list endpoint: the common case of a feature's `api.list`.
  *
@@ -22,6 +22,6 @@ export declare function readListPage<Row>(result: ApiResult<unknown, unknown>, q
  *
  * `params` adds or renames parameters when the endpoint deviates from the datatable convention.
  */
-export declare function httpList<Row, Sort extends string = string, Filter extends string = string, View extends string = string>(http: HttpClient, path: string, options?: {
+export declare function httpList<Row, Sort extends string = string, Filter extends string = string, View extends string = string, Meta extends ListMeta = ListMeta>(http: HttpClient, path: string, options?: {
     params?: (query: CollectionQuery<Sort, Filter, View>) => Record<string, QueryValue>;
-}): CollectionLoader<Row, Sort, Filter, View>;
+}): CollectionLoader<Row, Sort, Filter, View, Meta>;

package/dist/collection/index.d.ts

@@ -2,7 +2,7 @@ export { defineCollection, DEFAULT_PAGE_SIZES } from "./definition";
 export type { CollectionDefaults, CollectionDefinition, CollectionDefinitionInput, FilterOf, QueryContract, RowOf, SortOf, StoredState, ViewOf } from "./definition";
 export { useCollection } from "./useCollection";
 export type { Collection, CollectionDisplay, LinkedQuery, SavedViewsHandle, UseCollectionOptions } from "./useCollection";
-export type { CollectionLoader, ListPage, CollectionQuery, CollectionStateSource, LoadContext, SortDirection } from "./types";
+export type { CollectionLoader, ListMeta, ListPage, CollectionQuery, CollectionStateSource, LoadContext, SortDirection } from "./types";
 export { httpList, listParams, readListPage } from "./http";
 export { LIST_CONTEXT_PARAM } from "./location";
 export type { CollectionColumns, Column, ColumnKey, ColumnKind, ColumnValue, MobileRole, RowAction, SlotKey, TableColumns } from "./columns";
@@ -20,4 +20,9 @@ export { default as DataTable } from "./DataTable.vue";
 export { default as RowActions } from "./RowActions.vue";
 export { default as RecordIdentity } from "./RecordIdentity.vue";
 export { DATE_PRESETS, useDatePresetFilter } from "./datePresets";
+export { default as Highlight } from "./Highlight.vue";
+export { highlightParts, type HighlightPart } from "./highlight";
 export type { CellSlots, CollectionSlots, RowsSlots } from "./slots";
+export { createPicker } from "./picker";
+export type { Picker, PickerOptions } from "./picker";
+export { default as PickerModal } from "./PickerModal.vue";