@chelone/vue 0.6.0 → 0.7.0

package/dist/components/admin/supabase/use-password-recovery.js

@@ -1,111 +1,117 @@
-import { readSupabaseUrlParams } from "@chelone/supabase";
-import { useMutation, useQueryClient } from "@tanstack/vue-query";
-import { ref, watch, computed } from "vue";
 import { useCheloneAuthProvider } from "../../../context.js";
 import { useNotify } from "../../../notification-hooks.js";
-import { useRedirect, useLocation, useNavigate } from "../../../router/nav-composables.js";
+import { useLocation, useNavigate, useRedirect } from "../../../router/nav-composables.js";
+import { computed, ref, watch } from "vue";
+import { useMutation, useQueryClient } from "@tanstack/vue-query";
+import { readSupabaseUrlParams } from "@chelone/supabase";
+// src/components/admin/supabase/use-password-recovery.ts
+/** Whether `provider` carries the method the reset email flow calls. */
+function canResetPassword(provider) {
+	return "resetPassword" in provider && typeof provider.resetPassword === "function";
+}
+/** Whether `provider` carries the method the set password flow calls. */
+function canSetPassword(provider) {
+	return "setPassword" in provider && typeof provider.setPassword === "function";
+}
+/** Sends the reset email, then points the user at the login page. */
 function useResetPassword(options = {}) {
-  const authProvider = useCheloneAuthProvider();
-  const notify = useNotify();
-  const redirect = useRedirect();
-  return useMutation({
-    ...options,
-    mutationFn: async (params) => {
-      if (!("resetPassword" in authProvider)) {
-        throw new Error(
-          "useResetPassword: the auth provider has no resetPassword method. Use supabaseAuthProvider from @chelone/supabase."
-        );
-      }
-      await authProvider.resetPassword(params);
-    },
-    onSuccess: (...args) => {
-      notify("ra-supabase.auth.password_reset", { type: "info" });
-      redirect("/login");
-      return options.onSuccess?.(...args);
-    }
-  });
+	const authProvider = useCheloneAuthProvider();
+	const notify = useNotify();
+	const redirect = useRedirect();
+	return useMutation({
+		...options,
+		mutationFn: async (params) => {
+			if (!canResetPassword(authProvider)) throw new Error("useResetPassword: the auth provider has no resetPassword method. Use supabaseAuthProvider from @chelone/supabase.");
+			await authProvider.resetPassword(params);
+		},
+		onSuccess: (...args) => {
+			notify("ra-supabase.auth.password_reset", { type: "info" });
+			redirect("/login");
+			return options.onSuccess?.(...args);
+		}
+	});
 }
+/** Saves the new password, then refreshes the session the auth gate sees. */
 function useSetPassword(options = {}) {
-  const authProvider = useCheloneAuthProvider();
-  const queryClient = useQueryClient();
-  const redirect = useRedirect();
-  return useMutation({
-    ...options,
-    mutationFn: async (params) => {
-      if (!("setPassword" in authProvider)) {
-        throw new Error(
-          "useSetPassword: the auth provider has no setPassword method. Use supabaseAuthProvider from @chelone/supabase."
-        );
-      }
-      await authProvider.setPassword(params);
-    },
-    onSuccess: async (...args) => {
-      await queryClient.invalidateQueries({ queryKey: ["auth"] });
-      redirect("/");
-      return options.onSuccess?.(...args);
-    }
-  });
+	const authProvider = useCheloneAuthProvider();
+	const queryClient = useQueryClient();
+	const redirect = useRedirect();
+	return useMutation({
+		...options,
+		mutationFn: async (params) => {
+			if (!canSetPassword(authProvider)) throw new Error("useSetPassword: the auth provider has no setPassword method. Use supabaseAuthProvider from @chelone/supabase.");
+			await authProvider.setPassword(params);
+		},
+		onSuccess: async (...args) => {
+			await queryClient.invalidateQueries({ queryKey: ["auth"] });
+			redirect("/");
+			return options.onSuccess?.(...args);
+		}
+	});
 }
-const TOKEN_KEYS = ["access_token", "refresh_token", "type"];
+var TOKEN_KEYS = [
+	"access_token",
+	"refresh_token",
+	"type"
+];
+/** `query` without the token keys, or null when it had none. */
 function stripKeys(query) {
-  const params = new URLSearchParams(query);
-  if (!TOKEN_KEYS.some((key) => params.has(key))) return null;
-  for (const key of TOKEN_KEYS) params.delete(key);
-  return params.toString();
+	const params = new URLSearchParams(query);
+	if (!TOKEN_KEYS.some((key) => params.has(key))) return null;
+	for (const key of TOKEN_KEYS) params.delete(key);
+	return params.toString();
 }
-function cleanedPath({
-  pathname,
-  search,
-  hash
-}) {
-  const cleanSearch = stripKeys(search);
-  let cleanHash = hash;
-  let changed = cleanSearch !== null;
-  const queryStart = cleanHash.indexOf("?");
-  if (queryStart !== -1) {
-    const queryEnd = cleanHash.indexOf("#", queryStart);
-    const end = queryEnd === -1 ? cleanHash.length : queryEnd;
-    const query = stripKeys(cleanHash.slice(queryStart + 1, end));
-    if (query !== null) {
-      cleanHash = `${cleanHash.slice(0, queryStart)}${query ? `?${query}` : ""}${cleanHash.slice(end)}`;
-      changed = true;
-    }
-  }
-  const fragmentStart = cleanHash.lastIndexOf("#");
-  const fragment = stripKeys(cleanHash.slice(fragmentStart + 1));
-  if (fragment !== null) {
-    cleanHash = `${cleanHash.slice(0, fragmentStart)}${fragment ? `#${fragment}` : ""}`;
-    changed = true;
-  }
-  if (!changed) return null;
-  const searchPart = (cleanSearch ?? search).replace(/^\?/, "");
-  return `${pathname}${searchPart ? `?${searchPart}` : ""}${cleanHash}`;
+/**
+* The location's path with the token keys removed from every place
+* `readSupabaseUrlParams` looks, or null when there is nothing to remove.
+*/
+function cleanedPath({ pathname, search, hash }) {
+	const cleanSearch = stripKeys(search);
+	let cleanHash = hash;
+	let changed = cleanSearch !== null;
+	const queryStart = cleanHash.indexOf("?");
+	if (queryStart !== -1) {
+		const queryEnd = cleanHash.indexOf("#", queryStart);
+		const end = queryEnd === -1 ? cleanHash.length : queryEnd;
+		const query = stripKeys(cleanHash.slice(queryStart + 1, end));
+		if (query !== null) {
+			cleanHash = `${cleanHash.slice(0, queryStart)}${query ? `?${query}` : ""}${cleanHash.slice(end)}`;
+			changed = true;
+		}
+	}
+	const fragmentStart = cleanHash.lastIndexOf("#");
+	const fragment = stripKeys(cleanHash.slice(fragmentStart + 1));
+	if (fragment !== null) {
+		cleanHash = `${cleanHash.slice(0, fragmentStart)}${fragment ? `#${fragment}` : ""}`;
+		changed = true;
+	}
+	if (!changed) return null;
+	const searchPart = (cleanSearch ?? search).replace(/^\?/, "");
+	return `${pathname}${searchPart ? `?${searchPart}` : ""}${cleanHash}`;
 }
+/**
+* The access and refresh tokens a Supabase recovery or invite link carries.
+* Read once and kept for the page's life, then the history entry is replaced
+* with the same path minus the tokens, so the refresh token does not stay in
+* the browser history or reach the server's access log on a reload.
+*/
 function useSupabaseUrlTokens() {
-  const location = useLocation();
-  const navigate = useNavigate();
-  const accessToken = ref(null);
-  const refreshToken = ref(null);
-  watch(
-    location,
-    (current) => {
-      const read = readSupabaseUrlParams(current);
-      if (read.accessToken !== null || read.refreshToken !== null) {
-        accessToken.value = read.accessToken;
-        refreshToken.value = read.refreshToken;
-      }
-      const cleaned = cleanedPath(current);
-      if (cleaned !== null) navigate(cleaned, { replace: true });
-    },
-    { immediate: true }
-  );
-  return {
-    accessToken: computed(() => accessToken.value),
-    refreshToken: computed(() => refreshToken.value)
-  };
+	const location = useLocation();
+	const navigate = useNavigate();
+	const accessToken = ref(null);
+	const refreshToken = ref(null);
+	watch(location, (current) => {
+		const read = readSupabaseUrlParams(current);
+		if (read.accessToken !== null || read.refreshToken !== null) {
+			accessToken.value = read.accessToken;
+			refreshToken.value = read.refreshToken;
+		}
+		const cleaned = cleanedPath(current);
+		if (cleaned !== null) navigate(cleaned, { replace: true });
+	}, { immediate: true });
+	return {
+		accessToken: computed(() => accessToken.value),
+		refreshToken: computed(() => refreshToken.value)
+	};
 }
-export {
-  useResetPassword,
-  useSetPassword,
-  useSupabaseUrlTokens
-};
+export { useResetPassword, useSetPassword, useSupabaseUrlTokens };

package/dist/components/admin/view/card-content-inner.js

@@ -0,0 +1,4 @@
+import card_content_inner_vue_vue_type_script_setup_true_lang_default from "./card-content-inner.vue_vue_type_script_setup_true_lang.js";
+// src/components/admin/view/card-content-inner.vue
+var card_content_inner_default = card_content_inner_vue_vue_type_script_setup_true_lang_default;
+export { card_content_inner_default as default };

package/dist/components/admin/view/card-content-inner.vue.d.ts

@@ -2,10 +2,11 @@
 export interface CardContentInnerProps {
     class?: string;
 }
-declare const _default: __VLS_WithSlots<import("vue").DefineComponent<CardContentInnerProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<CardContentInnerProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<CardContentInnerProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<CardContentInnerProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
     default?: (props: {}) => any;
 }>;
-export default _default;
 type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;

package/dist/components/admin/view/card-content-inner.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,21 @@
+import { cn } from "../../../lib/utils.js";
+import { computed, createElementBlock, defineComponent, normalizeClass, openBlock, renderSlot } from "vue";
+// src/components/admin/view/card-content-inner.vue?vue&type=script&setup=true&lang.ts
+var card_content_inner_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "card-content-inner",
+	props: { class: {} },
+	setup(__props) {
+		/**
+		* `<CardContentInner>` — one section of a `<Card>` with several stacked
+		* sections, the Vue twin of `@chelone/react`'s `views/card-content-inner.tsx`.
+		* The first section adds the top padding and the last the bottom padding, so
+		* adjacent sections do not double their padding.
+		*/
+		const props = __props;
+		const classes = computed(() => cn("px-6 py-0 first:pt-4 last:pb-[70px] sm:last:pb-4", props.class));
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", { class: normalizeClass(classes.value) }, [renderSlot(_ctx.$slots, "default")], 2);
+		};
+	}
+});
+export { card_content_inner_vue_vue_type_script_setup_true_lang_default as default };

package/dist/components/admin/view/create.js

@@ -0,0 +1,4 @@
+import create_vue_vue_type_script_setup_true_lang_default from "./create.vue_vue_type_script_setup_true_lang.js";
+// src/components/admin/view/create.vue
+var create_default = create_vue_vue_type_script_setup_true_lang_default;
+export { create_default as default };

package/dist/components/admin/view/create.vue.d.ts

@@ -1,8 +1,8 @@
-import type { CreateFormControllerOptions } from "@chelone/core";
+import type { CreateFormControllerOptions, LooseRecord } from "@chelone/core";
 /** Props for {@link Create}. */
-export interface CreateProps extends Pick<CreateFormControllerOptions<Record<string, unknown>>, "validate" | "schema" | "sanitizeEmptyValues" | "onSuccess"> {
+export interface CreateProps<TRecord = LooseRecord> extends Pick<CreateFormControllerOptions<TRecord>, "validate" | "schema" | "sanitizeEmptyValues" | "onSuccess"> {
     resource?: string;
-    record?: Record<string, unknown>;
+    record?: Partial<TRecord>;
     title?: string;
     /**
      * Redirect to the list on a successful save (the default). Vue coerces an
@@ -12,18 +12,27 @@ export interface CreateProps extends Pick<CreateFormControllerOptions<Record<str
      */
     redirectOnSave?: boolean;
 }
-declare const _default: __VLS_WithSlots<import("vue").DefineComponent<CreateProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<CreateProps> & Readonly<{}>, {
-    redirectOnSave: boolean;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
-    actions?: (props: {}) => any;
-} & {
-    default?: (props: {}) => any;
-} & {
-    toolbar?: (props: {}) => any;
-}>;
+declare const _default: typeof __VLS_export;
 export default _default;
-type __VLS_WithSlots<T, S> = T & {
-    new (): {
-        $slots: S;
+declare const __VLS_export: <TRecord = 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<CreateProps<TRecord>> & (typeof globalThis extends {
+        __VLS_PROPS_FALLBACK: infer P;
+    } ? P : {});
+    expose: (exposed: {}) => void;
+    attrs: any;
+    slots: {
+        actions?: (props: {}) => any;
+    } & {
+        default?: (props: {}) => any;
+    } & {
+        toolbar?: (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/view/create.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,83 @@
+import { useCreateController } from "../../../controllers/use-create-controller.js";
+import { useForm } from "../../../form/use-form.js";
+import { useTranslate } from "../../../i18n/use-translate.js";
+import { useGetResourceLabel } from "../../../label/use-get-resource-label.js";
+import { useRouterAdapterOptional } from "../../../router/adapter.js";
+import { useRedirectOptional } from "../../../router/nav-composables.js";
+import { provideResourceContext, useResourceContext } from "../../../resource-context.js";
+import { computed, createCommentVNode, createElementBlock, createElementVNode, defineComponent, openBlock, renderSlot, toDisplayString } from "vue";
+import { getRecordFromLocation } from "@chelone/core";
+// src/components/admin/view/create.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { "data-slot": "create" };
+var _hoisted_2 = { class: "flex justify-between items-start flex-wrap gap-2 my-2" };
+var _hoisted_3 = {
+	key: 0,
+	class: "text-2xl font-bold tracking-tight"
+};
+var _hoisted_4 = { class: "my-2" };
+var create_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "create",
+	props: {
+		resource: {},
+		record: {},
+		title: {},
+		redirectOnSave: {
+			type: Boolean,
+			default: true
+		},
+		validate: {},
+		schema: {},
+		sanitizeEmptyValues: { type: Boolean },
+		onSuccess: {}
+	},
+	setup(__props) {
+		/**
+		* `<Create>` — a create page, the Vue analog of `@chelone/react`'s
+		* `views/create.tsx`. Composes `useCreateController` (Task 5 — owns the create
+		* `save`, nothing to fetch) with `useForm` (Task 6 — the form the inputs bind
+		* to), seeded by an optional `record` prop. `useForm.onSubmit` runs the
+		* controller's `save`; on success it redirects to the list (a no-op without a
+		* router). The ambient form is provided by `useForm`, so bare inputs / a
+		* `<SaveButton>` child work directly.
+		*/
+		const props = __props;
+		const resource = props.resource ?? useResourceContext();
+		if (!resource) throw new Error("<Create>: no resource. Pass a `resource` prop or render inside a <Resource>.");
+		provideResourceContext(resource);
+		const adapter = useRouterAdapterOptional();
+		const recordFromLocation = adapter ? getRecordFromLocation(adapter.useLocation().value) : null;
+		const seed = {
+			...props.record,
+			...recordFromLocation
+		};
+		const create = useCreateController({
+			resource,
+			record: seed
+		});
+		const redirect = useRedirectOptional();
+		const translate = useTranslate();
+		const getResourceLabel = useGetResourceLabel();
+		const defaultTitle = computed(() => translate("ra.page.create", { name: getResourceLabel(resource, 1) }));
+		const form = useForm({
+			resource,
+			record: seed,
+			validate: (values) => props.validate?.(values),
+			schema: props.schema,
+			sanitizeEmptyValues: props.sanitizeEmptyValues,
+			getRecord: () => seed,
+			resetOnSuccess: false,
+			onSubmit: async (data) => {
+				const errors = await create.save(data, { onSaved: async (saved) => {
+					form.reset(saved);
+					await props.onSuccess?.(saved);
+				} });
+				if (!errors && props.redirectOnSave) redirect("list", resource);
+				return errors;
+			}
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", _hoisted_1, [createElementVNode("div", _hoisted_2, [__props.title !== "" ? (openBlock(), createElementBlock("h2", _hoisted_3, toDisplayString(__props.title ?? defaultTitle.value), 1)) : createCommentVNode("", true), renderSlot(_ctx.$slots, "actions")]), createElementVNode("div", _hoisted_4, [renderSlot(_ctx.$slots, "default"), renderSlot(_ctx.$slots, "toolbar")])]);
+		};
+	}
+});
+export { create_vue_vue_type_script_setup_true_lang_default as default };

package/dist/components/admin/view/edit.js

@@ -0,0 +1,4 @@
+import edit_vue_vue_type_script_setup_true_lang_default from "./edit.vue_vue_type_script_setup_true_lang.js";
+// src/components/admin/view/edit.vue
+var edit_default = edit_vue_vue_type_script_setup_true_lang_default;
+export { edit_default as default };

package/dist/components/admin/view/edit.vue.d.ts

@@ -1,6 +1,6 @@
-import type { EditFormControllerOptions, Identifier } from "@chelone/core";
+import type { EditFormControllerOptions, Identifier, LooseRecord } from "@chelone/core";
 /** Props for {@link Edit}. */
-export interface EditProps extends Pick<EditFormControllerOptions<Record<string, unknown>>, "validate" | "schema" | "sanitizeEmptyValues" | "onSuccess"> {
+export interface EditProps<TRecord = LooseRecord> extends Pick<EditFormControllerOptions<TRecord>, "validate" | "schema" | "sanitizeEmptyValues" | "onSuccess"> {
     resource?: string;
     id?: Identifier;
     title?: string;
@@ -12,18 +12,27 @@ export interface EditProps extends Pick<EditFormControllerOptions<Record<string,
      */
     redirectOnSave?: boolean;
 }
-declare const _default: __VLS_WithSlots<import("vue").DefineComponent<EditProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<EditProps> & Readonly<{}>, {
-    redirectOnSave: boolean;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
-    actions?: (props: {}) => any;
-} & {
-    default?: (props: {}) => any;
-} & {
-    toolbar?: (props: {}) => any;
-}>;
+declare const _default: typeof __VLS_export;
 export default _default;
-type __VLS_WithSlots<T, S> = T & {
-    new (): {
-        $slots: S;
+declare const __VLS_export: <TRecord = 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<EditProps<TRecord>> & (typeof globalThis extends {
+        __VLS_PROPS_FALLBACK: infer P;
+    } ? P : {});
+    expose: (exposed: {}) => void;
+    attrs: any;
+    slots: {
+        actions?: (props: {}) => any;
+    } & {
+        default?: (props: {}) => any;
+    } & {
+        toolbar?: (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/view/edit.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,85 @@
+import { useEditController } from "../../../controllers/use-edit-controller.js";
+import { useForm } from "../../../form/use-form.js";
+import { useGetRecordRepresentation } from "../../../label/use-get-record-representation.js";
+import { provideRecordContext } from "../../../record/record-context.js";
+import { useRedirectOptional } from "../../../router/nav-composables.js";
+import { provideResourceContext, useResourceContext } from "../../../resource-context.js";
+import { computed, createCommentVNode, createElementBlock, createElementVNode, defineComponent, openBlock, renderSlot, toDisplayString, unref, watch } from "vue";
+import { isResourceRecord } from "@chelone/core";
+// src/components/admin/view/edit.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { "data-slot": "edit" };
+var _hoisted_2 = { class: "flex justify-between items-start flex-wrap gap-2 my-2" };
+var _hoisted_3 = {
+	key: 0,
+	class: "text-2xl font-bold tracking-tight"
+};
+var _hoisted_4 = {
+	key: 0,
+	class: "my-2"
+};
+var edit_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "edit",
+	props: {
+		resource: {},
+		id: {},
+		title: {},
+		redirectOnSave: {
+			type: Boolean,
+			default: true
+		},
+		validate: {},
+		schema: {},
+		sanitizeEmptyValues: { type: Boolean },
+		onSuccess: {}
+	},
+	setup(__props) {
+		/**
+		* `<Edit>` — an edit page, the Vue analog of `@chelone/react`'s `views/edit.tsx`.
+		* Composes the two V1 seams the React `useEditForm` fuses: `useEditController`
+		* (Task 5 — fetches the record + owns `save`) and `useForm` (Task 6 — the
+		* form-core bridge that `useInput` children bind to). The record hydrates
+		* asynchronously, so a `watch` rebaselines the form (`form.reset`) when it lands.
+		*
+		* `useForm.onSubmit` runs the controller's `save`; on success (no field errors)
+		* it redirects to the list (a no-op without a router — unit tests). The ambient
+		* form is provided by `useForm` itself, so a bare `<SaveButton>` / `<TextInput>`
+		* child works with no `<SimpleForm>` in between.
+		*/
+		const props = __props;
+		const resource = props.resource ?? useResourceContext();
+		if (!resource) throw new Error("<Edit>: no resource. Pass a `resource` prop or render inside a <Resource>.");
+		provideResourceContext(resource);
+		const edit = useEditController({
+			resource,
+			id: props.id
+		});
+		const redirect = useRedirectOptional();
+		const getRecordRepresentation = useGetRecordRepresentation(resource);
+		const defaultTitle = computed(() => isResourceRecord(edit.record) ? getRecordRepresentation(edit.record) : "");
+		const form = useForm({
+			resource,
+			record: edit.record,
+			validate: (values) => props.validate?.(values),
+			schema: props.schema,
+			sanitizeEmptyValues: props.sanitizeEmptyValues,
+			getRecord: () => edit.record,
+			resetOnSuccess: false,
+			onSubmit: async (data) => {
+				const errors = await edit.save(data, { onSaved: async (saved) => {
+					form.reset(saved);
+					await props.onSuccess?.(saved);
+				} });
+				if (!errors && props.redirectOnSave) redirect("list", resource);
+				return errors;
+			}
+		});
+		provideRecordContext(computed(() => edit.record));
+		watch(() => edit.record, (record) => {
+			if (record) form.reset(record);
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", _hoisted_1, [createElementVNode("div", _hoisted_2, [__props.title !== "" ? (openBlock(), createElementBlock("h2", _hoisted_3, toDisplayString(__props.title ?? defaultTitle.value), 1)) : createCommentVNode("", true), renderSlot(_ctx.$slots, "actions")]), unref(edit).record ? (openBlock(), createElementBlock("div", _hoisted_4, [renderSlot(_ctx.$slots, "default"), renderSlot(_ctx.$slots, "toolbar")])) : createCommentVNode("", true)]);
+		};
+	}
+});
+export { edit_vue_vue_type_script_setup_true_lang_default as default };

package/dist/components/admin/view/infinite-list.js

@@ -0,0 +1,4 @@
+import infinite_list_vue_vue_type_script_setup_true_lang_default from "./infinite-list.vue_vue_type_script_setup_true_lang.js";
+// src/components/admin/view/infinite-list.vue
+var infinite_list_default = infinite_list_vue_vue_type_script_setup_true_lang_default;
+export { infinite_list_default as default };

package/dist/components/admin/view/infinite-list.vue.d.ts

@@ -4,12 +4,13 @@ export interface InfiniteListProps {
     perPage?: number;
     title?: string;
 }
-declare const _default: __VLS_WithSlots<import("vue").DefineComponent<InfiniteListProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<InfiniteListProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<InfiniteListProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<InfiniteListProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
     actions?: (props: {}) => any;
 } & {
     default?: (props: {}) => any;
 }>;
-export default _default;
 type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;

package/dist/components/admin/view/infinite-list.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,47 @@
+import { useInfiniteListController } from "../../../controllers/use-infinite-list-controller.js";
+import { useTranslate } from "../../../i18n/use-translate.js";
+import { useGetResourceLabel } from "../../../label/use-get-resource-label.js";
+import { provideListContext } from "../../../list/list-context.js";
+import { provideResourceContext, useResourceContext } from "../../../resource-context.js";
+import { computed, createCommentVNode, createElementBlock, createElementVNode, defineComponent, openBlock, renderSlot, toDisplayString } from "vue";
+// src/components/admin/view/infinite-list.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { "data-slot": "list" };
+var _hoisted_2 = { class: "flex justify-between items-start flex-wrap gap-2 my-2" };
+var _hoisted_3 = {
+	key: 0,
+	class: "text-2xl font-bold tracking-tight mb-2"
+};
+var _hoisted_4 = { class: "flex items-center gap-2" };
+var infinite_list_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "infinite-list",
+	props: {
+		resource: {},
+		perPage: {},
+		title: {}
+	},
+	setup(__props) {
+		/**
+		* `<InfiniteList>` — `<List>` on `useInfiniteListController`, the Vue analog of
+		* `@chelone/react`'s `views/infinite-list.tsx`. Same props, same layout and
+		* `actions` slot as `view/list.vue`; the list context it publishes also carries
+		* `fetchNextPage`, `isFetchingNextPage` and a `data` that grows with each
+		* loaded page, which `<InfinitePagination>` reads.
+		*/
+		const props = __props;
+		const resource = props.resource ?? useResourceContext();
+		if (!resource) throw new Error("<InfiniteList>: no resource. Pass a `resource` prop or render inside a <Resource>.");
+		provideResourceContext(resource);
+		const controller = useInfiniteListController({
+			resource,
+			perPage: props.perPage
+		});
+		provideListContext(controller);
+		const translate = useTranslate();
+		const getResourceLabel = useGetResourceLabel();
+		const defaultTitle = computed(() => translate("ra.page.list", { name: getResourceLabel(resource, 2) }));
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", _hoisted_1, [createElementVNode("div", _hoisted_2, [__props.title !== "" ? (openBlock(), createElementBlock("h2", _hoisted_3, toDisplayString(__props.title ?? defaultTitle.value), 1)) : createCommentVNode("", true), createElementVNode("div", _hoisted_4, [renderSlot(_ctx.$slots, "actions")])]), renderSlot(_ctx.$slots, "default")]);
+		};
+	}
+});
+export { infinite_list_vue_vue_type_script_setup_true_lang_default as default };

package/dist/components/admin/view/labeled.js

@@ -0,0 +1,4 @@
+import labeled_vue_vue_type_script_lang_default from "./labeled.vue_vue_type_script_lang.js";
+// src/components/admin/view/labeled.vue
+var labeled_default = labeled_vue_vue_type_script_lang_default;
+export { labeled_default as default };