@chelone/vue 0.7.0 → 0.9.0

package/dist/admin/admin.vue_vue_type_script_setup_true_lang.js

@@ -2,6 +2,7 @@ import { BasenameKey } from "../router/adapter.js";
 import admin_shell_default from "./admin-shell.js";
 import { provideCheloneContext } from "../context.js";
 import { toRouteRecord } from "./custom-routes.js";
+import { resourceView } from "./resource-view.js";
 import { createSlotRoutes } from "./slot-routes.js";
 import { provideVueRouterAdapter } from "../router/vue-router-adapter.js";
 import { provideHasDashboard } from "./has-dashboard.js";
@@ -93,22 +94,22 @@ var admin_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComp
 			if (definition.create) removers.push(router.addRoute({
 				path: joinBasename(`/${name}/create/:pathMatch(.*)*`, basename),
 				name: `chelone-${name}-create`,
-				component: definition.create
+				component: resourceView(name, definition.create)
 			}));
 			if (definition.show) removers.push(router.addRoute({
 				path: joinBasename(`/${name}/:id/show/:pathMatch(.*)*`, basename),
 				name: `chelone-${name}-show`,
-				component: definition.show
+				component: resourceView(name, definition.show)
 			}));
 			if (definition.edit) removers.push(router.addRoute({
 				path: joinBasename(`/${name}/:id/:pathMatch(.*)*`, basename),
 				name: `chelone-${name}-edit`,
-				component: definition.edit
+				component: resourceView(name, definition.edit)
 			}));
 			if (definition.list) removers.push(router.addRoute({
 				path: joinBasename(`/${name}`, basename),
 				name: `chelone-${name}-list`,
-				component: definition.list
+				component: resourceView(name, definition.list)
 			}));
 			return removers;
 		}

package/dist/admin/auth-gate.js

@@ -1,7 +1,7 @@
 import { useCheloneContext } from "../context.js";
 import { useLocation, useRedirect } from "../router/nav-composables.js";
 import { computed, watch } from "vue";
-import { authStateQueryOptions } from "@chelone/core";
+import { NEXT_PATHNAME_KEY, authStateQueryOptions } from "@chelone/core";
 import { useQuery } from "@tanstack/vue-query";
 // src/admin/auth-gate.ts
 /**
@@ -74,8 +74,6 @@ function useAuthenticated(options = {}) {
 	}, { immediate: true });
 	return gate;
 }
-/** The Store key the login flow stashes the post-login target under. */
-var NEXT_PATHNAME_KEY = "nextPathname";
 /**
 * Resolve an OAuth auth-callback redirect. On mount, call the provider's
 * `handleCallback`; on success, redirect to the FIRST available of:

package/dist/admin/resource-view.d.ts

@@ -0,0 +1,8 @@
+import { type Component } from "vue";
+/**
+ * A resource's view as its route renders it: the view itself, with `name`
+ * provided as the ambient resource, so a view that is given no `resource`
+ * prop, such as a guesser, reads it from context. The React `<Resource>` does
+ * the same around its views.
+ */
+export declare function resourceView(name: string, view: Component): Component;

package/dist/admin/resource-view.js

@@ -0,0 +1,19 @@
+import { provideResourceContext } from "../resource-context.js";
+import { defineComponent, h, markRaw } from "vue";
+// src/admin/resource-view.ts
+/**
+* A resource's view as its route renders it: the view itself, with `name`
+* provided as the ambient resource, so a view that is given no `resource`
+* prop, such as a guesser, reads it from context. The React `<Resource>` does
+* the same around its views.
+*/
+function resourceView(name, view) {
+	return markRaw(defineComponent({
+		inheritAttrs: false,
+		setup(_props, { attrs, slots }) {
+			provideResourceContext(name);
+			return () => h(view, attrs, slots);
+		}
+	}));
+}
+export { resourceView };

package/dist/auth/permissions-hooks.js

@@ -1,7 +1,7 @@
 import { useCheloneContext } from "../context.js";
 import { useRedirectOptional } from "../router/nav-composables.js";
 import { computed, onScopeDispose } from "vue";
-import { checkError, permissionsQueryOptions } from "@chelone/core";
+import { DEFAULT_LOGIN_PATH, checkError, permissionsQueryOptions } from "@chelone/core";
 import { useMutation, useQuery, useQueryClient } from "@tanstack/vue-query";
 // src/auth/permissions-hooks.ts
 /**
@@ -48,8 +48,6 @@ function usePermissions(params, options = {}) {
 		}
 	};
 }
-/** The default path a logged-out session is redirected to. */
-var DEFAULT_LOGIN_PATH = "/login";
 /**
 * Module-level debounce (mirrors ra-core + the React twin): side-effects fire at
 * most once per tick, so a burst of simultaneously-erroring queries does not

package/dist/choices/choices-context.d.ts

@@ -14,9 +14,8 @@
  * so a plain property read tracks the controller store — Vue's answer to React
  * re-deriving the object each render. The inline context is a frozen plain object.
  */
-import type { FilterPayload, SortPayload } from "@chelone/core";
+import type { ChoiceRecord, FilterPayload, SortPayload } from "@chelone/core";
 import { type InjectionKey } from "vue";
-import type { ChoiceRecord } from "./use-choices.js";
 /**
  * The choices context every choice input consumes. A reference context fills the
  * data fields through getters (reactive); an inline context is static. The

package/dist/choices/use-choices.d.ts

@@ -13,9 +13,9 @@
  * comes from the ambient i18n via {@link useTranslate}, so `useChoices` must be
  * called in `setup`.
  */
-import { type ChoiceValueOf, type SourcePath } from "@chelone/core";
-/** An erased choice record — choices carry arbitrary shapes (`{id, name, ...}`). */
-export type ChoiceRecord = Record<string, unknown>;
+import { type ChoiceRecord, type ChoiceValueOf, type SourcePath } from "@chelone/core";
+/** An erased choice record — choices carry arbitrary shapes (`{id, name, ...}`). Core owns the type; both adapters re-export it. */
+export type { ChoiceRecord };
 /** The display path (dot or bracket) or a formatter over the whole choice. */
 export type OptionText<TChoice extends ChoiceRecord = ChoiceRecord> = SourcePath<TChoice> | ((choice: TChoice) => string);
 export interface UseChoicesOptions<TChoice extends ChoiceRecord = ChoiceRecord> {

package/dist/choices/use-choices.js

@@ -35,22 +35,25 @@ function getChoicePath(record, path) {
 */
 function useChoices(options = {}) {
 	const translate = useTranslate();
-	const loose = () => options;
+	const optionText = () => options.optionText ?? "name";
+	const optionValue = () => options.optionValue ?? "id";
+	const disableValue = () => options.disableValue ?? "disabled";
+	const translateChoice = () => options.translateChoice ?? true;
 	return {
 		getChoiceText(choice) {
-			const optionText = loose().optionText ?? "name";
-			if (typeof optionText === "function") return optionText(choice);
-			const raw = getChoicePath(choice, optionText);
-			const text = textOf(raw);
-			if (loose().translateChoice === false) return text;
-			const translated = translate(text, { _: text });
-			return translated === text ? text : translated;
+			const text = optionText();
+			if (typeof text === "function") return text(choice);
+			const raw = getChoicePath(choice, text);
+			const label = textOf(raw);
+			if (!translateChoice()) return label;
+			const translated = translate(label, { _: label });
+			return translated === label ? label : translated;
 		},
 		getChoiceValue(choice) {
-			return resolveChoiceValue(choice, getChoicePath(choice, loose().optionValue ?? "id"));
+			return resolveChoiceValue(choice, getChoicePath(choice, optionValue()));
 		},
 		getDisableValue(choice) {
-			return getChoicePath(choice, loose().disableValue ?? "disabled") === true;
+			return getChoicePath(choice, disableValue()) === true;
 		}
 	};
 }

package/dist/choices/use-reference-input.js

@@ -1,6 +1,6 @@
 import { useCheloneContext } from "../context.js";
 import { useMicroStore } from "../store/use-micro-store.js";
-import { createChoicesController } from "@chelone/core";
+import { choiceListsOf, createChoicesController } from "@chelone/core";
 // src/choices/use-reference-input.ts
 /** Structurally the choices-controller context (data services + i18n). */
 function toChoicesContext(ctx) {
@@ -27,13 +27,13 @@ function useReferenceInput(options) {
 	const state = useMicroStore(controller);
 	return {
 		get allChoices() {
-			return state.value.allChoices;
+			return choiceListsOf(state.value).allChoices;
 		},
 		get availableChoices() {
-			return state.value.availableChoices;
+			return choiceListsOf(state.value).availableChoices;
 		},
 		get selectedChoices() {
-			return state.value.selectedChoices;
+			return choiceListsOf(state.value).selectedChoices;
 		},
 		get total() {
 			return state.value.total;

package/dist/components/admin/auth/auth-error.vue_vue_type_script_setup_true_lang.js

@@ -3,6 +3,7 @@ import { cn } from "../../../lib/utils.js";
 import { buttonVariants } from "../../ui/button-variants.js";
 import { CircleAlertIcon, LockIcon } from "./icons.js";
 import { computed, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, normalizeClass, openBlock, toDisplayString, unref, withCtx } from "vue";
+import { DEFAULT_LOGIN_PATH } from "@chelone/core";
 import { RouterLink } from "vue-router";
 // src/components/admin/auth/auth-error.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = {
@@ -38,13 +39,13 @@ var auth_error_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defin
 				createElementVNode("h1", _hoisted_1, [createVNode(unref(CircleAlertIcon), { class: "w-[2em] h-[2em]" }), createTextVNode(" " + toDisplayString(unref(translate)(props.title, { _: props.title })), 1)]),
 				createElementVNode("p", _hoisted_2, toDisplayString(unref(translate)(props.message, { _: props.message })), 1),
 				createVNode(unref(RouterLink), {
-					to: "/login",
+					to: unref(DEFAULT_LOGIN_PATH),
 					class: normalizeClass(linkClasses.value),
 					"data-slot": "auth-error-signin"
 				}, {
-					default: withCtx(() => [createVNode(unref(LockIcon)), createTextVNode(" " + toDisplayString(unref(translate)("ra.auth.sign_in", { _: "Sign in" })), 1)]),
+					default: withCtx(() => [createVNode(unref(LockIcon), { class: "size-4" }), createTextVNode(" " + toDisplayString(unref(translate)("ra.auth.sign_in", { _: "Sign in" })), 1)]),
 					_: 1
-				}, 8, ["class"])
+				}, 8, ["to", "class"])
 			], 2);
 		};
 	}

package/dist/components/admin/auth/auth-layout.vue_vue_type_script_setup_true_lang.js

@@ -18,7 +18,7 @@ var _hoisted_5 = {
 };
 var _hoisted_6 = {
 	key: 1,
-	class: "text-sm leading-none text-muted-foreground"
+	class: "text-sm leading-normal text-muted-foreground"
 };
 var auth_layout_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	__name: "auth-layout",

package/dist/components/admin/auth/can-access.vue.d.ts

@@ -18,7 +18,7 @@
  * </CanAccess>
  */
 import { type VNode } from "vue";
-import type { LooseRecord, ResourceRecord } from "@chelone/core";
+import type { ResourceRecord } from "@chelone/core";
 /** Props for {@link CanAccess}. */
 export interface CanAccessProps {
     /** The action to check (`'list' | 'create' | 'edit' | 'show' | 'delete'` or custom). */
@@ -30,7 +30,7 @@ export interface CanAccessProps {
      * the floor; the rest is whatever the grant's predicate reads, so a record of
      * the caller's own shape and an inline record both fit.
      */
-    record?: ResourceRecord | LooseRecord;
+    record?: ResourceRecord;
 }
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/components/admin/auth/login-form.vue_vue_type_script_setup_true_lang.js

@@ -58,8 +58,9 @@ var login_form_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defin
 				email: "",
 				password: ""
 			},
-			onSubmit: save,
-			resetOnSuccess: false
+			recordForm: false,
+			resetOnSuccess: false,
+			onSubmit: save
 		});
 		function handleSubmit(event) {
 			event.preventDefault();

package/dist/components/admin/auth/login-with-email.vue_vue_type_script_setup_true_lang.js

@@ -71,6 +71,7 @@ var login_with_email_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/
 				password: ""
 			},
 			onSubmit: save,
+			recordForm: false,
 			resetOnSuccess: false
 		});
 		function handleSubmit(event) {

package/dist/components/admin/buttons/bulk-update-button.vue.d.ts

@@ -1,8 +1,8 @@
-import type { LooseRecord, MutationMode } from "@chelone/core";
+import type { LooseRecord, MutationMode, ResourceRecord } from "@chelone/core";
 /** Props for {@link BulkUpdateButton}. */
-export interface BulkUpdateButtonProps {
+export interface BulkUpdateButtonProps<TRecord extends ResourceRecord = LooseRecord> {
     /** The fixed patch applied to every selected record. Default `{}`. */
-    data?: Partial<LooseRecord>;
+    data?: Partial<NoInfer<TRecord>>;
     /** Override the ambient `<Resource>`. */
     resource?: string;
     /** Override the auto-translated label. */
@@ -22,6 +22,19 @@ export interface BulkUpdateButtonProps {
 }
 declare const _default: typeof __VLS_export;
 export default _default;
-declare const __VLS_export: import("vue").DefineComponent<BulkUpdateButtonProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<BulkUpdateButtonProps> & Readonly<{}>, {
-    variant: "link" | "default" | "destructive" | "outline" | "secondary" | "ghost";
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: <TRecord extends ResourceRecord = 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<BulkUpdateButtonProps<TRecord>> & (typeof globalThis extends {
+        __VLS_PROPS_FALLBACK: infer P;
+    } ? P : {});
+    expose: (exposed: {}) => void;
+    attrs: any;
+    slots: {};
+    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/buttons/bulk-update-button.vue_vue_type_script_setup_true_lang.js

@@ -49,7 +49,7 @@ var bulk_update_button_vue_vue_type_script_setup_true_lang_default = /*@__PURE__
 		const list = useListContext();
 		const updateMany = useUpdateMany(resource);
 		const isPending = computed(() => updateMany.isPending.value);
-		const label = computed(() => translate("ra.action.update", { _: props.label ?? "Update" }));
+		const label = computed(() => props.label ? translate(props.label, { _: props.label }) : translate("ra.action.update", { _: "Update" }));
 		async function onClick(event) {
 			event.stopPropagation();
 			const ids = list.selectedIds ?? [];

package/dist/components/admin/buttons/clone-button.vue.d.ts

@@ -1,22 +1,25 @@
-import type { LooseRecord } from "@chelone/core";
+import type { LooseRecord, ResourceRecord } from "@chelone/core";
+import type { RecordLinkButtonProps } from "./record-button-props.js";
 /** Props for {@link CloneButton}. */
-export interface CloneButtonProps {
-    /** Override the ambient record. */
-    record?: LooseRecord;
-    /** Override the ambient `<Resource>`. */
-    resource?: string;
-    /** Override the auto-translated label. */
-    label?: string;
-    /** Extra CSS class appended to the anchor. */
-    class?: string;
+export interface CloneButtonProps<TRecord extends ResourceRecord = LooseRecord> extends RecordLinkButtonProps<TRecord> {
 }
 declare const _default: typeof __VLS_export;
 export default _default;
-declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<CloneButtonProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<CloneButtonProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
-    icon?: (props: {}) => any;
-}>;
-type __VLS_WithSlots<T, S> = T & {
-    new (): {
-        $slots: S;
+declare const __VLS_export: <TRecord extends ResourceRecord = 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<CloneButtonProps<TRecord>> & (typeof globalThis extends {
+        __VLS_PROPS_FALLBACK: infer P;
+    } ? P : {});
+    expose: (exposed: {}) => void;
+    attrs: any;
+    slots: {
+        icon?: (props: {}) => any;
     };
+    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/buttons/clone-button.vue_vue_type_script_setup_true_lang.js

@@ -1,11 +1,11 @@
 import { useTranslate } from "../../../i18n/use-translate.js";
-import { RecordContextKey } from "../../../record/record-context.js";
+import { useRecordContextRef } from "../../../record/record-context.js";
 import { useResourceContext } from "../../../resource-context.js";
 import { useCreatePath } from "../../../router/nav-composables.js";
 import { buttonVariants } from "../../ui/button-variants.js";
 import { useMenuAccess } from "../layout/use-menu-access.js";
 import { CopyIcon } from "./icons.js";
-import { computed, createBlock, createCommentVNode, createTextVNode, createVNode, defineComponent, inject, normalizeClass, openBlock, renderSlot, toDisplayString, unref, withCtx, withModifiers } from "vue";
+import { computed, createBlock, createCommentVNode, createTextVNode, createVNode, defineComponent, normalizeClass, openBlock, renderSlot, toDisplayString, unref, withCtx, withModifiers } from "vue";
 import { RouterLink } from "vue-router";
 // src/components/admin/buttons/clone-button.vue?vue&type=script&setup=true&lang.ts
 var clone_button_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
@@ -28,8 +28,7 @@ var clone_button_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ def
 		*/
 		const props = __props;
 		const resource = useResourceContext(props);
-		const injectedRecord = inject(RecordContextKey, null);
-		const record = computed(() => props.record ?? injectedRecord?.value);
+		const record = useRecordContextRef(() => props.record);
 		const createPath = useCreatePath();
 		const translate = useTranslate();
 		const { canAccess, isPending: isAccessPending } = useMenuAccess(computed(() => ({
@@ -50,7 +49,7 @@ var clone_button_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ def
 			class: props.class
 		}));
 		return (_ctx, _cache) => {
-			return record.value && record.value.id != null && !unref(isAccessPending) && unref(canAccess) ? (openBlock(), createBlock(unref(RouterLink), {
+			return unref(record) && unref(record).id != null && !unref(isAccessPending) && unref(canAccess) ? (openBlock(), createBlock(unref(RouterLink), {
 				key: 0,
 				to: to.value,
 				class: normalizeClass(classes.value),

package/dist/components/admin/buttons/delete-button.vue.d.ts

@@ -1,10 +1,10 @@
-import type { LooseRecord, MutationMode } from "@chelone/core";
+import type { LooseRecord, MutationMode, ResourceRecord } from "@chelone/core";
 /** Where to go after a successful delete. */
 export type DeleteRedirect = "list" | "show" | "edit" | false;
 /** Props for {@link DeleteButton}. */
-export interface DeleteButtonProps {
+export interface DeleteButtonProps<TRecord extends ResourceRecord = LooseRecord> {
     /** Override the ambient record. */
-    record?: LooseRecord;
+    record?: TRecord | LooseRecord;
     /** Override the ambient `<Resource>`. */
     resource?: string;
     /** Override the auto-translated label. */
@@ -31,10 +31,19 @@ export interface DeleteButtonProps {
 }
 declare const _default: typeof __VLS_export;
 export default _default;
-declare const __VLS_export: import("vue").DefineComponent<DeleteButtonProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<DeleteButtonProps> & Readonly<{}>, {
-    variant: "link" | "default" | "destructive" | "outline" | "secondary" | "ghost";
-    confirmColor: "warning" | "primary";
-    confirmTitle: string;
-    confirmContent: string;
-    redirect: DeleteRedirect;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: <TRecord extends ResourceRecord = 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<DeleteButtonProps<TRecord>> & (typeof globalThis extends {
+        __VLS_PROPS_FALLBACK: infer P;
+    } ? P : {});
+    expose: (exposed: {}) => void;
+    attrs: any;
+    slots: {};
+    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/buttons/delete-button.vue_vue_type_script_setup_true_lang.js

@@ -4,15 +4,15 @@ import { useUndoable } from "../../../data/undoable.js";
 import { useTranslate } from "../../../i18n/use-translate.js";
 import { humanize, pluralize } from "../../../label/inflection.js";
 import { useGetRecordRepresentation } from "../../../label/use-get-record-representation.js";
-import { RecordContextKey } from "../../../record/record-context.js";
+import { useRecordContextRef } from "../../../record/record-context.js";
 import { useResourceContext } from "../../../resource-context.js";
 import { useRedirect } from "../../../router/nav-composables.js";
 import { useMenuAccess } from "../layout/use-menu-access.js";
 import button_default from "../../ui/button.js";
 import confirm_default from "../feedback/confirm.js";
 import { TrashIcon } from "./icons.js";
-import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createTextVNode, createVNode, defineComponent, inject, normalizeClass, openBlock, ref, toDisplayString, unref, withCtx } from "vue";
-import { definedParams, removeRecordsFromCache } from "@chelone/core";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createTextVNode, createVNode, defineComponent, normalizeClass, openBlock, ref, toDisplayString, unref, withCtx } from "vue";
+import { definedParams, isLooseRecord, removeRecordsFromCache } from "@chelone/core";
 // src/components/admin/buttons/delete-button.vue?vue&type=script&setup=true&lang.ts
 var delete_button_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	__name: "delete-button",
@@ -56,8 +56,7 @@ var delete_button_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ de
 		const ambientResource = useResourceContext(props);
 		if (!ambientResource) throw new Error("<DeleteButton> must be used inside a <Resource> or given a `resource` prop.");
 		const resource = ambientResource;
-		const injectedRecord = inject(RecordContextKey, null);
-		const record = computed(() => props.record ?? injectedRecord?.value);
+		const record = useRecordContextRef(() => props.record);
 		const translate = useTranslate();
 		const redirect = useRedirect();
 		const ctx = useCheloneContext();
@@ -96,7 +95,7 @@ var delete_button_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ de
 		const open = ref(false);
 		function onClick() {
 			const current = record.value;
-			if (current?.id == null) return;
+			if (!current || !isLooseRecord(current) || current.id == null) return;
 			if (props.mutationMode === "undoable") {
 				const id = current.id;
 				runUndoable({
@@ -120,7 +119,7 @@ var delete_button_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ de
 		async function onConfirm() {
 			const current = record.value;
 			const id = current?.id;
-			if (id == null) {
+			if (!current || !isLooseRecord(current) || id == null) {
 				open.value = false;
 				return;
 			}

package/dist/components/admin/buttons/dual-approval-button.vue_vue_type_script_setup_true_lang.js

@@ -14,7 +14,10 @@ var _hoisted_1 = {
 	class: "inline-flex items-center gap-2",
 	"data-slot": "dual-approval"
 };
-var _hoisted_2 = { "data-slot": "dual-approval-count" };
+var _hoisted_2 = {
+	"data-slot": "dual-approval-count",
+	class: "text-muted-foreground"
+};
 var _hoisted_3 = {
 	key: 0,
 	class: "text-sm text-muted-foreground",
@@ -110,7 +113,16 @@ var dual_approval_button_vue_vue_type_script_setup_true_lang_default = /*@__PURE
 				"data-slot": "dual-approval-button",
 				onClick
 			}, {
-				default: withCtx(() => [state.value?.isComplete ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [createTextVNode(toDisplayString(completeText.value), 1)], 64)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [createTextVNode(toDisplayString(unref(translate)("chelone.approval.approve", { _: "Approve" })) + " ", 1), createElementVNode("span", _hoisted_2, toDisplayString(countText.value), 1)], 64))]),
+				default: withCtx(() => [_cache[0] || (_cache[0] = createElementVNode("svg", {
+					"aria-hidden": "true",
+					class: "size-4",
+					viewBox: "0 0 24 24",
+					fill: "none",
+					stroke: "currentColor",
+					"stroke-width": "2",
+					"stroke-linecap": "round",
+					"stroke-linejoin": "round"
+				}, [createElementVNode("path", { d: "M20 6 9 17l-5-5" })], -1)), state.value?.isComplete ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [createTextVNode(toDisplayString(completeText.value), 1)], 64)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [createTextVNode(toDisplayString(unref(translate)("chelone.approval.approve", { _: "Approve" })) + " ", 1), createElementVNode("span", _hoisted_2, toDisplayString(countText.value), 1)], 64))]),
 				_: 1
 			}, 8, ["disabled", "class"]), state.value?.hasApproved && !state.value.isComplete ? (openBlock(), createElementBlock("span", _hoisted_3, toDisplayString(unref(translate)("chelone.approval.already_approved", { _: "You already approved" })), 1)) : createCommentVNode("", true)])) : createCommentVNode("", true);
 		};

package/dist/components/admin/buttons/edit-button.vue.d.ts

@@ -1,22 +1,25 @@
-import { type LooseRecord } from "@chelone/core";
+import { type LooseRecord, type ResourceRecord } from "@chelone/core";
+import type { RecordLinkButtonProps } from "./record-button-props.js";
 /** Props for {@link EditButton}. */
-export interface EditButtonProps {
-    /** Override the ambient record. */
-    record?: LooseRecord;
-    /** Override the ambient `<Resource>`. */
-    resource?: string;
-    /** Override the auto-translated label. */
-    label?: string;
-    /** Extra CSS class appended to the anchor. */
-    class?: string;
+export interface EditButtonProps<TRecord extends ResourceRecord = LooseRecord> extends RecordLinkButtonProps<TRecord> {
 }
 declare const _default: typeof __VLS_export;
 export default _default;
-declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<EditButtonProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<EditButtonProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
-    icon?: (props: {}) => any;
-}>;
-type __VLS_WithSlots<T, S> = T & {
-    new (): {
-        $slots: S;
+declare const __VLS_export: <TRecord extends ResourceRecord = 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<EditButtonProps<TRecord>> & (typeof globalThis extends {
+        __VLS_PROPS_FALLBACK: infer P;
+    } ? P : {});
+    expose: (exposed: {}) => void;
+    attrs: any;
+    slots: {
+        icon?: (props: {}) => any;
     };
+    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/buttons/edit-button.vue_vue_type_script_setup_true_lang.js

@@ -1,12 +1,12 @@
 import { useTranslate } from "../../../i18n/use-translate.js";
 import { useGetResourceLabel } from "../../../label/use-get-resource-label.js";
-import { RecordContextKey } from "../../../record/record-context.js";
+import { useRecordContextRef } from "../../../record/record-context.js";
 import { useResourceContext } from "../../../resource-context.js";
 import { useCreatePath } from "../../../router/nav-composables.js";
 import { useMenuAccess } from "../layout/use-menu-access.js";
 import { buttonVariants } from "../../ui/button-variants.js";
 import { PencilIcon } from "./icons.js";
-import { computed, createBlock, createCommentVNode, createTextVNode, createVNode, defineComponent, inject, normalizeClass, openBlock, renderSlot, toDisplayString, unref, withCtx, withModifiers } from "vue";
+import { computed, createBlock, createCommentVNode, createTextVNode, createVNode, defineComponent, normalizeClass, openBlock, renderSlot, toDisplayString, unref, withCtx, withModifiers } from "vue";
 import { definedParams } from "@chelone/core";
 import { RouterLink } from "vue-router";
 // src/components/admin/buttons/edit-button.vue?vue&type=script&setup=true&lang.ts
@@ -32,8 +32,7 @@ var edit_button_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defi
 		*/
 		const props = __props;
 		const resource = useResourceContext(props);
-		const injectedRecord = inject(RecordContextKey, null);
-		const record = computed(() => props.record ?? injectedRecord?.value);
+		const record = useRecordContextRef(() => props.record);
 		const createPath = useCreatePath();
 		const getResourceLabel = useGetResourceLabel();
 		const translate = useTranslate();
@@ -59,7 +58,7 @@ var edit_button_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defi
 			class: props.class
 		}));
 		return (_ctx, _cache) => {
-			return record.value && record.value.id != null && !unref(isAccessPending) && unref(canAccess) ? (openBlock(), createBlock(unref(RouterLink), {
+			return unref(record) && unref(record).id != null && !unref(isAccessPending) && unref(canAccess) ? (openBlock(), createBlock(unref(RouterLink), {
 				key: 0,
 				to: to.value,
 				class: normalizeClass(classes.value),

package/dist/components/admin/buttons/export-button.vue_vue_type_script_setup_true_lang.js

@@ -5,7 +5,7 @@ import { useResourceContext } from "../../../resource-context.js";
 import button_default from "../../ui/button.js";
 import { DownloadIcon } from "./icons.js";
 import { computed, createBlock, createTextVNode, createVNode, defineComponent, normalizeClass, openBlock, toDisplayString, unref, withCtx } from "vue";
-import { defaultExporter } from "@chelone/core";
+import { DEFAULT_EXPORT_MAX_RESULTS, defaultExporter } from "@chelone/core";
 // src/components/admin/buttons/export-button.vue?vue&type=script&setup=true&lang.ts
 var export_button_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	__name: "export-button",
@@ -47,7 +47,7 @@ var export_button_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ de
 					filter: list.filter ?? {},
 					pagination: {
 						page: 1,
-						perPage: props.maxResults ?? 1e3
+						perPage: props.maxResults ?? DEFAULT_EXPORT_MAX_RESULTS
 					},
 					meta: props.meta
 				});