@sanurb/ringi 0.2.0 → 0.3.0

package/server/server/_ssr/router-DLxN8FOm.mjs

@@ -0,0 +1,415 @@
+import { i as __toESM } from "../_runtime.mjs";
+import { u as require_react } from "../_libs/@floating-ui/react-dom+[...].mjs";
+import { a as createRouter, c as createFileRoute, l as createRootRoute, n as Scripts, o as Outlet, r as HeadContent, s as lazyRouteComponent } from "../_libs/@tanstack/react-router+[...].mjs";
+import { n as require_jsx_runtime } from "../_libs/@pierre/diffs+[...].mjs";
+import { r as createServerFn } from "./ssr.mjs";
+import { Ct as tap, Ot as void_, St as sync, ct as ensuring, dt as gen, it as catchCause } from "../_libs/effect+[...].mjs";
+import { s as DIFF_SCOPES } from "./todo-m_uUvxca.mjs";
+import { a as getRingiThemeBootScript, i as clientRuntime, r as RingiThemeProvider, t as ApiClient } from "./client-runtime-BoPuAEoA.mjs";
+import { t as createSsrRpc } from "./createSsrRpc-AwdiLXmF.mjs";
+import { t as Route$6 } from "../_reviewId-p9mhYVwa.mjs";
+import { t as Route$7 } from "./new-BREdMFAM.mjs";
+import { t as useKeyboardShortcuts } from "./use-keyboard-shortcuts-D5b1Mxpq.mjs";
+import { t as Route$8 } from "./reviews-Dd69YBDa.mjs";
+//#region node_modules/.nitro/vite/services/ssr/assets/router-DLxN8FOm.js
+var import_react = /* @__PURE__ */ __toESM(require_react());
+var import_jsx_runtime = require_jsx_runtime();
+function CreateTodoForm({ onCreated }) {
+	const [content, setContent] = (0, import_react.useState)("");
+	const [submitting, setSubmitting] = (0, import_react.useState)(false);
+	function handleSubmit(e) {
+		e.preventDefault();
+		const trimmed = content.trim();
+		if (!trimmed || submitting) return;
+		setSubmitting(true);
+		clientRuntime.runFork(gen(function* () {
+			const { http } = yield* ApiClient;
+			return yield* http.todos.create({ payload: {
+				content: trimmed,
+				reviewId: null
+			} });
+		}).pipe(tap((todo) => sync(() => {
+			setContent("");
+			onCreated(todo);
+		})), catchCause(() => void_), ensuring(sync(() => setSubmitting(false)))));
+	}
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("form", {
+		onSubmit: handleSubmit,
+		className: "flex gap-2 px-4",
+		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("input", {
+			type: "text",
+			value: content,
+			onChange: (e) => setContent(e.target.value),
+			placeholder: "Add a todo...",
+			className: "flex-1 rounded-md border border-border-default bg-surface-primary px-3 py-1.5 text-sm text-text-primary placeholder-text-tertiary outline-none focus:border-accent-primary",
+			disabled: submitting
+		}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", {
+			type: "submit",
+			disabled: !content.trim() || submitting,
+			className: "rounded-md bg-accent-muted px-3 py-1.5 text-sm font-medium text-accent-primary hover:bg-accent-muted disabled:opacity-40",
+			children: "Add"
+		})]
+	});
+}
+function TodoItem({ todo, onToggle, onDelete }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+		className: "group flex items-center gap-3 rounded-md px-3 py-2 hover:bg-surface-elevated",
+		children: [
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", {
+				type: "button",
+				onClick: () => onToggle(todo.id),
+				className: `flex h-5 w-5 shrink-0 items-center justify-center rounded border ${todo.completed ? "border-accent-primary bg-accent-muted text-accent-primary" : "border-border-strong text-transparent hover:border-text-secondary"}`,
+				"aria-label": todo.completed ? "Mark incomplete" : "Mark complete",
+				children: todo.completed && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("svg", {
+					className: "h-3 w-3",
+					fill: "none",
+					viewBox: "0 0 24 24",
+					stroke: "currentColor",
+					strokeWidth: 3,
+					children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", {
+						strokeLinecap: "round",
+						strokeLinejoin: "round",
+						d: "M5 13l4 4L19 7"
+					})
+				})
+			}),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+				className: `min-w-0 flex-1 break-words text-sm ${todo.completed ? "text-text-tertiary line-through" : "text-text-primary"}`,
+				children: todo.content
+			}),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", {
+				type: "button",
+				onClick: () => onDelete(todo.id),
+				className: "shrink-0 text-text-tertiary opacity-0 transition-opacity hover:text-red-400 group-hover:opacity-100",
+				"aria-label": "Delete todo",
+				children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("svg", {
+					className: "h-4 w-4",
+					fill: "none",
+					viewBox: "0 0 24 24",
+					stroke: "currentColor",
+					strokeWidth: 2,
+					children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", {
+						strokeLinecap: "round",
+						strokeLinejoin: "round",
+						d: "M6 18L18 6M6 6l12 12"
+					})
+				})
+			})
+		]
+	});
+}
+function TodoPanel({ isOpen, onClose }) {
+	const [todos, setTodos] = (0, import_react.useState)([]);
+	const [stats, setStats] = (0, import_react.useState)({
+		completed: 0,
+		pending: 0,
+		total: 0
+	});
+	const panelRef = (0, import_react.useRef)(null);
+	const fetchTodos = (0, import_react.useCallback)(async () => {
+		const [todosRes, statsRes] = await Promise.all([fetch("/api/todos"), fetch("/api/todos/stats")]);
+		if (todosRes.ok) setTodos((await todosRes.json()).data ?? []);
+		if (statsRes.ok) setStats(await statsRes.json());
+	}, []);
+	(0, import_react.useEffect)(() => {
+		if (isOpen) fetchTodos();
+	}, [isOpen, fetchTodos]);
+	(0, import_react.useEffect)(() => {
+		if (!isOpen) return;
+		function onKey(e) {
+			if (e.key === "Escape") onClose();
+		}
+		document.addEventListener("keydown", onKey);
+		return () => document.removeEventListener("keydown", onKey);
+	}, [isOpen, onClose]);
+	async function handleToggle(id) {
+		if ((await fetch(`/api/todos/${id}/toggle`, { method: "PATCH" })).ok) fetchTodos();
+	}
+	async function handleDelete(id) {
+		if ((await fetch(`/api/todos/${id}`, { method: "DELETE" })).ok) fetchTodos();
+	}
+	async function handleClearCompleted() {
+		if ((await fetch("/api/todos/completed", { method: "DELETE" })).ok) fetchTodos();
+	}
+	function handleCreated(_todo) {
+		fetchTodos();
+	}
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [isOpen && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+		className: "fixed inset-0 z-40 bg-black/50 transition-opacity",
+		onClick: onClose,
+		onKeyDown: (e) => {
+			if (e.key === "Enter" || e.key === " ") onClose();
+		},
+		role: "button",
+		tabIndex: -1,
+		"aria-label": "Close panel"
+	}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+		ref: panelRef,
+		className: `fixed inset-y-0 right-0 z-50 w-80 transform border-l border-border-default bg-surface-secondary shadow-xl transition-transform duration-200 ${isOpen ? "translate-x-0" : "translate-x-full"}`,
+		children: [
+			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+				className: "flex items-center justify-between border-b border-border-default px-4 py-3",
+				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+					className: "flex items-center gap-2",
+					children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("h2", {
+						className: "text-sm font-semibold text-text-primary",
+						children: "Todos"
+					}), stats.total > 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", {
+						className: "rounded-full bg-surface-overlay px-1.5 py-px text-[10px] font-medium tabular-nums text-text-secondary",
+						children: [
+							stats.completed,
+							"/",
+							stats.total
+						]
+					}) : null]
+				}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", {
+					type: "button",
+					onClick: onClose,
+					className: "text-text-tertiary hover:text-text-primary",
+					"aria-label": "Close panel",
+					children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("svg", {
+						className: "h-5 w-5",
+						fill: "none",
+						viewBox: "0 0 24 24",
+						stroke: "currentColor",
+						strokeWidth: 2,
+						children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", {
+							strokeLinecap: "round",
+							strokeLinejoin: "round",
+							d: "M6 18L18 6M6 6l12 12"
+						})
+					})
+				})]
+			}),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+				className: "border-b border-border-default py-3",
+				children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CreateTodoForm, { onCreated: handleCreated })
+			}),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+				className: "flex-1 overflow-y-auto px-1 py-2",
+				style: { maxHeight: "calc(100vh - 160px)" },
+				children: todos.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
+					className: "px-4 py-8 text-center text-sm text-text-tertiary",
+					children: "No todos yet"
+				}) : todos.map((todo) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TodoItem, {
+					todo,
+					onToggle: handleToggle,
+					onDelete: handleDelete
+				}, todo.id))
+			}),
+			stats.completed > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+				className: "border-t border-border-default px-4 py-3",
+				children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", {
+					type: "button",
+					onClick: handleClearCompleted,
+					className: "w-full rounded-md bg-red-500/10 px-3 py-1.5 text-sm text-red-400 hover:bg-red-500/20",
+					children: "Clear done"
+				})
+			})
+		]
+	})] });
+}
+var styles_default = "/assets/styles-UDowwF7S.css";
+var Route$5 = createRootRoute({
+	component: RootLayout,
+	head: () => ({
+		links: [{
+			href: styles_default,
+			rel: "stylesheet"
+		}],
+		meta: [
+			{ charSet: "utf8" },
+			{
+				content: "width=device-width, initial-scale=1",
+				name: "viewport"
+			},
+			{ title: "ringi" }
+		]
+	}),
+	shellComponent: RootDocument
+});
+function RootDocument({ children }) {
+	(0, import_react.useEffect)(() => {}, []);
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("html", {
+		lang: "en",
+		suppressHydrationWarning: true,
+		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("head", { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(HeadContent, {}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("script", { dangerouslySetInnerHTML: { __html: getRingiThemeBootScript() } })] }), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("body", { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(RingiThemeProvider, { children }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Scripts, {})] })]
+	});
+}
+function RootLayout() {
+	const [todosOpen, setTodosOpen] = (0, import_react.useState)(false);
+	const toggleTodos = (0, import_react.useCallback)(() => setTodosOpen((prev) => !prev), []);
+	const closeTodos = (0, import_react.useCallback)(() => setTodosOpen(false), []);
+	const shortcuts = (0, import_react.useMemo)(() => [{
+		description: "Toggle Todos panel",
+		handler: toggleTodos,
+		key: "t"
+	}, {
+		description: "Show keyboard shortcuts",
+		handler: () => {
+			console.log("Keyboard shortcuts:\n  t — Toggle Todos panel\n  ? — Show this help\n  n — New review (on Changes/Reviews pages)\n  r — Go to Reviews (on Changes page)\n  c — Go to Changes (on Reviews page)");
+		},
+		key: "?",
+		shift: true
+	}], [toggleTodos]);
+	useKeyboardShortcuts(todosOpen ? [] : shortcuts);
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+		className: "flex h-screen flex-col bg-surface-primary",
+		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("main", {
+			className: "flex-1 overflow-hidden",
+			children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Outlet, {})
+		}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TodoPanel, {
+			isOpen: todosOpen,
+			onClose: closeTodos
+		})]
+	});
+}
+var $$splitComponentImporter$2 = () => import("./test-CQdMYlqa.mjs");
+var Route$4 = createFileRoute("/test")({ component: lazyRouteComponent($$splitComponentImporter$2, "component") });
+var $$splitComponentImporter$1 = () => import("./reviews-BL5Nsgst.mjs");
+var Route$3 = createFileRoute("/reviews")({ component: lazyRouteComponent($$splitComponentImporter$1, "component") });
+var checkDatabase = async (request) => {
+	const startedAt = Date.now();
+	try {
+		const url = new URL(request.url);
+		const target = new URL("/api/reviews", url);
+		const res = await fetch(target, {
+			headers: { accept: "application/json" },
+			method: "GET"
+		});
+		const latencyMs = Date.now() - startedAt;
+		if (!res.ok) return {
+			status: "error",
+			httpStatus: res.status,
+			latencyMs
+		};
+		await res.json();
+		return {
+			status: "connected",
+			latencyMs
+		};
+	} catch {
+		return {
+			status: "error",
+			latencyMs: Date.now() - startedAt
+		};
+	}
+};
+var Route$2 = createFileRoute("/health")({ server: { handlers: { GET: async ({ request }) => {
+	const deep = new URL(request.url).searchParams.get("deep") === "1";
+	const checks = {
+		status: "healthy",
+		timestamp: (/* @__PURE__ */ new Date()).toISOString(),
+		uptime: process.uptime(),
+		memory: process.memoryUsage(),
+		version: process.env.npm_package_version ?? null,
+		database: deep ? await checkDatabase(request) : { status: "skipped" }
+	};
+	return Response.json(checks, { headers: { "cache-control": "no-store" } });
+} } } });
+var DEFAULT_DIFF_SCOPE = "staged";
+var isDiffScope = (value) => typeof value === "string" && DIFF_SCOPES.includes(value);
+var getDiffScope = (value) => isDiffScope(value) ? value : DEFAULT_DIFF_SCOPE;
+var loadScopedDiff = createServerFn({ method: "GET" }).inputValidator((input) => {
+	return { scope: getDiffScope(input?.scope) };
+}).handler(createSsrRpc("367245383f9546b6fd4dc5f473195892e7eabc03edaced380dedab17ad1518ad"));
+var $$splitErrorComponentImporter = () => import("./routes-D25G8OuS.mjs");
+var $$splitComponentImporter = () => import("./routes-lz0AN75A.mjs");
+/** Pick the first non-binary, commentable file. */
+var Route$1 = createFileRoute("/")({
+	component: lazyRouteComponent($$splitComponentImporter, "component"),
+	errorComponent: lazyRouteComponent($$splitErrorComponentImporter, "errorComponent"),
+	loader: ({ deps }) => {
+		return loadScopedDiff({ data: { scope: getDiffScope(deps.scope) } });
+	},
+	loaderDeps: ({ search }) => ({ scope: getDiffScope(search.scope) })
+});
+var effectHandler = null;
+var getHandler = async () => {
+	if (effectHandler) return effectHandler;
+	const { initApiHandler } = await import("./api-handler-CstW2n82.mjs");
+	const { handler, dispose } = await initApiHandler();
+	effectHandler = ({ request }) => handler(request, void 0);
+	const globalHmr = globalThis;
+	if (globalHmr.__EFFECT_DISPOSE__) {
+		const prevDispose = globalHmr.__EFFECT_DISPOSE__;
+		globalHmr.__EFFECT_DISPOSE__ = async () => {
+			await prevDispose();
+			await dispose();
+		};
+	} else globalHmr.__EFFECT_DISPOSE__ = dispose;
+	return effectHandler;
+};
+var lazyHandler = async (ctx) => {
+	return (await getHandler())(ctx);
+};
+var Route = createFileRoute("/api/$")({ server: { handlers: {
+	DELETE: lazyHandler,
+	GET: lazyHandler,
+	OPTIONS: lazyHandler,
+	PATCH: lazyHandler,
+	POST: lazyHandler,
+	PUT: lazyHandler
+} } });
+var TestRoute = Route$4.update({
+	id: "/test",
+	path: "/test",
+	getParentRoute: () => Route$5
+});
+var ReviewsRoute = Route$3.update({
+	id: "/reviews",
+	path: "/reviews",
+	getParentRoute: () => Route$5
+});
+var HealthRoute = Route$2.update({
+	id: "/health",
+	path: "/health",
+	getParentRoute: () => Route$5
+});
+var IndexRoute = Route$1.update({
+	id: "/",
+	path: "/",
+	getParentRoute: () => Route$5
+});
+var ReviewsIndexRoute = Route$8.update({
+	id: "/",
+	path: "/",
+	getParentRoute: () => ReviewsRoute
+});
+var ReviewsNewRoute = Route$7.update({
+	id: "/new",
+	path: "/new",
+	getParentRoute: () => ReviewsRoute
+});
+var ReviewsReviewIdRoute = Route$6.update({
+	id: "/$reviewId",
+	path: "/$reviewId",
+	getParentRoute: () => ReviewsRoute
+});
+var ApiSplatRoute = Route.update({
+	id: "/api/$",
+	path: "/api/$",
+	getParentRoute: () => Route$5
+});
+var ReviewsRouteChildren = {
+	ReviewsReviewIdRoute,
+	ReviewsNewRoute,
+	ReviewsIndexRoute
+};
+var rootRouteChildren = {
+	IndexRoute,
+	HealthRoute,
+	ReviewsRoute: ReviewsRoute._addFileChildren(ReviewsRouteChildren),
+	TestRoute,
+	ApiSplatRoute
+};
+var routeTree = Route$5._addFileChildren(rootRouteChildren)._addFileTypes();
+var getRouter = () => {
+	return createRouter({
+		defaultPreloadStaleTime: 0,
+		routeTree,
+		scrollRestoration: true
+	});
+};
+//#endregion
+export { getRouter };

package/server/server/_ssr/routes-D25G8OuS.mjs

@@ -0,0 +1,80 @@
+import { i as __toESM } from "../_runtime.mjs";
+import { u as require_react } from "../_libs/@floating-ui/react-dom+[...].mjs";
+import { n as require_jsx_runtime } from "../_libs/@pierre/diffs+[...].mjs";
+import { t as cva } from "../_libs/class-variance-authority+clsx.mjs";
+import { t as cn } from "./utils-BuOt9_LA.mjs";
+import { i as Slot } from "../_libs/@radix-ui/react-arrow+[...].mjs";
+//#region node_modules/.nitro/vite/services/ssr/assets/routes-D25G8OuS.js
+var import_react = /* @__PURE__ */ __toESM(require_react());
+var import_jsx_runtime = require_jsx_runtime();
+var buttonVariants = cva("group/button inline-flex shrink-0 items-center justify-center rounded-lg border border-transparent bg-clip-padding text-sm font-medium whitespace-nowrap transition-all outline-none select-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 active:translate-y-px disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", {
+	defaultVariants: {
+		size: "default",
+		variant: "default"
+	},
+	variants: {
+		size: {
+			default: "h-8 gap-1.5 px-2.5 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2",
+			icon: "size-8",
+			"icon-lg": "size-9",
+			"icon-sm": "size-7 rounded-[min(var(--radius-md),12px)] in-data-[slot=button-group]:rounded-lg",
+			"icon-xs": "size-6 rounded-[min(var(--radius-md),10px)] in-data-[slot=button-group]:rounded-lg [&_svg:not([class*='size-'])]:size-3",
+			lg: "h-9 gap-1.5 px-2.5 has-data-[icon=inline-end]:pr-3 has-data-[icon=inline-start]:pl-3",
+			sm: "h-7 gap-1 rounded-[min(var(--radius-md),12px)] px-2.5 text-[0.8rem] in-data-[slot=button-group]:rounded-lg has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3.5",
+			xs: "h-6 gap-1 rounded-[min(var(--radius-md),10px)] px-2 text-xs in-data-[slot=button-group]:rounded-lg has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3"
+		},
+		variant: {
+			default: "bg-primary text-primary-foreground [a]:hover:bg-primary/80",
+			destructive: "bg-destructive/10 text-destructive hover:bg-destructive/20 focus-visible:border-destructive/40 focus-visible:ring-destructive/20 dark:bg-destructive/20 dark:hover:bg-destructive/30 dark:focus-visible:ring-destructive/40",
+			ghost: "hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:hover:bg-muted/50",
+			link: "text-primary underline-offset-4 hover:underline",
+			outline: "border-border bg-background hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:border-input dark:bg-input/30 dark:hover:bg-input/50",
+			secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80 aria-expanded:bg-secondary aria-expanded:text-secondary-foreground"
+		}
+	}
+});
+function Button({ className, variant = "default", size = "default", asChild = false, ...props }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(asChild ? Slot : "button", {
+		"data-slot": "button",
+		"data-variant": variant,
+		"data-size": size,
+		className: cn(buttonVariants({
+			className,
+			size,
+			variant
+		})),
+		...props
+	});
+}
+/** Pick the first non-binary, commentable file. */
+var IndexError = ({ error }) => {
+	const message = error instanceof Error ? error.message : "Unable to load changes";
+	const handleRetry = (0, import_react.useCallback)(() => {
+		window.location.reload();
+	}, []);
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+		className: "flex h-full items-center justify-center",
+		children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+			className: "rounded-sm border border-border-default bg-surface-elevated p-8 text-center",
+			children: [
+				/* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
+					className: "text-sm font-medium text-status-error",
+					children: "Error"
+				}),
+				/* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
+					className: "mt-2 text-xs text-text-secondary",
+					children: message
+				}),
+				/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Button, {
+					className: "mt-4",
+					onClick: handleRetry,
+					size: "sm",
+					variant: "outline",
+					children: "Retry"
+				})
+			]
+		})
+	});
+};
+//#endregion
+export { IndexError as errorComponent };