@chelone/vue 0.6.0 → 0.7.0

package/dist/components/admin/list/prev-next-buttons.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,124 @@
+import { usePrevNextController } from "../../../controllers/use-prev-next-controller.js";
+import { useTranslate } from "../../../i18n/use-translate.js";
+import { cn } from "../../../lib/utils.js";
+import button_default from "../../ui/button.js";
+import { buttonVariants } from "../../ui/button-variants.js";
+import skeleton_default from "../../ui/skeleton.js";
+import { AlertCircleIcon } from "../feedback/icons.js";
+import { ChevronLeftIcon, ChevronRightIcon } from "./list-icons.js";
+import { createBlock, createCommentVNode, createElementBlock, createVNode, defineComponent, normalizeClass, openBlock, toDisplayString, unref, withCtx } from "vue";
+import { RouterLink } from "vue-router";
+// src/components/admin/list/prev-next-buttons.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = ["aria-label"];
+var _hoisted_2 = {
+	key: 2,
+	class: "text-sm text-muted-foreground tabular-nums"
+};
+var prev_next_buttons_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "prev-next-buttons",
+	props: {
+		class: {},
+		record: {},
+		linkType: {},
+		storeKey: {
+			type: [String, Boolean],
+			default: void 0
+		},
+		limit: {},
+		sort: {},
+		filter: {},
+		filterDefaultValues: {},
+		meta: {}
+	},
+	setup(__props) {
+		/**
+		* `<PrevNextButtons>` — previous and next buttons that step through the records
+		* of the list the ambient record came from, in that list's sort and filter,
+		* with the position ("2 / 40") between them. For an Edit or Show page. The Vue
+		* twin of `@chelone/react`'s `list/prev-next-buttons.tsx`.
+		*
+		* Renders a skeleton while the list loads, a labelled error icon when it
+		* fails, and an empty placeholder when the record has no neighbour (for
+		* instance when the list's filter excludes it).
+		*
+		* @example
+		* <Edit><template #actions><PrevNextButtons /></template>...</Edit>
+		*/
+		const props = __props;
+		const translate = useTranslate();
+		const controller = usePrevNextController(() => {
+			const { class: _class, ...options } = props;
+			return options;
+		});
+		const ghostIcon = buttonVariants({
+			variant: "ghost",
+			size: "icon"
+		});
+		return (_ctx, _cache) => {
+			return unref(controller).isPending ? (openBlock(), createBlock(skeleton_default, {
+				key: 0,
+				class: normalizeClass(unref(cn)("h-9 w-24", props.class))
+			}, null, 8, ["class"])) : unref(controller).error ? (openBlock(), createElementBlock("span", {
+				key: 1,
+				role: "img",
+				"aria-label": unref(translate)("ra.notification.http_error", { _: "Error" }),
+				class: normalizeClass(unref(cn)("inline-flex text-destructive", props.class))
+			}, [createVNode(unref(AlertCircleIcon))], 10, _hoisted_1)) : !unref(controller).hasPrev && !unref(controller).hasNext ? (openBlock(), createElementBlock("div", {
+				key: 2,
+				"data-slot": "prev-next-placeholder",
+				"aria-hidden": "true",
+				class: normalizeClass(unref(cn)("h-9 w-24", props.class))
+			}, null, 2)) : (openBlock(), createElementBlock("nav", {
+				key: 3,
+				class: normalizeClass(unref(cn)("flex items-center gap-1", props.class))
+			}, [
+				unref(controller).prevPath ? (openBlock(), createBlock(unref(RouterLink), {
+					key: 0,
+					to: unref(controller).prevPath,
+					"aria-label": unref(translate)("ra.navigation.previous", { _: "Previous" }),
+					class: normalizeClass(unref(ghostIcon))
+				}, {
+					default: withCtx(() => [createVNode(unref(ChevronLeftIcon))]),
+					_: 1
+				}, 8, [
+					"to",
+					"aria-label",
+					"class"
+				])) : (openBlock(), createBlock(button_default, {
+					key: 1,
+					variant: "ghost",
+					size: "icon",
+					"aria-label": unref(translate)("ra.navigation.previous", { _: "Previous" }),
+					disabled: ""
+				}, {
+					default: withCtx(() => [createVNode(unref(ChevronLeftIcon))]),
+					_: 1
+				}, 8, ["aria-label"])),
+				typeof unref(controller).index === "number" ? (openBlock(), createElementBlock("span", _hoisted_2, toDisplayString(unref(controller).total != null ? `${unref(controller).index + 1} / ${unref(controller).total}` : unref(controller).index + 1), 1)) : createCommentVNode("", true),
+				unref(controller).nextPath ? (openBlock(), createBlock(unref(RouterLink), {
+					key: 3,
+					to: unref(controller).nextPath,
+					"aria-label": unref(translate)("ra.navigation.next", { _: "Next" }),
+					class: normalizeClass(unref(ghostIcon))
+				}, {
+					default: withCtx(() => [createVNode(unref(ChevronRightIcon))]),
+					_: 1
+				}, 8, [
+					"to",
+					"aria-label",
+					"class"
+				])) : (openBlock(), createBlock(button_default, {
+					key: 4,
+					variant: "ghost",
+					size: "icon",
+					"aria-label": unref(translate)("ra.navigation.next", { _: "Next" }),
+					disabled: ""
+				}, {
+					default: withCtx(() => [createVNode(unref(ChevronRightIcon))]),
+					_: 1
+				}, 8, ["aria-label"]))
+			], 2));
+		};
+	}
+});
+export { prev_next_buttons_vue_vue_type_script_setup_true_lang_default as default };

package/dist/components/admin/list/record-timeline.js

@@ -0,0 +1,4 @@
+import record_timeline_vue_vue_type_script_setup_true_lang_default from "./record-timeline.vue_vue_type_script_setup_true_lang.js";
+// src/components/admin/list/record-timeline.vue
+var record_timeline_default = record_timeline_vue_vue_type_script_setup_true_lang_default;
+export { record_timeline_default as default };

package/dist/components/admin/list/record-timeline.vue.d.ts

@@ -0,0 +1,40 @@
+import { type VNode } from "vue";
+import type { LooseRecord, SourceProp } from "@chelone/core";
+import type { Component } from "vue";
+/** Props for {@link RecordTimeline}. */
+export interface RecordTimelineProps<TRecord extends LooseRecord = LooseRecord> {
+    /** The field printed as the entry's text; a dotted path reads a nested value. */
+    messageSource: SourceProp<TRecord>;
+    /** The field holding the entry's date. An invalid or missing date leaves the time out. */
+    timestampSource: SourceProp<TRecord>;
+    /** The field holding who did it. Without it, or with no value, the entry shows no user. */
+    userSource?: SourceProp<TRecord>;
+    /** The field whose value picks an entry of `icons`. */
+    iconSource?: SourceProp<TRecord>;
+    /** Icons by the value of `iconSource`. An entry with no match shows a clock. */
+    icons?: Record<string, Component>;
+    class?: string;
+}
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: <TRecord extends LooseRecord = LooseRecord>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: import("vue").PublicProps & __VLS_PrettifyLocal<RecordTimelineProps<TRecord>> & (typeof globalThis extends {
+        __VLS_PROPS_FALLBACK: infer P;
+    } ? P : {});
+    expose: (exposed: {}) => void;
+    attrs: any;
+    slots: {
+        /** Rendered while the list is pending, in place of `SimpleListLoading`. */
+        loading?(): VNode[];
+        /** Rendered with no records, in place of the translated "No activity yet". */
+        empty?(): VNode[];
+    };
+    emit: {};
+}>) => import("vue").VNode & {
+    __ctx?: NonNullable<Awaited<typeof __VLS_setup>>;
+};
+type __VLS_PrettifyLocal<T> = (T extends any ? {
+    [K in keyof T]: T[K];
+} : {
+    [K in keyof T as K]: T[K];
+}) & {};

package/dist/components/admin/list/record-timeline.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,104 @@
+import { useLocale } from "../../../i18n/use-locale.js";
+import { useTranslate } from "../../../i18n/use-translate.js";
+import { cn } from "../../../lib/utils.js";
+import { useListContext } from "../../../list/list-context.js";
+import { ClockIcon } from "./list-icons.js";
+import simple_list_loading_default from "./simple-list-loading.js";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, defineComponent, normalizeClass, openBlock, renderList, renderSlot, resolveDynamicComponent, toDisplayString, unref } from "vue";
+import { formatRelativeTime, toTimelineEntries } from "@chelone/core";
+// src/components/admin/list/record-timeline.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = ["data-entry-id"];
+var _hoisted_2 = {
+	"aria-hidden": "true",
+	class: "mt-0.5 shrink-0"
+};
+var _hoisted_3 = { class: "flex min-w-0 flex-1 flex-col gap-0.5" };
+var _hoisted_4 = { class: "text-sm" };
+var _hoisted_5 = { class: "flex flex-wrap gap-x-2 text-xs text-muted-foreground" };
+var _hoisted_6 = {
+	key: 0,
+	"data-slot": "record-timeline-user"
+};
+var _hoisted_7 = ["datetime", "title"];
+var record_timeline_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "record-timeline",
+	props: {
+		messageSource: {},
+		timestampSource: {},
+		userSource: {},
+		iconSource: {},
+		icons: {},
+		class: {}
+	},
+	setup(__props) {
+		/**
+		* `<RecordTimeline>` — the records of the ambient list as a dated activity
+		* list, one entry per record in list order. The Vue analog of
+		* `@chelone/react`'s `list/record-timeline.tsx`. It fetches nothing: put it in
+		* a `<ReferenceManyField>` or a `<List>`, whose `sort` sets the order. The
+		* relative time is computed at render and does not tick while the page stays
+		* open. The `loading` and `empty` slots replace `SimpleListLoading` and the
+		* translated "No activity yet".
+		*
+		* @example
+		* <ReferenceManyField
+		*   reference="events"
+		*   target="post_id"
+		*   :sort="{ field: 'at', order: 'DESC' }"
+		* >
+		*   <RecordTimeline message-source="message" timestamp-source="at" user-source="by" />
+		* </ReferenceManyField>
+		*/
+		const props = __props;
+		const list = useListContext();
+		const translate = useTranslate();
+		const locale = useLocale();
+		const timeline = computed(() => {
+			const now = /* @__PURE__ */ new Date();
+			return toTimelineEntries(list.data ?? [], {
+				messageSource: props.messageSource,
+				timestampSource: props.timestampSource,
+				userSource: props.userSource,
+				iconSource: props.iconSource
+			}).map((entry) => ({
+				...entry,
+				icon: iconFor(entry.icon),
+				time: entry.date === void 0 ? void 0 : {
+					iso: entry.date.toISOString(),
+					full: entry.date.toLocaleString(locale.value),
+					relative: formatRelativeTime(entry.date, now, locale.value)
+				}
+			}));
+		});
+		function iconFor(key) {
+			const { icons } = props;
+			return key !== void 0 && icons !== void 0 && Object.hasOwn(icons, key) && icons[key] || ClockIcon;
+		}
+		return (_ctx, _cache) => {
+			return unref(list).isPending ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [_ctx.$slots.loading ? renderSlot(_ctx.$slots, "loading", {}, void 0, void 0, 0) : (openBlock(), createBlock(simple_list_loading_default, {
+				key: 1,
+				class: normalizeClass(props.class)
+			}, null, 8, ["class"]))], 64)) : timeline.value.length === 0 ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [_ctx.$slots.empty ? renderSlot(_ctx.$slots, "empty", {}, void 0, void 0, 0) : (openBlock(), createElementBlock("p", {
+				key: 1,
+				"data-slot": "record-timeline-empty",
+				class: normalizeClass(unref(cn)("text-sm text-muted-foreground", props.class))
+			}, toDisplayString(unref(translate)("chelone.record_timeline.empty", { _: "No activity yet" })), 3))], 64)) : (openBlock(), createElementBlock("ol", {
+				key: 2,
+				"data-slot": "record-timeline",
+				class: normalizeClass(unref(cn)("flex flex-col", props.class))
+			}, [(openBlock(true), createElementBlock(Fragment, null, renderList(timeline.value, (entry) => {
+				return openBlock(), createElementBlock("li", {
+					key: entry.id,
+					"data-slot": "record-timeline-entry",
+					"data-entry-id": entry.id,
+					class: "flex gap-3 py-2"
+				}, [createElementVNode("span", _hoisted_2, [(openBlock(), createBlock(resolveDynamicComponent(entry.icon), { class: "size-4 text-muted-foreground" }))]), createElementVNode("div", _hoisted_3, [createElementVNode("span", _hoisted_4, toDisplayString(entry.message), 1), createElementVNode("span", _hoisted_5, [entry.user !== void 0 ? (openBlock(), createElementBlock("span", _hoisted_6, toDisplayString(entry.user), 1)) : createCommentVNode("", true), entry.time ? (openBlock(), createElementBlock("time", {
+					key: 1,
+					datetime: entry.time.iso,
+					title: entry.time.full
+				}, toDisplayString(entry.time.relative), 9, _hoisted_7)) : createCommentVNode("", true)])])], 8, _hoisted_1);
+			}), 128))], 2));
+		};
+	}
+});
+export { record_timeline_vue_vue_type_script_setup_true_lang_default as default };

package/dist/components/admin/list/saved-queries-list.js

@@ -0,0 +1,4 @@
+import saved_queries_list_vue_vue_type_script_setup_true_lang_default from "./saved-queries-list.vue_vue_type_script_setup_true_lang.js";
+// src/components/admin/list/saved-queries-list.vue
+var saved_queries_list_default = saved_queries_list_vue_vue_type_script_setup_true_lang_default;
+export { saved_queries_list_default as default };

package/dist/components/admin/list/saved-queries-list.vue.d.ts

@@ -6,5 +6,6 @@ export interface SavedQueriesListProps {
     storeKey?: string;
     class?: string;
 }
-declare const _default: import("vue").DefineComponent<SavedQueriesListProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<SavedQueriesListProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
 export default _default;
+declare const __VLS_export: import("vue").DefineComponent<SavedQueriesListProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<SavedQueriesListProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/components/admin/list/saved-queries-list.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,145 @@
+import { useTranslate } from "../../../i18n/use-translate.js";
+import { cn } from "../../../lib/utils.js";
+import { useListContext } from "../../../list/list-context.js";
+import { useRequiredResource } from "../../../resource-context.js";
+import { useSavedQueries } from "../../../store/use-saved-queries.js";
+import button_default from "../../ui/button.js";
+import input_default from "../../ui/input.js";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, normalizeClass, openBlock, ref, renderList, toDisplayString, toRaw, unref, watch, withCtx, withModifiers } from "vue";
+import { isSavedQueryActive } from "@chelone/core";
+// src/components/admin/list/saved-queries-list.vue?vue&type=script&setup=true&lang.ts
+var saved_queries_list_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "saved-queries-list",
+	props: {
+		resource: {},
+		storeKey: {},
+		class: {}
+	},
+	setup(__props) {
+		/**
+		* `<SavedQueriesList>` — named filter/sort sets of the ambient `<List>`, the Vue
+		* analog of `@chelone/react`'s `list/saved-queries-list.tsx`. Apply one with a
+		* click, save the current one under a name, remove one. Place it among the list
+		* children.
+		*
+		* Chelone divergences from ra-core: no dialogs (the Vue package has no dialog
+		* primitive), the name is typed into an inline form; only a list with a filter
+		* set can be saved, so a sort-only query cannot.
+		*/
+		const props = __props;
+		const resource = useRequiredResource("SavedQueriesList", { resource: props.resource });
+		const list = useListContext();
+		const translate = useTranslate();
+		const { queries, save, remove } = useSavedQueries(resource, { storeKey: props.storeKey });
+		const naming = ref(false);
+		const name = ref("");
+		const t = (key, fallback, params = {}) => {
+			const out = translate(key, params);
+			return out === key ? fallback : out;
+		};
+		const removeLabel = (label) => t("ra.saved_queries.remove_label_with_name", `Remove saved query "${label}"`, { name: label });
+		const current = computed(() => ({
+			filter: toRaw(list.filter),
+			displayedFilters: toRaw(list.displayedFilters),
+			sort: toRaw(list.sort),
+			perPage: list.perPage
+		}));
+		const entries = computed(() => queries.value.map((query) => ({
+			...query,
+			active: isSavedQueryActive(query.value, current.value)
+		})));
+		const canSave = computed(() => Object.keys(list.filter).length > 0 && !entries.value.some((entry) => entry.active));
+		function apply(value, active) {
+			if (active) {
+				list.setParams({ filter: {} });
+				return;
+			}
+			list.setParams({
+				filter: value.filter,
+				displayedFilters: value.displayedFilters,
+				sort: value.sort,
+				perPage: value.perPage
+			});
+		}
+		function closeForm() {
+			naming.value = false;
+			name.value = "";
+		}
+		watch(canSave, (saveable) => {
+			if (!saveable) closeForm();
+		});
+		function submit() {
+			if (!canSave.value || !name.value.trim()) return;
+			save(name.value, current.value);
+			closeForm();
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", {
+				"data-slot": "saved-queries-list",
+				class: normalizeClass(unref(cn)("flex flex-wrap items-center gap-2", props.class))
+			}, [(openBlock(true), createElementBlock(Fragment, null, renderList(entries.value, (query) => {
+				return openBlock(), createElementBlock("span", {
+					key: query.label,
+					class: "inline-flex items-center"
+				}, [createVNode(button_default, {
+					size: "sm",
+					variant: query.active ? "default" : "outline",
+					"aria-pressed": query.active,
+					onClick: ($event) => apply(query.value, query.active)
+				}, {
+					default: withCtx(() => [createTextVNode(toDisplayString(query.label), 1)]),
+					_: 2
+				}, 1032, [
+					"variant",
+					"aria-pressed",
+					"onClick"
+				]), createVNode(button_default, {
+					size: "icon",
+					variant: "ghost",
+					"aria-label": removeLabel(query.label),
+					onClick: ($event) => unref(remove)(query.label)
+				}, {
+					default: withCtx(() => [..._cache[2] || (_cache[2] = [createElementVNode("span", { "aria-hidden": "true" }, "×", -1)])]),
+					_: 1
+				}, 8, ["aria-label", "onClick"])]);
+			}), 128)), naming.value && canSave.value ? (openBlock(), createElementBlock("form", {
+				key: 0,
+				class: "flex items-center gap-2",
+				onSubmit: withModifiers(submit, ["prevent"])
+			}, [
+				createVNode(input_default, {
+					modelValue: name.value,
+					"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => name.value = $event),
+					type: "text",
+					class: "h-8 w-48",
+					"aria-label": t("ra.saved_queries.query_name", "Query name")
+				}, null, 8, ["modelValue", "aria-label"]),
+				createVNode(button_default, {
+					type: "submit",
+					size: "sm",
+					disabled: !name.value.trim()
+				}, {
+					default: withCtx(() => [createTextVNode(toDisplayString(t("ra.action.save", "Save")), 1)]),
+					_: 1
+				}, 8, ["disabled"]),
+				createVNode(button_default, {
+					variant: "ghost",
+					size: "sm",
+					onClick: closeForm
+				}, {
+					default: withCtx(() => [createTextVNode(toDisplayString(t("ra.action.cancel", "Cancel")), 1)]),
+					_: 1
+				})
+			], 32)) : canSave.value ? (openBlock(), createBlock(button_default, {
+				key: 1,
+				variant: "outline",
+				size: "sm",
+				onClick: _cache[1] || (_cache[1] = ($event) => naming.value = true)
+			}, {
+				default: withCtx(() => [createTextVNode(toDisplayString(t("ra.saved_queries.new_label", "Save current query")), 1)]),
+				_: 1
+			})) : createCommentVNode("", true)], 2);
+		};
+	}
+});
+export { saved_queries_list_vue_vue_type_script_setup_true_lang_default as default };

package/dist/components/admin/list/simple-list-item.js

@@ -0,0 +1,4 @@
+import simple_list_item_vue_vue_type_script_setup_true_lang_default from "./simple-list-item.vue_vue_type_script_setup_true_lang.js";
+// src/components/admin/list/simple-list-item.vue
+var simple_list_item_default = simple_list_item_vue_vue_type_script_setup_true_lang_default;
+export { simple_list_item_default as default };

package/dist/components/admin/list/simple-list-item.vue.d.ts

@@ -18,14 +18,15 @@ export interface SimpleListItemProps {
     rowIndex?: number;
     class?: string;
 }
-declare const _default: __VLS_WithSlots<import("vue").DefineComponent<SimpleListItemProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<SimpleListItemProps> & Readonly<{}>, {
-    linkType: "edit" | "show" | false;
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<SimpleListItemProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<SimpleListItemProps> & Readonly<{}>, {
+    linkType: false | "edit" | "show";
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
     default?: (props: {}) => any;
 } & {
     default?: (props: {}) => any;
 }>;
-export default _default;
 type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;

package/dist/components/admin/list/simple-list-item.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,60 @@
+import { useResourceDefinition } from "../../../admin/resource-registry.js";
+import { cn } from "../../../lib/utils.js";
+import { RecordContextKey } from "../../../record/record-context.js";
+import { useResourceContext } from "../../../resource-context.js";
+import { useCreatePath } from "../../../router/nav-composables.js";
+import { computed, createBlock, createCommentVNode, createElementBlock, defineComponent, normalizeClass, openBlock, provide, ref, renderSlot, unref, watch, withCtx } from "vue";
+import { RouterLink } from "vue-router";
+// src/components/admin/list/simple-list-item.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = ["data-row-index"];
+var simple_list_item_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "simple-list-item",
+	props: {
+		record: {},
+		resource: {},
+		linkType: {
+			type: [String, Boolean],
+			default: void 0
+		},
+		rowIndex: {},
+		class: {}
+	},
+	setup(__props) {
+		/**
+		* `<SimpleListItem>` — one `<li>` of a `<SimpleList>`: the row content, linked
+		* to the record's edit or show page. The Vue analog of `@chelone/react`'s
+		* `list/simple-list-item.tsx`. Provides the record to its content (so slotted
+		* fields resolve it via `RecordContext`) and renders nothing without one.
+		*/
+		const props = __props;
+		const recordRef = ref(props.record);
+		watch(() => props.record, (next) => {
+			recordRef.value = next;
+		});
+		provide(RecordContextKey, recordRef);
+		const resource = useResourceContext(props);
+		const createPath = useCreatePath();
+		const definition = useResourceDefinition(() => ({ resource }));
+		const type = computed(() => props.linkType ?? (definition.value.hasEdit ? "edit" : definition.value.hasShow ? "show" : false));
+		const to = computed(() => props.record && resource && type.value ? createPath({
+			resource,
+			id: props.record.id,
+			type: type.value
+		}) : void 0);
+		return (_ctx, _cache) => {
+			return __props.record ? (openBlock(), createElementBlock("li", {
+				key: 0,
+				"data-row-index": __props.rowIndex,
+				class: normalizeClass(to.value ? void 0 : props.class)
+			}, [to.value ? (openBlock(), createBlock(unref(RouterLink), {
+				key: 0,
+				to: to.value,
+				class: normalizeClass(unref(cn)("block", props.class))
+			}, {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 8, ["to", "class"])) : renderSlot(_ctx.$slots, "default", {}, void 0, void 0, 1)], 10, _hoisted_1)) : createCommentVNode("", true);
+		};
+	}
+});
+export { simple_list_item_vue_vue_type_script_setup_true_lang_default as default };

package/dist/components/admin/list/simple-list-loading.js

@@ -0,0 +1,4 @@
+import simple_list_loading_vue_vue_type_script_setup_true_lang_default from "./simple-list-loading.vue_vue_type_script_setup_true_lang.js";
+// src/components/admin/list/simple-list-loading.vue
+var simple_list_loading_default = simple_list_loading_vue_vue_type_script_setup_true_lang_default;
+export { simple_list_loading_default as default };

package/dist/components/admin/list/simple-list-loading.vue.d.ts

@@ -8,7 +8,8 @@ export interface SimpleListLoadingProps {
     hasSecondaryText?: boolean;
     hasTertiaryText?: boolean;
 }
-declare const _default: import("vue").DefineComponent<SimpleListLoadingProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<SimpleListLoadingProps> & Readonly<{}>, {
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: import("vue").DefineComponent<SimpleListLoadingProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<SimpleListLoadingProps> & Readonly<{}>, {
     nbFakeLines: number;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-export default _default;

package/dist/components/admin/list/simple-list-loading.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,58 @@
+import { cn } from "../../../lib/utils.js";
+import skeleton_default from "../../ui/skeleton.js";
+import { useTimeout } from "../feedback/use-timeout.js";
+import { Fragment, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, normalizeClass, openBlock, renderList, unref } from "vue";
+// src/components/admin/list/simple-list-loading.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { class: "flex flex-1 flex-col gap-2" };
+var simple_list_loading_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "simple-list-loading",
+	props: {
+		class: {},
+		nbFakeLines: { default: 5 },
+		hasLeftAvatarOrIcon: { type: Boolean },
+		hasRightAvatarOrIcon: { type: Boolean },
+		hasSecondaryText: { type: Boolean },
+		hasTertiaryText: { type: Boolean }
+	},
+	setup(__props) {
+		/**
+		* `<SimpleListLoading>` — placeholder rows for a pending `<SimpleList>`, the
+		* Vue analog of `@chelone/react`'s `list/simple-list-loading.tsx`. Renders
+		* nothing for the first second so a fast response never flashes a skeleton.
+		*/
+		const props = __props;
+		const ready = useTimeout(1e3);
+		return (_ctx, _cache) => {
+			return unref(ready) ? (openBlock(), createElementBlock("ul", {
+				key: 0,
+				class: normalizeClass(unref(cn)("flex flex-col", props.class))
+			}, [(openBlock(true), createElementBlock(Fragment, null, renderList(props.nbFakeLines, (index) => {
+				return openBlock(), createElementBlock("li", {
+					key: index,
+					class: "flex items-center gap-3 px-4 py-3"
+				}, [
+					__props.hasLeftAvatarOrIcon ? (openBlock(), createBlock(skeleton_default, {
+						key: 0,
+						class: "size-10 shrink-0 rounded-full"
+					})) : createCommentVNode("", true),
+					createElementVNode("div", _hoisted_1, [
+						createVNode(skeleton_default, { class: "h-4 w-2/3" }),
+						__props.hasSecondaryText ? (openBlock(), createBlock(skeleton_default, {
+							key: 0,
+							class: "h-3 w-1/2"
+						})) : createCommentVNode("", true),
+						__props.hasTertiaryText ? (openBlock(), createBlock(skeleton_default, {
+							key: 1,
+							class: "h-3 w-1/3"
+						})) : createCommentVNode("", true)
+					]),
+					__props.hasRightAvatarOrIcon ? (openBlock(), createBlock(skeleton_default, {
+						key: 1,
+						class: "size-6 shrink-0 rounded-full"
+					})) : createCommentVNode("", true)
+				]);
+			}), 128))], 2)) : createCommentVNode("", true);
+		};
+	}
+});
+export { simple_list_loading_vue_vue_type_script_setup_true_lang_default as default };

package/dist/components/admin/list/simple-list.js

@@ -0,0 +1,4 @@
+import simple_list_vue_vue_type_script_setup_true_lang_default from "./simple-list.vue_vue_type_script_setup_true_lang.js";
+// src/components/admin/list/simple-list.vue
+var simple_list_default = simple_list_vue_vue_type_script_setup_true_lang_default;
+export { simple_list_default as default };

package/dist/components/admin/list/simple-list.vue.d.ts

@@ -1,3 +1,4 @@
+import type { VNode } from "vue";
 import type { Identifier, LooseRecord } from "@chelone/core";
 /** Props for {@link SimpleList}. */
 export interface SimpleListProps {
@@ -10,21 +11,22 @@ export interface SimpleListSlotProps {
     record: LooseRecord;
     id: Identifier;
 }
-declare const _default: __VLS_WithSlots<import("vue").DefineComponent<SimpleListProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<SimpleListProps> & Readonly<{}>, {
-    linkType: "edit" | "show" | false;
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<SimpleListProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<SimpleListProps> & Readonly<{}>, {
+    linkType: false | "edit" | "show";
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
-    "primary-text"?(props: SimpleListSlotProps): unknown;
-    "secondary-text"?(props: SimpleListSlotProps): unknown;
-    "tertiary-text"?(props: SimpleListSlotProps): unknown;
-    "left-avatar"?(props: SimpleListSlotProps): unknown;
-    "left-icon"?(props: SimpleListSlotProps): unknown;
-    "right-icon"?(props: SimpleListSlotProps): unknown;
+    "primary-text"?(props: SimpleListSlotProps): VNode[];
+    "secondary-text"?(props: SimpleListSlotProps): VNode[];
+    "tertiary-text"?(props: SimpleListSlotProps): VNode[];
+    "left-avatar"?(props: SimpleListSlotProps): VNode[];
+    "left-icon"?(props: SimpleListSlotProps): VNode[];
+    "right-icon"?(props: SimpleListSlotProps): VNode[];
     /** Rendered while the list is pending, in place of `SimpleListLoading`. */
-    loading?(): unknown;
+    loading?(): VNode[];
     /** Rendered with no records, in place of `ListNoResults`. */
-    empty?(): unknown;
+    empty?(): VNode[];
 }>;
-export default _default;
 type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;