@chelone/vue 0.6.0 → 0.7.0

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

@@ -0,0 +1,79 @@
+import { useTranslate } from "../../../i18n/use-translate.js";
+import title_default from "../layout/title.js";
+import { CircleAlertIcon, HistoryIcon } from "./icons.js";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createStaticVNode, createTextVNode, createVNode, defineComponent, normalizeClass, openBlock, resolveDynamicComponent, toDisplayString, unref } from "vue";
+// src/components/admin/feedback/error.vue?vue&type=script&setup=true&lang.ts
+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_3 = { class: "py-2 cursor-pointer" };
+var _hoisted_4 = { class: "whitespace-pre-wrap pt-1" };
+var _hoisted_5 = { class: "text-xs" };
+var _hoisted_6 = { class: "mt-8" };
+var IS_DEV = (typeof process !== "undefined" ? process.env.NODE_ENV : void 0) !== "production";
+var error_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "error",
+	props: {
+		errorComponent: {},
+		title: { type: [String, Boolean] },
+		class: {},
+		error: {},
+		errorInfo: {},
+		resetErrorBoundary: { type: Function }
+	},
+	setup(__props) {
+		/**
+		* `<Error>` — the app-wide error page, the Vue twin of `@chelone/react`'s
+		* `feedback/error.tsx`. Shows the translated error heading + message and a back
+		* button; in development, expands the error message + component stack in a native
+		* `<details>` disclosure (the Vue package ships no `ui/accordion` primitive — the
+		* React twin's radix `<Accordion>` becomes a dependency-free `<details>`).
+		*
+		* Exported as `Error` for react-admin API parity; the internal declaration is
+		* `ErrorPage` so the module never shadows the global `Error`.
+		*/
+		const props = __props;
+		const translate = useTranslate();
+		const errorMessage = computed(() => {
+			const error = props.error;
+			if (typeof error === "object" && error !== null && "message" in error && typeof error.message === "string") return error.message;
+			if (typeof error === "string") return error;
+			return String(error ?? "Unknown error");
+		});
+		const showDev = computed(() => IS_DEV);
+		function goBack() {
+			if (typeof window !== "undefined") window.history.go(-1);
+		}
+		return (_ctx, _cache) => {
+			return __props.errorComponent ? (openBlock(), createBlock(resolveDynamicComponent(__props.errorComponent), {
+				key: 0,
+				error: __props.error,
+				"error-info": __props.errorInfo,
+				"reset-error-boundary": __props.resetErrorBoundary
+			}, null, 8, [
+				"error",
+				"error-info",
+				"reset-error-boundary"
+			])) : (openBlock(), createElementBlock("div", {
+				key: 1,
+				class: normalizeClass(["flex flex-col items-center md:p-16 gap-5", props.class])
+			}, [
+				__props.title ? (openBlock(), createBlock(title_default, {
+					key: 0,
+					"default-title": typeof __props.title === "string" ? __props.title : void 0
+				}, null, 8, ["default-title"])) : createCommentVNode("", true),
+				createElementVNode("h1", _hoisted_1, [createVNode(unref(CircleAlertIcon), { class: "w-[2em] h-[2em]" }), createTextVNode(" " + toDisplayString(unref(translate)("ra.page.error", { _: "Something Went Wrong" })), 1)]),
+				createElementVNode("div", null, toDisplayString(unref(translate)("ra.message.error", { _: "A client error occurred and your request couldn't be completed." })), 1),
+				showDev.value ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [createElementVNode("details", _hoisted_2, [createElementVNode("summary", _hoisted_3, toDisplayString(unref(translate)(errorMessage.value, { _: errorMessage.value })), 1), createElementVNode("div", _hoisted_4, [createElementVNode("pre", _hoisted_5, toDisplayString(__props.errorInfo), 1)])]), _cache[0] || (_cache[0] = createStaticVNode("<p class=\"text-center\">Need help with this error? Try the following:</p><div><ul class=\"list-disc\"><li> Check the <a class=\"text-primary underline-offset-4 hover:underline\" href=\"https://chelone.dev/docs\">Chelone documentation</a></li><li> Search on <a class=\"text-primary underline-offset-4 hover:underline\" href=\"https://stackoverflow.com/questions/tagged/chelone\">StackOverflow</a> for community answers </li><li> Get help from the core team via <a class=\"text-primary underline-offset-4 hover:underline\" href=\"https://chelone.dev/\">Chelone</a></li></ul></div>", 2))], 64)) : createCommentVNode("", true),
+				createElementVNode("div", _hoisted_6, [createElementVNode("button", {
+					type: "button",
+					class: "inline-flex items-center gap-2 rounded-md bg-primary px-4 py-2 text-primary-foreground hover:bg-primary/90",
+					onClick: goBack
+				}, [createVNode(unref(HistoryIcon), { class: "size-4" }), createTextVNode(" " + toDisplayString(unref(translate)("ra.action.back", { _: "Back" })), 1)])])
+			], 2));
+		};
+	}
+});
+export { error_vue_vue_type_script_setup_true_lang_default as default };

package/dist/components/admin/feedback/icons.js

@@ -1,97 +1,98 @@
 import { h } from "vue";
+// src/components/admin/feedback/icons.ts
+/**
+* The glyphs the feedback SFCs need, as dependency-free functional components.
+* `@chelone/vue` carries no icon library (unlike the React twins' `lucide-react`
+* imports), so these render inline SVGs with the lucide stroke recipe — the same
+* convention as `buttons/icons.ts` + `layout/icons.ts`. Kept in a `.ts` sibling
+* so the `.vue` SFCs stay component-file-per-component. Icons are decorative
+* (`aria-hidden`); the surrounding control/heading carries the accessible text.
+*/
+/** A shared stroked `<svg>` shell with the lucide recipe around `children`. */
 function icon(children) {
-  const cmp = (props) => h(
-    "svg",
-    {
-      class: props.class,
-      viewBox: "0 0 24 24",
-      width: "24",
-      height: "24",
-      fill: "none",
-      stroke: "currentColor",
-      "stroke-width": "2",
-      "stroke-linecap": "round",
-      "stroke-linejoin": "round",
-      "aria-hidden": "true"
-    },
-    children()
-  );
-  return cmp;
+	const cmp = (props) => h("svg", {
+		class: props.class,
+		viewBox: "0 0 24 24",
+		width: "24",
+		height: "24",
+		fill: "none",
+		stroke: "currentColor",
+		"stroke-width": "2",
+		"stroke-linecap": "round",
+		"stroke-linejoin": "round",
+		"aria-hidden": "true"
+	}, children());
+	return cmp;
 }
-const paths = (...d) => icon(() => d.map((p) => h("path", { d: p })));
-const CheckCircleIcon = icon(() => [
-  h("path", { d: "M22 11.08V12a10 10 0 1 1-5.93-9.14" }),
-  h("path", { d: "m9 11 3 3L22 4" })
+/** Path-only glyph shorthand. */
+var paths = (...d) => icon(() => d.map((p) => h("path", { d: p })));
+/** Check-circle — `<Confirm>` confirm affordance. */
+var CheckCircleIcon = icon(() => [h("path", { d: "M22 11.08V12a10 10 0 1 1-5.93-9.14" }), h("path", { d: "m9 11 3 3L22 4" })]);
+/** Alert-circle — `<Confirm>` cancel affordance. */
+var AlertCircleIcon = icon(() => [
+	h("circle", {
+		cx: "12",
+		cy: "12",
+		r: "10"
+	}),
+	h("path", { d: "M12 8v4" }),
+	h("path", { d: "M12 16h.01" })
 ]);
-const AlertCircleIcon = icon(() => [
-  h("circle", { cx: "12", cy: "12", r: "10" }),
-  h("path", { d: "M12 8v4" }),
-  h("path", { d: "M12 16h.01" })
+/** Circle-alert — `<Error>` heading glyph. */
+var CircleAlertIcon = AlertCircleIcon;
+/** History (clock arrow) — `<Error>` back button. */
+var HistoryIcon = icon(() => [
+	h("path", { d: "M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8" }),
+	h("path", { d: "M3 3v5h5" }),
+	h("path", { d: "M12 7v5l4 2" })
 ]);
-const CircleAlertIcon = AlertCircleIcon;
-const HistoryIcon = icon(() => [
-  h("path", { d: "M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8" }),
-  h("path", { d: "M3 3v5h5" }),
-  h("path", { d: "M12 7v5l4 2" })
+/** Scan-face — `<Ready>` splash glyph. */
+var ScanFaceIcon = icon(() => [
+	h("path", { d: "M3 7V5a2 2 0 0 1 2-2h2" }),
+	h("path", { d: "M17 3h2a2 2 0 0 1 2 2v2" }),
+	h("path", { d: "M21 17v2a2 2 0 0 1-2 2h-2" }),
+	h("path", { d: "M7 21H5a2 2 0 0 1-2-2v-2" }),
+	h("path", { d: "M8 14s1.5 2 4 2 4-2 4-2" }),
+	h("path", { d: "M9 9h.01" }),
+	h("path", { d: "M15 9h.01" })
 ]);
-const ScanFaceIcon = icon(() => [
-  h("path", { d: "M3 7V5a2 2 0 0 1 2-2h2" }),
-  h("path", { d: "M17 3h2a2 2 0 0 1 2 2v2" }),
-  h("path", { d: "M21 17v2a2 2 0 0 1-2 2h-2" }),
-  h("path", { d: "M7 21H5a2 2 0 0 1-2-2v-2" }),
-  h("path", { d: "M8 14s1.5 2 4 2 4-2 4-2" }),
-  h("path", { d: "M9 9h.01" }),
-  h("path", { d: "M15 9h.01" })
+/** Book-open-text — `<Ready>` documentation link. */
+var BookOpenTextIcon = icon(() => [
+	h("path", { d: "M12 7v14" }),
+	h("path", { d: "M3 18a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h5a4 4 0 0 1 4 4 4 4 0 0 1 4-4h5a1 1 0 0 1 1 1v13a1 1 0 0 1-1 1h-6a3 3 0 0 0-3 3 3 3 0 0 0-3-3z" }),
+	h("path", { d: "M6 8h2" }),
+	h("path", { d: "M6 12h2" }),
+	h("path", { d: "M16 8h2" }),
+	h("path", { d: "M16 12h2" })
 ]);
-const BookOpenTextIcon = icon(() => [
-  h("path", { d: "M12 7v14" }),
-  h("path", {
-    d: "M3 18a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h5a4 4 0 0 1 4 4 4 4 0 0 1 4-4h5a1 1 0 0 1 1 1v13a1 1 0 0 1-1 1h-6a3 3 0 0 0-3 3 3 3 0 0 0-3-3z"
-  }),
-  h("path", { d: "M6 8h2" }),
-  h("path", { d: "M6 12h2" }),
-  h("path", { d: "M16 8h2" }),
-  h("path", { d: "M16 12h2" })
+/** Chevrons-left-right — `<Ready>` demo link. */
+var ChevronsLeftRightIcon = paths("m9 7-5 5 5 5", "m15 7 5 5-5 5");
+/** GitHub mark (solid) — `<Ready>` repository link. */
+var GithubMark = (props) => h("svg", {
+	class: props.class,
+	"aria-hidden": "true",
+	viewBox: "0 0 24 24",
+	fill: "currentColor"
+}, [h("path", { d: "M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12" })]);
+/** Wifi-off — `<Offline>` banner glyph. */
+var WifiOffIcon = icon(() => [
+	h("path", { d: "M12 20h.01" }),
+	h("path", { d: "M8.5 16.429a5 5 0 0 1 7 0" }),
+	h("path", { d: "M5 12.859a10 10 0 0 1 5.17-2.69" }),
+	h("path", { d: "M19 12.859a10 10 0 0 0-2.007-1.523" }),
+	h("path", { d: "M2 8.82a15 15 0 0 1 4.177-2.643" }),
+	h("path", { d: "M22 8.82a15 15 0 0 0-11.288-3.764" }),
+	h("path", { d: "m2 2 20 20" })
 ]);
-const ChevronsLeftRightIcon = paths("m9 7-5 5 5 5", "m15 7 5 5-5 5");
-const GithubMark = (props) => h(
-  "svg",
-  {
-    class: props.class,
-    "aria-hidden": "true",
-    viewBox: "0 0 24 24",
-    fill: "currentColor"
-  },
-  [
-    h("path", {
-      d: "M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"
-    })
-  ]
-);
-const WifiOffIcon = icon(() => [
-  h("path", { d: "M12 20h.01" }),
-  h("path", { d: "M8.5 16.429a5 5 0 0 1 7 0" }),
-  h("path", { d: "M5 12.859a10 10 0 0 1 5.17-2.69" }),
-  h("path", { d: "M19 12.859a10 10 0 0 0-2.007-1.523" }),
-  h("path", { d: "M2 8.82a15 15 0 0 1 4.177-2.643" }),
-  h("path", { d: "M22 8.82a15 15 0 0 0-11.288-3.764" }),
-  h("path", { d: "m2 2 20 20" })
+/** Search-x — `<NotFound>` heading glyph. */
+var SearchXIcon = icon(() => [
+	h("path", { d: "m13.5 8.5-5 5" }),
+	h("path", { d: "m8.5 8.5 5 5" }),
+	h("circle", {
+		cx: "11",
+		cy: "11",
+		r: "8"
+	}),
+	h("path", { d: "m21 21-4.3-4.3" })
 ]);
-const SearchXIcon = icon(() => [
-  h("path", { d: "m13.5 8.5-5 5" }),
-  h("path", { d: "m8.5 8.5 5 5" }),
-  h("circle", { cx: "11", cy: "11", r: "8" }),
-  h("path", { d: "m21 21-4.3-4.3" })
-]);
-export {
-  AlertCircleIcon,
-  BookOpenTextIcon,
-  CheckCircleIcon,
-  ChevronsLeftRightIcon,
-  CircleAlertIcon,
-  GithubMark,
-  HistoryIcon,
-  ScanFaceIcon,
-  SearchXIcon,
-  WifiOffIcon
-};
+export { AlertCircleIcon, BookOpenTextIcon, CheckCircleIcon, ChevronsLeftRightIcon, CircleAlertIcon, GithubMark, HistoryIcon, ScanFaceIcon, SearchXIcon, WifiOffIcon };

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

@@ -0,0 +1,4 @@
+import linear_progress_vue_vue_type_script_setup_true_lang_default from "./linear-progress.vue_vue_type_script_setup_true_lang.js";
+// src/components/admin/feedback/linear-progress.vue
+var linear_progress_default = linear_progress_vue_vue_type_script_setup_true_lang_default;
+export { linear_progress_default as default };

package/dist/components/admin/feedback/linear-progress.vue.d.ts

@@ -9,8 +9,9 @@ export interface LinearProgressProps {
     /** Extra CSS class appended to the bar container. */
     class?: string;
 }
-declare const _default: import("vue").DefineComponent<LinearProgressProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<LinearProgressProps> & Readonly<{}>, {
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: import("vue").DefineComponent<LinearProgressProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<LinearProgressProps> & Readonly<{}>, {
     max: number;
     timeout: number;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-export default _default;

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

@@ -0,0 +1,47 @@
+import { cn } from "../../../lib/utils.js";
+import { useTimeout } from "./use-timeout.js";
+import { computed, createElementBlock, defineComponent, normalizeClass, normalizeStyle, openBlock, unref } from "vue";
+// src/components/admin/feedback/linear-progress.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = {
+	key: 0,
+	class: "block my-1 h-1"
+};
+var _hoisted_2 = {
+	key: 1,
+	class: "h-full w-1/2 bg-primary animate-pulse"
+};
+var linear_progress_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "linear-progress",
+	props: {
+		timeout: { default: 1e3 },
+		value: {},
+		max: { default: 100 },
+		class: {}
+	},
+	setup(__props) {
+		/**
+		* `<LinearProgress>` — a delayed loading bar standing in for an input/field while
+		* data loads. The Vue twin of `@chelone/react`'s `feedback/linear-progress.tsx`.
+		* The delay avoids a visual jump when the bar is finally replaced by the resolved
+		* value. Indeterminate by default; determinate when `value` is provided.
+		*
+		* Idiom translation: React's `useTimeout` compat hook becomes the Vue
+		* `useTimeout` ref; the pre-delay placeholder keeps layout height stable.
+		*/
+		const props = __props;
+		const ready = useTimeout(props.timeout);
+		const classes = computed(() => cn("my-2 w-40 h-1 overflow-hidden rounded bg-muted", props.class));
+		const fillWidth = computed(() => props.value !== void 0 ? `${props.value / props.max * 100}%` : void 0);
+		return (_ctx, _cache) => {
+			return !unref(ready) ? (openBlock(), createElementBlock("span", _hoisted_1)) : (openBlock(), createElementBlock("div", {
+				key: 1,
+				class: normalizeClass(classes.value)
+			}, [__props.value !== void 0 ? (openBlock(), createElementBlock("div", {
+				key: 0,
+				class: "h-full bg-primary transition-all",
+				style: normalizeStyle({ width: fillWidth.value })
+			}, null, 4)) : (openBlock(), createElementBlock("div", _hoisted_2))], 2));
+		};
+	}
+});
+export { linear_progress_vue_vue_type_script_setup_true_lang_default as default };

package/dist/components/admin/feedback/loading-indicator.js

@@ -0,0 +1,4 @@
+import loading_indicator_vue_vue_type_script_setup_true_lang_default from "./loading-indicator.vue_vue_type_script_setup_true_lang.js";
+// src/components/admin/feedback/loading-indicator.vue
+var loading_indicator_default = loading_indicator_vue_vue_type_script_setup_true_lang_default;
+export { loading_indicator_default as default };

package/dist/components/admin/feedback/loading-indicator.vue.d.ts

@@ -3,9 +3,10 @@ export interface LoadingIndicatorProps {
     /** Extra CSS class appended to the wrapper. */
     class?: string;
 }
-declare const _default: import("vue").DefineComponent<LoadingIndicatorProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: import("vue").DefineComponent<LoadingIndicatorProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     click: () => any;
 }, string, import("vue").PublicProps, Readonly<LoadingIndicatorProps> & Readonly<{
     onClick?: (() => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-export default _default;

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

@@ -0,0 +1,59 @@
+import { useLoading, useRefresh } from "../../../data/use-refresh.js";
+import { useTranslate } from "../../../i18n/use-translate.js";
+import { cn } from "../../../lib/utils.js";
+import spinner_default from "../../ui/spinner.js";
+import { RotateCwIcon } from "../buttons/icons.js";
+import icon_button_with_tooltip_default from "../common/icon-button-with-tooltip.js";
+import { computed, createBlock, createCommentVNode, createElementBlock, createVNode, defineComponent, normalizeClass, openBlock, unref, withCtx } from "vue";
+// src/components/admin/feedback/loading-indicator.vue?vue&type=script&setup=true&lang.ts
+var loading_indicator_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "loading-indicator",
+	props: { class: {} },
+	emits: ["click"],
+	setup(__props, { emit: __emit }) {
+		/**
+		* `<LoadingIndicator>` — a refresh button that shows a spinner over itself
+		* while any query or mutation is in flight. The Vue twin of `@chelone/react`'s
+		* `feedback/loading-indicator.tsx`. The button fades out instead of unmounting,
+		* so the layout does not shift. The wrapper is 16px; the larger icon button is
+		* centred on it and overflows, so the spinner lands on the icon.
+		*
+		* Emits `click` after the queries are refreshed.
+		*
+		* @example
+		* <LoadingIndicator />
+		*/
+		const props = __props;
+		const emit = __emit;
+		const loading = useLoading();
+		const refresh = useRefresh();
+		const translate = useTranslate();
+		const wrapperClass = computed(() => cn("relative size-4", props.class));
+		const buttonClass = computed(() => cn("absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2", loading.value && "pointer-events-none opacity-0"));
+		function onClick() {
+			refresh();
+			emit("click");
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", { class: normalizeClass(wrapperClass.value) }, [createVNode(icon_button_with_tooltip_default, {
+				label: "ra.action.refresh",
+				class: normalizeClass(buttonClass.value),
+				tabindex: unref(loading) ? -1 : void 0,
+				"aria-hidden": unref(loading) ? "true" : void 0,
+				onClick
+			}, {
+				default: withCtx(() => [createVNode(unref(RotateCwIcon))]),
+				_: 1
+			}, 8, [
+				"class",
+				"tabindex",
+				"aria-hidden"
+			]), unref(loading) ? (openBlock(), createBlock(spinner_default, {
+				key: 0,
+				"aria-label": unref(translate)("ra.page.loading", { _: "Loading" }),
+				class: "absolute inset-0"
+			}, null, 8, ["aria-label"])) : createCommentVNode("", true)], 2);
+		};
+	}
+});
+export { loading_indicator_vue_vue_type_script_setup_true_lang_default as default };

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

@@ -0,0 +1,4 @@
+import loading_vue_vue_type_script_setup_true_lang_default from "./loading.vue_vue_type_script_setup_true_lang.js";
+// src/components/admin/feedback/loading.vue
+var loading_default = loading_vue_vue_type_script_setup_true_lang_default;
+export { loading_default as default };

package/dist/components/admin/feedback/loading.vue.d.ts

@@ -7,9 +7,10 @@ export interface LoadingProps {
     /** Delay (ms) before the indicator appears. Default `1000`. */
     delay?: number;
 }
-declare const _default: import("vue").DefineComponent<LoadingProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<LoadingProps> & Readonly<{}>, {
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: import("vue").DefineComponent<LoadingProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<LoadingProps> & Readonly<{}>, {
     loadingPrimary: string;
     loadingSecondary: string;
     delay: number;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-export default _default;

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

@@ -0,0 +1,48 @@
+import { useTranslate } from "../../../i18n/use-translate.js";
+import spinner_default from "./spinner.js";
+import { useTimeout } from "./use-timeout.js";
+import { createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, openBlock, toDisplayString, unref } from "vue";
+// src/components/admin/feedback/loading.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = {
+	key: 0,
+	class: "flex flex-col justify-center items-center h-full",
+	role: "status",
+	"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 loading_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "loading",
+	props: {
+		loadingPrimary: { default: "ra.page.loading" },
+		loadingSecondary: { default: "ra.message.loading" },
+		delay: { default: 1e3 }
+	},
+	setup(__props) {
+		/**
+		* `<Loading>` — the deferred loading indicator for slow element/page loads. The
+		* Vue twin of `@chelone/react`'s `feedback/loading.tsx`. Shows a spinner +
+		* translated primary/secondary messages, but only after `delay` ms so a fast
+		* response never flashes it (works as the default `<Layout>` slow-load fallback).
+		*
+		* Idiom translation: React's `useTimeout` + `<Translate>` become the Vue
+		* `useTimeout` ref and the `useTranslate()` function with the polyglot `_`
+		* fallback (chelone has no `<Translate>` component).
+		*/
+		const props = __props;
+		const translate = useTranslate();
+		const ready = useTimeout(props.delay);
+		return (_ctx, _cache) => {
+			return unref(ready) ? (openBlock(), createElementBlock("div", _hoisted_1, [createElementVNode("div", _hoisted_2, [
+				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)
+			])])) : createCommentVNode("", true);
+		};
+	}
+});
+export { loading_vue_vue_type_script_setup_true_lang_default as default };

package/dist/components/admin/feedback/not-found.js

@@ -0,0 +1,4 @@
+import not_found_vue_vue_type_script_setup_true_lang_default from "./not-found.vue_vue_type_script_setup_true_lang.js";
+// src/components/admin/feedback/not-found.vue
+var not_found_default = not_found_vue_vue_type_script_setup_true_lang_default;
+export { not_found_default as default };

package/dist/components/admin/feedback/not-found.vue.d.ts

@@ -1,3 +1,17 @@
+/**
+ * `<NotFound>` — the page for an unknown URL, meant for `<Admin>`'s `#catchAll`
+ * slot. The Vue twin of `@chelone/react`'s `feedback/not-found.tsx`. Checks
+ * authentication first, so a signed-out visitor is sent to login before seeing
+ * it; the back button goes through the router adapter's `useNavigate`, so a
+ * basename and a non-browser router are respected. The `#icon` slot replaces
+ * the default search glyph.
+ *
+ * @example
+ * <Admin :data-provider="dp">
+ *   <template #catchAll><NotFound /></template>
+ * </Admin>
+ */
+import { type VNode } from "vue";
 /** Props for {@link NotFound}. */
 export interface NotFoundProps {
     /** Overrides the page title shown in the app bar. Translated if a key. */
@@ -5,11 +19,12 @@ export interface NotFoundProps {
     /** Extra class names applied to the wrapper `div`. */
     class?: string;
 }
-declare const _default: __VLS_WithSlots<import("vue").DefineComponent<NotFoundProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<NotFoundProps> & 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<NotFoundProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<NotFoundProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
     /** Replaces the default search-x glyph. */
-    icon?: () => unknown;
+    icon?: () => VNode[];
 }>;
-export default _default;
 type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;

package/dist/components/admin/feedback/not-found.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,60 @@
+import { useAuthenticated } from "../../../admin/auth-gate.js";
+import { useTranslate } from "../../../i18n/use-translate.js";
+import { cn } from "../../../lib/utils.js";
+import { useNavigate } from "../../../router/nav-composables.js";
+import button_default from "../../ui/button.js";
+import title_default from "../layout/title.js";
+import { SearchXIcon } from "./icons.js";
+import loading_default from "./loading.js";
+import { computed, createBlock, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, normalizeClass, openBlock, renderSlot, toDisplayString, unref, withCtx } from "vue";
+// src/components/admin/feedback/not-found.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { class: "flex items-center text-3xl mt-5 mb-5 gap-3" };
+var _hoisted_2 = { class: "mt-8" };
+var not_found_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "not-found",
+	props: {
+		title: {},
+		class: {}
+	},
+	setup(__props) {
+		/**
+		* `<NotFound>` — the page for an unknown URL, meant for `<Admin>`'s `#catchAll`
+		* slot. The Vue twin of `@chelone/react`'s `feedback/not-found.tsx`. Checks
+		* authentication first, so a signed-out visitor is sent to login before seeing
+		* it; the back button goes through the router adapter's `useNavigate`, so a
+		* basename and a non-browser router are respected. The `#icon` slot replaces
+		* the default search glyph.
+		*
+		* @example
+		* <Admin :data-provider="dp">
+		*   <template #catchAll><NotFound /></template>
+		* </Admin>
+		*/
+		const props = __props;
+		const { isPending } = useAuthenticated();
+		const translate = useTranslate();
+		const navigate = useNavigate();
+		const heading = computed(() => translate("ra.page.not_found", { _: "Not Found" }));
+		return (_ctx, _cache) => {
+			return unref(isPending) ? (openBlock(), createBlock(loading_default, { key: 0 })) : (openBlock(), createElementBlock("div", {
+				key: 1,
+				class: normalizeClass(unref(cn)("flex flex-col items-center md:p-16 gap-5", props.class))
+			}, [
+				createVNode(title_default, {
+					title: props.title,
+					"default-title": heading.value
+				}, null, 8, ["title", "default-title"]),
+				createElementVNode("h1", _hoisted_1, [renderSlot(_ctx.$slots, "icon", {}, () => [createVNode(unref(SearchXIcon), { class: "w-[2em] h-[2em]" })]), createTextVNode(" " + toDisplayString(heading.value), 1)]),
+				createElementVNode("p", null, toDisplayString(unref(translate)("ra.message.not_found", { _: "The page you requested cannot be found." })), 1),
+				createElementVNode("div", _hoisted_2, [createVNode(button_default, {
+					type: "button",
+					onClick: _cache[0] || (_cache[0] = ($event) => unref(navigate)(-1))
+				}, {
+					default: withCtx(() => [createTextVNode(toDisplayString(unref(translate)("ra.action.back", { _: "Back" })), 1)]),
+					_: 1
+				})])
+			], 2));
+		};
+	}
+});
+export { not_found_vue_vue_type_script_setup_true_lang_default as default };

package/dist/components/admin/feedback/notification.js

@@ -0,0 +1,4 @@
+import notification_vue_vue_type_script_setup_true_lang_default from "./notification.vue_vue_type_script_setup_true_lang.js";
+// src/components/admin/feedback/notification.vue
+var notification_default = notification_vue_vue_type_script_setup_true_lang_default;
+export { notification_default as default };

package/dist/components/admin/feedback/notification.vue.d.ts

@@ -3,7 +3,8 @@ export interface NotificationProps {
     /** Auto-dismiss delay (ms) per toast. Default `5000`. `0` disables it. */
     duration?: number;
 }
-declare const _default: import("vue").DefineComponent<NotificationProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<NotificationProps> & Readonly<{}>, {
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: import("vue").DefineComponent<NotificationProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<NotificationProps> & Readonly<{}>, {
     duration: number;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-export default _default;