@chelone/vue 0.7.0 → 0.9.0

package/dist/components/admin/buttons/fields-selector.vue_vue_type_script_setup_true_lang.js

@@ -7,7 +7,7 @@ import input_default from "../../ui/input.js";
 import switch_default from "../../ui/switch.js";
 import { ChevronDownIcon, ChevronUpIcon, SearchIcon, XIcon } from "./icons.js";
 import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, h, openBlock, ref, renderList, resolveDynamicComponent, toDisplayString, unref, withCtx } from "vue";
-import { arrangeColumns, columnLabelMatches } from "@chelone/core";
+import { SEARCH_THRESHOLD, arrangeColumns, columnLabelMatches } from "@chelone/core";
 // src/components/admin/buttons/fields-selector.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = {
 	key: 0,
@@ -73,7 +73,6 @@ var fields_selector_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/
 		* @example
 		* <FieldsSelector store-key="posts.datatable" />
 		*/
-		const SEARCH_THRESHOLD = 5;
 		const props = __props;
 		const resource = useResourceContext({ resource: props.resource });
 		const translate = useTranslate();

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

@@ -73,7 +73,7 @@ var filter_button_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ de
 					}, 8, ["aria-label"])]),
 					_: 1
 				}), createVNode(unref(dropdown_menu_content_default), {
-					align: "start",
+					align: "end",
 					class: "w-56"
 				}, {
 					default: withCtx(() => [

package/dist/components/admin/buttons/record-button-props.d.ts

@@ -0,0 +1,12 @@
+import type { LooseRecord, ResourceRecord } from "@chelone/core";
+/** Props the record-scoped link buttons (edit, show, clone) share. */
+export interface RecordLinkButtonProps<TRecord extends ResourceRecord = LooseRecord> {
+    /** Override the ambient record. */
+    record?: TRecord | LooseRecord;
+    /** Override the ambient `<Resource>`. */
+    resource?: string;
+    /** Override the auto-translated label. */
+    label?: string;
+    /** Extra CSS class appended to the anchor. */
+    class?: string;
+}

package/dist/components/admin/buttons/show-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 ShowButton}. */
-export interface ShowButtonProps {
-    /** 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 ShowButtonProps<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<ShowButtonProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ShowButtonProps> & 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<ShowButtonProps<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/show-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 { EyeIcon } 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/show-button.vue?vue&type=script&setup=true&lang.ts
@@ -32,8 +32,7 @@ var show_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 show_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/status-transition-button.vue_vue_type_script_setup_true_lang.js

@@ -70,14 +70,10 @@ var status_transition_button_vue_vue_type_script_setup_true_lang_default = /*@__
 		const show = computed(() => !!resource && !!record.value && !isAccessPending.value && canAccess.value);
 		const label = (state) => Object.hasOwn(props.labels ?? {}, state) ? props.labels?.[state] ?? state : state;
 		const pendingTarget = ref(null);
-		const confirmTitle = computed(() => translate("chelone.status_transition.confirm_title", {
-			_: "Change status to {to}?",
-			to: label(pendingTarget.value ?? "")
-		}));
+		const confirmTitle = computed(() => translate("chelone.status_transition.confirm_title", { _: "Change status?" }));
 		const confirmContent = computed(() => translate("chelone.status_transition.confirm_content", {
-			_: "The status changes from {from} to {to}.",
-			from: label(transitionState.value?.current ?? ""),
-			to: label(pendingTarget.value ?? "")
+			_: "Move to {status}?",
+			status: label(pendingTarget.value ?? "")
 		}));
 		function onSelect(to) {
 			if (props.confirm) {

package/dist/components/admin/buttons/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 UpdateButton}. */
-export interface UpdateButtonProps {
+export interface UpdateButtonProps<TRecord extends ResourceRecord = LooseRecord> {
     /** The fields to patch onto the record. */
-    data: Partial<LooseRecord>;
+    data: Partial<NoInfer<TRecord>>;
     /**
      * Read once at setup. `"undoable"` (default) patches the record now with an
      * Undo notification and no dialog; the server call is deferred until the Undo
@@ -15,7 +15,7 @@ export interface UpdateButtonProps {
     /** Button variant. Default `"outline"`. */
     variant?: "default" | "destructive" | "outline" | "secondary" | "ghost" | "link";
     /** Override the ambient record. */
-    record?: LooseRecord;
+    record?: TRecord;
     /** Override the ambient `<Resource>`. */
     resource?: string;
     /** Confirmation-dialog title. Default `"ra.message.bulk_update_title"`. */
@@ -29,25 +29,29 @@ export interface UpdateButtonProps {
 }
 declare const _default: typeof __VLS_export;
 export default _default;
-declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<UpdateButtonProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-    click: (e?: MouseEvent | undefined) => any;
-    error: (error: unknown) => any;
-    success: (data: LooseRecord) => any;
-}, string, import("vue").PublicProps, Readonly<UpdateButtonProps> & Readonly<{
-    onClick?: ((e?: MouseEvent | undefined) => any) | undefined;
-    onError?: ((error: unknown) => any) | undefined;
-    onSuccess?: ((data: LooseRecord) => any) | undefined;
-}>, {
-    variant: "link" | "default" | "destructive" | "outline" | "secondary" | "ghost";
-    confirmColor: "warning" | "primary";
-    mutationMode: MutationMode;
-    confirmTitle: string;
-    confirmContent: string;
-}, {}, {}, {}, 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<UpdateButtonProps<TRecord> & {
+        onClick?: ((e?: MouseEvent | undefined) => any) | undefined;
+        onError?: ((error: unknown) => any) | undefined;
+        onSuccess?: ((data: TRecord) => any) | undefined;
+    }> & (typeof globalThis extends {
+        __VLS_PROPS_FALLBACK: infer P;
+    } ? P : {});
+    expose: (exposed: {}) => void;
+    attrs: any;
+    slots: {
+        icon?: (props: {}) => any;
     };
+    emit: {
+        (event: "click", e?: MouseEvent): void;
+        (event: "success", data: TRecord): void;
+        (event: "error", error: unknown): void;
+    };
+}>) => 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/update-button.vue_vue_type_script_setup_true_lang.js

@@ -2,13 +2,13 @@ import { useCheloneNotifications } from "../../../context.js";
 import { useUpdate } from "../../../data/mutations.js";
 import { useTranslate } from "../../../i18n/use-translate.js";
 import { humanize, pluralize } from "../../../label/inflection.js";
-import { RecordContextKey } from "../../../record/record-context.js";
+import { useRecordContextRef } from "../../../record/record-context.js";
 import { useResourceContext } from "../../../resource-context.js";
 import button_default from "../../ui/button.js";
 import confirm_default from "../feedback/confirm.js";
 import { useMenuAccess } from "../layout/use-menu-access.js";
 import { RefreshCwIcon } from "./icons.js";
-import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createTextVNode, createVNode, defineComponent, inject, normalizeClass, openBlock, ref, renderSlot, toDisplayString, unref, withCtx } from "vue";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createTextVNode, createVNode, defineComponent, normalizeClass, openBlock, ref, renderSlot, toDisplayString, unref, withCtx } from "vue";
 // src/components/admin/buttons/update-button.vue?vue&type=script&setup=true&lang.ts
 var update_button_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	__name: "update-button",
@@ -50,8 +50,7 @@ var update_button_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ de
 		const props = __props;
 		const emit = __emit;
 		const resource = useResourceContext(props);
-		const injectedRecord = inject(RecordContextKey, null);
-		const record = computed(() => props.record ?? injectedRecord?.value);
+		const record = useRecordContextRef(() => props.record);
 		const translate = useTranslate();
 		const notifications = useCheloneNotifications();
 		const { canAccess, isPending: isAccessPending } = useMenuAccess(computed(() => ({

package/dist/components/admin/common/application-updated-notification.vue_vue_type_script_setup_true_lang.js

@@ -36,7 +36,7 @@ var application_updated_notification_vue_vue_type_script_setup_true_lang_default
 		const instance = getCurrentInstance();
 		const messageText = computed(() => props.message ?? props.notificationText);
 		const buttonText = computed(() => props.buttonLabel ?? props.updateText);
-		const cardClass = computed(() => cn("fixed bottom-4 left-1/2 z-50 -translate-x-1/2 flex-row items-center gap-3 px-4 py-3", props.class));
+		const cardClass = computed(() => cn("fixed bottom-4 left-1/2 z-50 -translate-x-1/2 flex flex-row items-center gap-3 px-4 py-3", props.class));
 		function onReload() {
 			const listeners = instance?.vnode.props;
 			if (listeners?.onReload || listeners?.onReloadOnce) emit("reload");

package/dist/components/admin/common/i18n-key-editor.vue_vue_type_script_setup_true_lang.js

@@ -7,6 +7,7 @@ import { Card } from "../../ui/card.js";
 import input_default from "../../ui/input.js";
 import { CheckIcon, ChevronDownIcon, ChevronUpIcon, CopyIcon } from "../buttons/icons.js";
 import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, normalizeClass, onScopeDispose, openBlock, ref, renderList, shallowRef, toDisplayString, unref, watch, watchEffect, withCtx } from "vue";
+import { COPIED_MS, OWN_KEY_PREFIX } from "@chelone/core";
 // src/components/admin/common/i18n-key-editor.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = { class: "flex items-center justify-between gap-2" };
 var _hoisted_2 = { class: "text-sm font-medium" };
@@ -58,8 +59,6 @@ var i18n_key_editor_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/
 		*   <I18nKeyEditor :store="store" />
 		* </template>
 		*/
-		const COPIED_MS = 1500;
-		const OWN_KEY_PREFIX = "chelone.i18n_key_editor.";
 		const props = __props;
 		const translate = useTranslate();
 		const notifications = useCheloneNotifications();

package/dist/components/admin/csv-import/csv-import.vue_vue_type_script_setup_true_lang.js

@@ -10,7 +10,7 @@ import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from ".
 import { UploadIcon } from "./upload-icon.js";
 import { CsvImportKey } from "./use-csv-import.js";
 import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, onScopeDispose, openBlock, provide, ref, renderList, renderSlot, toDisplayString, unref, withCtx, withModifiers } from "vue";
-import { createCsvImportController, csvErrorRows, downloadCSV, parseCsvWith, recordsToCSV } from "@chelone/core";
+import { PREVIEW_ROWS, REPLACEMENT_CHAR, createCsvImportController, csvErrorRows, downloadCSV, parseCsvWith, recordsToCSV } from "@chelone/core";
 import Papa from "papaparse";
 // src/components/admin/csv-import/csv-import.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = { class: "min-h-32" };
@@ -105,8 +105,6 @@ var csv_import_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defin
 		* The default slot renders inside the provided context, so a child can call
 		* `useCsvImport()`.
 		*/
-		const PREVIEW_ROWS = 50;
-		const REPLACEMENT_CHAR = "�";
 		const props = __props;
 		const translate = useTranslate();
 		const { dataProvider } = useCheloneContext();
@@ -222,7 +220,6 @@ var csv_import_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defin
 				createVNode(button_default, {
 					type: "button",
 					variant: "outline",
-					size: "sm",
 					onClick: _cache[0] || (_cache[0] = ($event) => open.value = true)
 				}, {
 					default: withCtx(() => [renderSlot(_ctx.$slots, "icon", {}, () => [createVNode(unref(UploadIcon))]), createTextVNode(" " + toDisplayString(__props.label ?? unref(translate)("ra.csv_import.import", { _: "Import" })), 1)]),
@@ -327,7 +324,7 @@ var csv_import_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defin
 							})]),
 							_: 1
 						}), createVNode(unref(TableBody), null, {
-							default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(state).validations.slice(0, PREVIEW_ROWS), (validation, index) => {
+							default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(state).validations.slice(0, unref(PREVIEW_ROWS)), (validation, index) => {
 								return openBlock(), createBlock(unref(TableRow), { key: index }, {
 									default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(state).fields, (field) => {
 										return openBlock(), createBlock(unref(TableCell), { key: field }, {

package/dist/components/admin/feedback/error.vue_vue_type_script_setup_true_lang.js

@@ -7,7 +7,7 @@ var _hoisted_1 = {
 	class: "flex items-center text-3xl mt-5 mb-5 gap-3",
 	role: "alert"
 };
-var _hoisted_2 = { class: "mt-1 p-2 bg-secondary w-full lg:w-150" };
+var _hoisted_2 = { class: "mt-1 p-2 bg-secondary w-full max-w-150" };
 var _hoisted_3 = { class: "py-2 cursor-pointer" };
 var _hoisted_4 = { class: "whitespace-pre-wrap pt-1" };
 var _hoisted_5 = { class: "text-xs" };

package/dist/components/admin/feedback/linear-progress.vue_vue_type_script_setup_true_lang.js

@@ -35,6 +35,7 @@ var linear_progress_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/
 		return (_ctx, _cache) => {
 			return !unref(ready) ? (openBlock(), createElementBlock("span", _hoisted_1)) : (openBlock(), createElementBlock("div", {
 				key: 1,
+				"data-slot": "linear-progress",
 				class: normalizeClass(classes.value)
 			}, [__props.value !== void 0 ? (openBlock(), createElementBlock("div", {
 				key: 0,

package/dist/components/admin/feedback/loading.vue_vue_type_script_setup_true_lang.js

@@ -10,8 +10,9 @@ var _hoisted_1 = {
 	"aria-live": "polite"
 };
 var _hoisted_2 = { class: "text-center font-sans text-muted-foreground py-1" };
-var _hoisted_3 = { class: "mt-3 text-2xl text-secondary-foreground" };
-var _hoisted_4 = { class: "text-primary" };
+var _hoisted_3 = { class: "flex justify-center" };
+var _hoisted_4 = { class: "mt-3 text-2xl text-secondary-foreground" };
+var _hoisted_5 = { class: "text-primary" };
 var loading_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	__name: "loading",
 	props: {
@@ -35,12 +36,12 @@ var loading_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCo
 		const ready = useTimeout(props.delay);
 		return (_ctx, _cache) => {
 			return unref(ready) ? (openBlock(), createElementBlock("div", _hoisted_1, [createElementVNode("div", _hoisted_2, [
-				createVNode(spinner_default, {
+				createElementVNode("div", _hoisted_3, [createVNode(spinner_default, {
 					size: "large",
 					class: "size-9"
-				}),
-				createElementVNode("h5", _hoisted_3, toDisplayString(unref(translate)(__props.loadingPrimary, { _: __props.loadingPrimary })), 1),
-				createElementVNode("p", _hoisted_4, toDisplayString(unref(translate)(__props.loadingSecondary, { _: __props.loadingSecondary })), 1)
+				})]),
+				createElementVNode("h5", _hoisted_4, toDisplayString(unref(translate)(__props.loadingPrimary, { _: __props.loadingPrimary })), 1),
+				createElementVNode("p", _hoisted_5, toDisplayString(unref(translate)(__props.loadingSecondary, { _: __props.loadingSecondary })), 1)
 			])])) : createCommentVNode("", true);
 		};
 	}

package/dist/components/admin/feedback/placeholder.vue_vue_type_script_setup_true_lang.js

@@ -17,7 +17,10 @@ var placeholder_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defi
 		const props = __props;
 		const classes = computed(() => cn("inline-flex bg-muted", props.class));
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("span", { class: normalizeClass(classes.value) }, [renderSlot(_ctx.$slots, "default", {}, () => [_cache[0] || (_cache[0] = createTextVNode("\xA0", -1))])], 2);
+			return openBlock(), createElementBlock("span", {
+				"data-slot": "placeholder",
+				class: normalizeClass(classes.value)
+			}, [renderSlot(_ctx.$slots, "default", {}, () => [_cache[0] || (_cache[0] = createTextVNode("\xA0", -1))])], 2);
 		};
 	}
 });

package/dist/components/admin/fields/api-key-field.vue.d.ts

@@ -1,6 +1,6 @@
-import { type LooseRecord, type SourceKey, type SourceProp, type SourceValue } from "@chelone/core";
+import { type LooseRecord, type ResourceRecord, type SourceKey, type SourceProp, type SourceValue } from "@chelone/core";
 /** Props for {@link ApiKeyField}. */
-export interface ApiKeyFieldProps<RecordType extends LooseRecord = LooseRecord> {
+export interface ApiKeyFieldProps<RecordType extends ResourceRecord = LooseRecord> {
     source: SourceProp<RecordType>;
     /** The record to render. Defaults to the ambient `RecordContext` value. */
     record?: RecordType;
@@ -21,7 +21,7 @@ export interface ApiKeyFieldProps<RecordType extends LooseRecord = LooseRecord>
 }
 declare const _default: typeof __VLS_export;
 export default _default;
-declare const __VLS_export: <RecordType 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<{
+declare const __VLS_export: <RecordType 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<ApiKeyFieldProps<RecordType>> & (typeof globalThis extends {
         __VLS_PROPS_FALLBACK: infer P;
     } ? P : {});

package/dist/components/admin/fields/api-key-field.vue_vue_type_script_setup_true_lang.js

@@ -1,9 +1,9 @@
 import { cn } from "../../../lib/utils.js";
 import button_default from "../../ui/button.js";
-import { RecordContextKey } from "../../../record/record-context.js";
+import { useRecordContextRef } from "../../../record/record-context.js";
 import { useFieldValue } from "../../../record/use-field-value.js";
-import { Fragment, computed, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, inject, normalizeClass, openBlock, ref, renderList, toDisplayString, unref, withCtx } from "vue";
-import { formatRelativeTime } from "@chelone/core";
+import { Fragment, computed, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, normalizeClass, openBlock, ref, renderList, toDisplayString, unref, withCtx } from "vue";
+import { formatRelativeTime, getAtPath } from "@chelone/core";
 // src/components/admin/fields/api-key-field.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = { class: "inline-flex items-center gap-2" };
 var _hoisted_2 = {
@@ -75,8 +75,7 @@ var api_key_field_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ de
 			record: props.record,
 			defaultValue: props.defaultValue
 		});
-		const injectedRecord = inject(RecordContextKey, null);
-		const ctxRecord = computed(() => props.record ?? injectedRecord?.value);
+		const ctxRecord = useRecordContextRef(() => props.record);
 		const revealed = ref(false);
 		const copied = ref(false);
 		const key = computed(() => value.value == null ? null : String(value.value));
@@ -87,13 +86,13 @@ var api_key_field_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ de
 		const scopes = computed(() => {
 			const rec = ctxRecord.value;
 			if (!props.scopesSource || !rec) return void 0;
-			const s = rec[props.scopesSource];
+			const s = getAtPath(rec, props.scopesSource);
 			return Array.isArray(s) ? s.filter((scope) => typeof scope === "string") : void 0;
 		});
 		const lastUsed = computed(() => {
 			const rec = ctxRecord.value;
 			if (!props.lastUsedSource || !rec) return void 0;
-			const l = rec[props.lastUsedSource];
+			const l = getAtPath(rec, props.lastUsedSource);
 			return typeof l === "string" ? l : void 0;
 		});
 		async function handleCopy() {

package/dist/components/admin/fields/array-field.vue.d.ts

@@ -1,6 +1,6 @@
-import type { FilterPayload, LooseRecord, SortPayload, SourceProp, SourceValue } from "@chelone/core";
+import type { FilterPayload, LooseRecord, ResourceRecord, SortPayload, SourceProp, SourceValue } from "@chelone/core";
 /** Props for {@link ArrayField}. */
-export interface ArrayFieldProps<RecordType extends LooseRecord = LooseRecord> {
+export interface ArrayFieldProps<RecordType extends ResourceRecord = LooseRecord> {
     /** The field path to the array on the current record. */
     source: SourceProp<RecordType>;
     /** The record to read. Defaults to the ambient `RecordContext` value. */
@@ -16,7 +16,7 @@ export interface ArrayFieldProps<RecordType extends LooseRecord = LooseRecord> {
 }
 declare const _default: typeof __VLS_export;
 export default _default;
-declare const __VLS_export: <RecordType 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<{
+declare const __VLS_export: <RecordType 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<ArrayFieldProps<RecordType>> & (typeof globalThis extends {
         __VLS_PROPS_FALLBACK: infer P;
     } ? P : {});

package/dist/components/admin/fields/badge-field.vue.d.ts

@@ -1,14 +1,14 @@
-import type { LooseRecord } from "@chelone/core";
+import type { LooseRecord, ResourceRecord } from "@chelone/core";
 import type { BadgeVariant } from "../../ui/badge.js";
 import type { FieldProps } from "./field-props.js";
 /** Props for {@link BadgeField}. */
-export interface BadgeFieldProps<RecordType extends LooseRecord = LooseRecord> extends FieldProps<RecordType> {
+export interface BadgeFieldProps<RecordType extends ResourceRecord = LooseRecord> extends FieldProps<RecordType> {
     /** Badge variant. Default `outline` (parity with the React twin). */
     variant?: BadgeVariant;
 }
 declare const _default: typeof __VLS_export;
 export default _default;
-declare const __VLS_export: <RecordType 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<{
+declare const __VLS_export: <RecordType 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<BadgeFieldProps<RecordType>> & (typeof globalThis extends {
         __VLS_PROPS_FALLBACK: infer P;
     } ? P : {});

package/dist/components/admin/fields/boolean-field.vue.d.ts

@@ -1,6 +1,6 @@
-import type { LooseRecord, SourceProp, SourceValue } from "@chelone/core";
+import type { LooseRecord, ResourceRecord, SourceProp, SourceValue } from "@chelone/core";
 /** Props for {@link BooleanField}. */
-export interface BooleanFieldProps<RecordType extends LooseRecord = LooseRecord> {
+export interface BooleanFieldProps<RecordType extends ResourceRecord = LooseRecord> {
     source: SourceProp<RecordType>;
     record?: RecordType;
     defaultValue?: SourceValue<RecordType, SourceProp<RecordType>>;
@@ -15,7 +15,7 @@ export interface BooleanFieldProps<RecordType extends LooseRecord = LooseRecord>
 }
 declare const _default: typeof __VLS_export;
 export default _default;
-declare const __VLS_export: <RecordType 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<{
+declare const __VLS_export: <RecordType 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<BooleanFieldProps<RecordType>> & (typeof globalThis extends {
         __VLS_PROPS_FALLBACK: infer P;
     } ? P : {});

package/dist/components/admin/fields/chip-field.vue.d.ts

@@ -1,14 +1,14 @@
-import type { LooseRecord } from "@chelone/core";
+import type { LooseRecord, ResourceRecord } from "@chelone/core";
 import type { BadgeVariant } from "../../ui/badge.js";
 import type { FieldProps } from "./field-props.js";
 /** Props for {@link ChipField}. */
-export interface ChipFieldProps<RecordType extends LooseRecord = LooseRecord> extends FieldProps<RecordType> {
+export interface ChipFieldProps<RecordType extends ResourceRecord = LooseRecord> extends FieldProps<RecordType> {
     /** Badge variant. Default `outline` (parity with the React twin). */
     variant?: BadgeVariant;
 }
 declare const _default: typeof __VLS_export;
 export default _default;
-declare const __VLS_export: <RecordType 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<{
+declare const __VLS_export: <RecordType 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<ChipFieldProps<RecordType>> & (typeof globalThis extends {
         __VLS_PROPS_FALLBACK: infer P;
     } ? P : {});

package/dist/components/admin/fields/color-field.vue.d.ts

@@ -1,6 +1,6 @@
-import type { LooseRecord, SourceProp, SourceValue } from "@chelone/core";
+import type { LooseRecord, ResourceRecord, SourceProp, SourceValue } from "@chelone/core";
 /** Props for {@link ColorField}. */
-export interface ColorFieldProps<RecordType extends LooseRecord = LooseRecord> {
+export interface ColorFieldProps<RecordType extends ResourceRecord = LooseRecord> {
     source: SourceProp<RecordType>;
     record?: RecordType;
     defaultValue?: SourceValue<RecordType, SourceProp<RecordType>>;
@@ -11,7 +11,7 @@ export interface ColorFieldProps<RecordType extends LooseRecord = LooseRecord> {
 }
 declare const _default: typeof __VLS_export;
 export default _default;
-declare const __VLS_export: <RecordType 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<{
+declare const __VLS_export: <RecordType 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<ColorFieldProps<RecordType>> & (typeof globalThis extends {
         __VLS_PROPS_FALLBACK: infer P;
     } ? P : {});

package/dist/components/admin/fields/cron-field.vue.d.ts

@@ -1,6 +1,6 @@
-import type { LooseRecord, SourceProp, SourceValue } from "@chelone/core";
+import type { LooseRecord, ResourceRecord, SourceProp, SourceValue } from "@chelone/core";
 /** Props for {@link CronField}. */
-export interface CronFieldProps<RecordType extends LooseRecord = LooseRecord> {
+export interface CronFieldProps<RecordType extends ResourceRecord = LooseRecord> {
     source: SourceProp<RecordType>;
     record?: RecordType;
     defaultValue?: SourceValue<RecordType, SourceProp<RecordType>>;
@@ -11,7 +11,7 @@ export interface CronFieldProps<RecordType extends LooseRecord = LooseRecord> {
 }
 declare const _default: typeof __VLS_export;
 export default _default;
-declare const __VLS_export: <RecordType 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<{
+declare const __VLS_export: <RecordType 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<CronFieldProps<RecordType>> & (typeof globalThis extends {
         __VLS_PROPS_FALLBACK: infer P;
     } ? P : {});

package/dist/components/admin/fields/currency-field.vue.d.ts

@@ -1,6 +1,6 @@
-import type { LooseRecord, SourceProp, SourceValue } from "@chelone/core";
+import type { LooseRecord, ResourceRecord, SourceProp, SourceValue } from "@chelone/core";
 /** Props for {@link CurrencyField}. */
-export interface CurrencyFieldProps<RecordType extends LooseRecord = LooseRecord> {
+export interface CurrencyFieldProps<RecordType extends ResourceRecord = LooseRecord> {
     source: SourceProp<RecordType>;
     record?: RecordType;
     defaultValue?: SourceValue<RecordType, SourceProp<RecordType>>;
@@ -17,7 +17,7 @@ export interface CurrencyFieldProps<RecordType extends LooseRecord = LooseRecord
 }
 declare const _default: typeof __VLS_export;
 export default _default;
-declare const __VLS_export: <RecordType 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<{
+declare const __VLS_export: <RecordType 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<CurrencyFieldProps<RecordType>> & (typeof globalThis extends {
         __VLS_PROPS_FALLBACK: infer P;
     } ? P : {});

package/dist/components/admin/fields/date-field.vue.d.ts

@@ -1,6 +1,6 @@
-import type { LooseRecord, SourceProp, SourceValue } from "@chelone/core";
+import type { LooseRecord, ResourceRecord, SourceProp, SourceValue } from "@chelone/core";
 /** Props for {@link DateField}. */
-export interface DateFieldProps<RecordType extends LooseRecord = LooseRecord> {
+export interface DateFieldProps<RecordType extends ResourceRecord = LooseRecord> {
     source: SourceProp<RecordType>;
     record?: RecordType;
     defaultValue?: SourceValue<RecordType, SourceProp<RecordType>>;
@@ -18,7 +18,7 @@ export interface DateFieldProps<RecordType extends LooseRecord = LooseRecord> {
 }
 declare const _default: typeof __VLS_export;
 export default _default;
-declare const __VLS_export: <RecordType 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<{
+declare const __VLS_export: <RecordType 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<DateFieldProps<RecordType>> & (typeof globalThis extends {
         __VLS_PROPS_FALLBACK: infer P;
     } ? P : {});

package/dist/components/admin/fields/diff-viewer.vue.d.ts

@@ -1,9 +1,9 @@
 import { type VNode } from "vue";
-import type { LooseRecord, SourceProp } from "@chelone/core";
+import type { LooseRecord, ResourceRecord, SourceProp } from "@chelone/core";
 /** Table (`side-by-side`, the default) or list (`inline`). */
 export type DiffViewerMode = "side-by-side" | "inline";
 /** Props for {@link DiffViewer}. */
-export interface DiffViewerProps<RecordType extends LooseRecord = LooseRecord> {
+export interface DiffViewerProps<RecordType extends ResourceRecord = LooseRecord> {
     /** The earlier version. */
     before: RecordType;
     /** The later version. */
@@ -20,7 +20,7 @@ export interface DiffViewerProps<RecordType extends LooseRecord = LooseRecord> {
 }
 declare const _default: typeof __VLS_export;
 export default _default;
-declare const __VLS_export: <RecordType 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<{
+declare const __VLS_export: <RecordType 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<DiffViewerProps<RecordType>> & (typeof globalThis extends {
         __VLS_PROPS_FALLBACK: infer P;
     } ? P : {});