@voltro/ui-shadcn 0.1.0

package/dist/index.js

@@ -0,0 +1,2636 @@
+import { cn as e } from "./cn.js";
+import { VOLTRO_BOLT_PATH as t, VOLTRO_VIOLET as n, VoltroIcon as r, VoltroMark as i, VoltroWordmark as a } from "./brand.js";
+import { Children as o, createContext as s, forwardRef as c, isValidElement as l, useCallback as u, useContext as d, useEffect as f, useId as p, useMemo as m, useRef as h, useState as g } from "react";
+import { Fragment as _, jsx as v, jsxs as y } from "react/jsx-runtime";
+import { cva as b } from "class-variance-authority";
+import * as x from "@radix-ui/react-dropdown-menu";
+import * as S from "@radix-ui/react-toggle";
+import * as C from "@radix-ui/react-toggle-group";
+//#region src/widgets.tsx
+var w = {
+	field: "voltro-field flex flex-col gap-1",
+	label: "text-sm font-medium text-foreground",
+	control: "block w-full rounded-md border border-input bg-background px-3 py-2 text-sm shadow-sm focus:outline-none focus:ring-2 focus:ring-ring disabled:cursor-not-allowed disabled:opacity-50",
+	checkbox: "h-4 w-4 rounded border-input text-primary focus:ring-2 focus:ring-ring",
+	error: "text-sm text-destructive"
+}, T = (e) => e == null ? "" : String(e), E = (e, t) => t === void 0 ? void 0 : `${e}-error`, D = (e) => /* @__PURE__ */ y("div", {
+	className: w.field,
+	children: [
+		/* @__PURE__ */ y("label", {
+			className: w.label,
+			htmlFor: e.id,
+			children: [e.label, e.required ? " *" : ""]
+		}),
+		e.children,
+		e.error === void 0 ? null : /* @__PURE__ */ v("p", {
+			id: `${e.id}-error`,
+			className: w.error,
+			role: "alert",
+			children: e.error
+		})
+	]
+}), O = (e, t) => (n) => {
+	let r = p();
+	return /* @__PURE__ */ v(D, {
+		id: r,
+		label: n.label,
+		required: n.required,
+		error: n.error,
+		children: /* @__PURE__ */ v("input", {
+			id: r,
+			type: e,
+			name: n.name,
+			className: w.control,
+			value: T(n.value),
+			onChange: (e) => n.onChange(t(e.target.value)),
+			disabled: n.disabled,
+			required: n.required,
+			"aria-invalid": n.error !== void 0,
+			"aria-describedby": E(r, n.error)
+		})
+	});
+}, k = {
+	text: O("text", (e) => e),
+	number: O("number", (e) => e === "" ? void 0 : Number(e)),
+	date: O("date", (e) => e),
+	datetime: O("datetime-local", (e) => e),
+	daterange: O("text", (e) => e),
+	"async-select": O("text", (e) => e),
+	textarea: (e) => {
+		let t = p();
+		return /* @__PURE__ */ v(D, {
+			id: t,
+			label: e.label,
+			required: e.required,
+			error: e.error,
+			children: /* @__PURE__ */ v("textarea", {
+				id: t,
+				name: e.name,
+				className: w.control,
+				value: T(e.value),
+				onChange: (t) => e.onChange(t.target.value),
+				disabled: e.disabled,
+				required: e.required,
+				"aria-invalid": e.error !== void 0,
+				"aria-describedby": E(t, e.error)
+			})
+		});
+	},
+	checkbox: (e) => {
+		let t = p();
+		return /* @__PURE__ */ y("div", {
+			className: "voltro-field flex items-center gap-2",
+			children: [
+				/* @__PURE__ */ v("input", {
+					id: t,
+					type: "checkbox",
+					name: e.name,
+					className: w.checkbox,
+					checked: e.value === !0,
+					onChange: (t) => e.onChange(t.target.checked),
+					disabled: e.disabled,
+					"aria-invalid": e.error !== void 0,
+					"aria-describedby": E(t, e.error)
+				}),
+				/* @__PURE__ */ y("label", {
+					className: w.label,
+					htmlFor: t,
+					children: [e.label, e.required ? " *" : ""]
+				}),
+				e.error === void 0 ? null : /* @__PURE__ */ v("p", {
+					id: `${t}-error`,
+					className: w.error,
+					role: "alert",
+					children: e.error
+				})
+			]
+		});
+	},
+	switch: (e) => {
+		let t = p(), n = e.value === !0;
+		return /* @__PURE__ */ y("div", {
+			className: "voltro-field flex items-center gap-2",
+			children: [
+				/* @__PURE__ */ v("button", {
+					id: t,
+					type: "button",
+					role: "switch",
+					"aria-checked": n,
+					onClick: () => e.onChange(!n),
+					disabled: e.disabled,
+					"aria-invalid": e.error !== void 0,
+					"aria-describedby": E(t, e.error),
+					className: "relative inline-flex h-5 w-9 shrink-0 items-center rounded-full border border-input transition-colors focus:outline-none focus:ring-2 focus:ring-ring disabled:cursor-not-allowed disabled:opacity-50 " + (n ? "bg-primary" : "bg-input"),
+					children: /* @__PURE__ */ v("span", {
+						"aria-hidden": "true",
+						className: "block h-4 w-4 rounded-full bg-background shadow-sm transition-transform " + (n ? "translate-x-4" : "translate-x-0.5")
+					})
+				}),
+				/* @__PURE__ */ y("label", {
+					className: w.label,
+					htmlFor: t,
+					children: [e.label, e.required ? " *" : ""]
+				}),
+				e.error === void 0 ? null : /* @__PURE__ */ v("p", {
+					id: `${t}-error`,
+					className: w.error,
+					role: "alert",
+					children: e.error
+				})
+			]
+		});
+	},
+	select: (e) => {
+		let t = p();
+		return /* @__PURE__ */ v(D, {
+			id: t,
+			label: e.label,
+			required: e.required,
+			error: e.error,
+			children: /* @__PURE__ */ y("select", {
+				id: t,
+				name: e.name,
+				className: w.control,
+				value: T(e.value),
+				onChange: (t) => e.onChange(t.target.value),
+				disabled: e.disabled,
+				required: e.required,
+				"aria-invalid": e.error !== void 0,
+				"aria-describedby": E(t, e.error),
+				children: [/* @__PURE__ */ v("option", {
+					value: "",
+					children: "—"
+				}), (e.options ?? []).map((e) => /* @__PURE__ */ v("option", {
+					value: e.value,
+					children: e.label
+				}, e.value))]
+			})
+		});
+	},
+	radio: (e) => {
+		let t = p();
+		return /* @__PURE__ */ y("fieldset", {
+			className: w.field,
+			"aria-invalid": e.error !== void 0,
+			children: [
+				/* @__PURE__ */ y("legend", {
+					className: w.label,
+					children: [e.label, e.required ? " *" : ""]
+				}),
+				/* @__PURE__ */ v("div", {
+					className: "flex flex-col gap-1",
+					children: (e.options ?? []).map((n) => {
+						let r = `${t}-${n.value}`;
+						return /* @__PURE__ */ y("span", {
+							className: "flex items-center gap-2",
+							children: [/* @__PURE__ */ v("input", {
+								id: r,
+								type: "radio",
+								name: e.name,
+								value: n.value,
+								className: w.checkbox,
+								checked: T(e.value) === n.value,
+								onChange: () => e.onChange(n.value),
+								disabled: e.disabled
+							}), /* @__PURE__ */ v("label", {
+								className: "text-sm text-foreground",
+								htmlFor: r,
+								children: n.label
+							})]
+						}, n.value);
+					})
+				}),
+				e.error === void 0 ? null : /* @__PURE__ */ v("p", {
+					id: `${t}-error`,
+					className: w.error,
+					role: "alert",
+					children: e.error
+				})
+			]
+		});
+	},
+	"multi-select": (e) => {
+		let t = p(), n = Array.isArray(e.value) ? e.value.map(String) : [];
+		return /* @__PURE__ */ v(D, {
+			id: t,
+			label: e.label,
+			required: e.required,
+			error: e.error,
+			children: /* @__PURE__ */ v("select", {
+				id: t,
+				name: e.name,
+				multiple: !0,
+				className: w.control + " min-h-24",
+				value: n,
+				onChange: (t) => e.onChange(Array.from(t.target.selectedOptions, (e) => e.value)),
+				disabled: e.disabled,
+				"aria-invalid": e.error !== void 0,
+				"aria-describedby": E(t, e.error),
+				children: (e.options ?? []).map((e) => /* @__PURE__ */ v("option", {
+					value: e.value,
+					children: e.label
+				}, e.value))
+			})
+		});
+	},
+	file: (e) => {
+		let t = p();
+		return /* @__PURE__ */ v(D, {
+			id: t,
+			label: e.label,
+			required: e.required,
+			error: e.error,
+			children: /* @__PURE__ */ v("input", {
+				id: t,
+				type: "file",
+				name: e.name,
+				className: w.control + " file:mr-3 file:rounded file:border-0 file:bg-primary file:px-2 file:py-1 file:text-sm file:text-primary-foreground",
+				onChange: (t) => e.onChange(t.target.value),
+				disabled: e.disabled,
+				required: e.required,
+				"aria-invalid": e.error !== void 0,
+				"aria-describedby": E(t, e.error)
+			})
+		});
+	}
+}, A = "voltro:theme", j = "voltro:lang", M = (e) => e === "system" || e === "light" || e === "dark", ee = 3600 * 24 * 400, N = (e, t) => {
+	let n = t ?? (typeof document < "u" ? document.cookie : "");
+	if (n) for (let t of n.split(";")) {
+		let n = t.indexOf("=");
+		if (n !== -1 && t.slice(0, n).trim() === e) try {
+			return decodeURIComponent(t.slice(n + 1).trim());
+		} catch {
+			return t.slice(n + 1).trim();
+		}
+	}
+}, P = (e, t, n = {}) => {
+	let { maxAgeSeconds: r = ee, path: i = "/", sameSite: a = "lax" } = n, o = [
+		`${e}=${encodeURIComponent(t)}`,
+		`Path=${i}`,
+		`Max-Age=${r}`,
+		`SameSite=${a}`
+	];
+	a === "none" && o.push("Secure");
+	let s = o.join("; ");
+	return typeof document < "u" && (document.cookie = s), s;
+}, te = (e, t = "/") => P(e, "", {
+	maxAgeSeconds: 0,
+	path: t
+}), ne = (e) => {
+	let t = e ?? void 0, n = N(A, t), r = N(j, t);
+	return {
+		...n !== void 0 && M(n) ? { theme: n } : {},
+		...r !== void 0 && r !== "" ? { lang: r } : {}
+	};
+}, re = (e) => {
+	if (typeof document > "u") return;
+	let t = e === "dark" || e === "system" && typeof window < "u" && window.matchMedia?.("(prefers-color-scheme: dark)").matches === !0;
+	document.documentElement.classList.toggle("dark", t);
+}, ie = b("inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive cursor-pointer", {
+	variants: {
+		variant: {
+			default: "bg-primary text-primary-foreground shadow-xs hover:bg-primary/90",
+			destructive: "bg-destructive text-destructive-foreground shadow-xs hover:bg-destructive/90",
+			outline: "border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50",
+			secondary: "bg-secondary text-secondary-foreground shadow-xs hover:bg-secondary/80",
+			ghost: "hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50",
+			link: "text-primary underline-offset-4 hover:underline"
+		},
+		size: {
+			default: "h-9 px-4 py-2 has-[>svg]:px-3",
+			sm: "h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5",
+			lg: "h-10 rounded-md px-6 has-[>svg]:px-4",
+			icon: "size-9"
+		}
+	},
+	defaultVariants: {
+		variant: "default",
+		size: "default"
+	}
+}), F = ({ className: t, variant: n, size: r, children: i, ...a }) => /* @__PURE__ */ v("button", {
+	"data-slot": "button",
+	className: e(ie({
+		variant: n,
+		size: r,
+		className: t
+	})),
+	...a,
+	children: i
+}), I = ({ className: t, children: n, ...r }) => /* @__PURE__ */ v("div", {
+	"data-slot": "card",
+	className: e("bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-sm", t),
+	...r,
+	children: n
+}), L = ({ className: t, children: n, ...r }) => /* @__PURE__ */ v("div", {
+	"data-slot": "card-header",
+	className: e("grid auto-rows-min grid-rows-[auto_auto] items-start gap-1.5 px-6", t),
+	...r,
+	children: n
+}), R = ({ className: t, children: n, ...r }) => /* @__PURE__ */ v("h3", {
+	"data-slot": "card-title",
+	className: e("leading-none font-semibold tracking-tight", t),
+	...r,
+	children: n
+}), ae = ({ className: t, children: n, ...r }) => /* @__PURE__ */ v("p", {
+	"data-slot": "card-description",
+	className: e("text-muted-foreground text-sm", t),
+	...r,
+	children: n
+}), oe = ({ className: t, children: n, ...r }) => /* @__PURE__ */ v("div", {
+	"data-slot": "card-content",
+	className: e("px-6", t),
+	...r,
+	children: n
+}), se = ({ className: t, children: n, ...r }) => /* @__PURE__ */ v("div", {
+	"data-slot": "card-footer",
+	className: e("flex items-center px-6", t),
+	...r,
+	children: n
+}), z = ({ className: t, type: n = "text", ...r }) => /* @__PURE__ */ v("input", {
+	type: n,
+	"data-slot": "input",
+	className: e("flex h-9 w-full min-w-0 rounded-md border bg-transparent px-3 py-1 text-base shadow-xs", "transition-[color,box-shadow] outline-none", "file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium", "placeholder:text-muted-foreground", "selection:bg-primary selection:text-primary-foreground", "dark:bg-input/30", "disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50", "md:text-sm", "focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]", "aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive", t),
+	...r
+}), ce = ({ className: t, ...n }) => /* @__PURE__ */ v("textarea", {
+	"data-slot": "textarea",
+	className: e("flex min-h-16 w-full rounded-md border bg-transparent px-3 py-2 text-base shadow-xs", "transition-[color,box-shadow] outline-none", "placeholder:text-muted-foreground", "selection:bg-primary selection:text-primary-foreground", "dark:bg-input/30", "disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50", "md:text-sm", "focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]", "aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive", t),
+	...n
+}), le = ({ className: t, indeterminate: n, ...r }) => {
+	let i = h(null);
+	return f(() => {
+		i.current && (i.current.indeterminate = n === !0);
+	}, [n]), /* @__PURE__ */ y("span", {
+		className: "relative inline-flex size-4 shrink-0 items-center justify-center",
+		children: [
+			/* @__PURE__ */ v("input", {
+				ref: i,
+				type: "checkbox",
+				"data-slot": "checkbox",
+				className: e("peer size-4 appearance-none rounded-[4px] border shadow-xs outline-none", "border-input bg-transparent dark:bg-input/30", "checked:bg-primary checked:border-primary", "indeterminate:bg-primary indeterminate:border-primary", "transition-[color,box-shadow]", "focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]", "disabled:cursor-not-allowed disabled:opacity-50", "cursor-pointer", t),
+				...r
+			}),
+			/* @__PURE__ */ v("svg", {
+				viewBox: "0 0 24 24",
+				fill: "none",
+				stroke: "currentColor",
+				strokeWidth: 3,
+				strokeLinecap: "round",
+				strokeLinejoin: "round",
+				className: "pointer-events-none absolute hidden size-3 text-primary-foreground peer-checked:peer-indeterminate:hidden peer-checked:block",
+				children: /* @__PURE__ */ v("path", { d: "M20 6 9 17l-5-5" })
+			}),
+			/* @__PURE__ */ v("span", { className: "pointer-events-none absolute hidden h-[2px] w-2.5 rounded-full bg-primary-foreground peer-indeterminate:block" })
+		]
+	});
+}, B = ({ className: t, children: n, ...r }) => /* @__PURE__ */ v("label", {
+	"data-slot": "label",
+	className: e("flex items-center gap-2 text-sm leading-none font-medium select-none", "group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50", "peer-disabled:cursor-not-allowed peer-disabled:opacity-50", t),
+	...r,
+	children: n
+}), ue = b("inline-flex items-center justify-center rounded-md border px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 [&>svg]:pointer-events-none gap-1 transition-[color,box-shadow] overflow-hidden focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive", {
+	variants: { variant: {
+		default: "border-transparent bg-primary text-primary-foreground [a&]:hover:bg-primary/90",
+		secondary: "border-transparent bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/90",
+		destructive: "border-transparent bg-destructive text-white [a&]:hover:bg-destructive/90",
+		outline: "text-foreground [a&]:hover:bg-accent [a&]:hover:text-accent-foreground"
+	} },
+	defaultVariants: { variant: "default" }
+}), de = ({ className: t, variant: n, children: r, ...i }) => /* @__PURE__ */ v("span", {
+	"data-slot": "badge",
+	className: e(ue({ variant: n }), t),
+	...i,
+	children: r
+}), fe = ({ className: t, orientation: n = "horizontal", ...r }) => /* @__PURE__ */ v("div", {
+	"data-slot": "separator",
+	role: "separator",
+	"aria-orientation": n,
+	className: e("bg-border shrink-0", n === "horizontal" ? "h-px w-full" : "h-full w-px", t),
+	...r
+}), pe = {
+	sm: "size-6 text-xs",
+	md: "size-9 text-sm",
+	lg: "size-12 text-base"
+}, me = ({ src: t, alt: n, fallback: r, size: i = "md", className: a, ...o }) => /* @__PURE__ */ v("div", {
+	"data-slot": "avatar",
+	className: e("relative inline-flex items-center justify-center overflow-hidden rounded-full bg-muted", pe[i], a),
+	...o,
+	children: t ? /* @__PURE__ */ v("img", {
+		src: t,
+		alt: n ?? "",
+		className: "size-full object-cover"
+	}) : /* @__PURE__ */ v("span", {
+		className: "font-medium text-muted-foreground select-none",
+		children: r ?? "?"
+	})
+}), he = ({ className: t, ...n }) => /* @__PURE__ */ v("div", {
+	"data-slot": "skeleton",
+	className: e("animate-pulse rounded-md bg-muted", t),
+	...n
+}), ge = ({ className: t, children: n, ...r }) => /* @__PURE__ */ v("select", {
+	"data-slot": "select",
+	className: e("flex h-9 w-full rounded-md border bg-transparent px-3 py-1 text-sm shadow-xs", "transition-[color,box-shadow] outline-none cursor-pointer", "dark:bg-input/30", "disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50", "focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]", t),
+	...r,
+	children: n
+}), _e = ({ className: t, children: n, ...r }) => /* @__PURE__ */ v("dialog", {
+	"data-slot": "dialog",
+	className: e("fixed top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2", "w-full max-w-lg rounded-lg border bg-background text-foreground p-6 shadow-lg", "backdrop:bg-black/50 backdrop:backdrop-blur-sm", "open:animate-in open:fade-in-0 open:zoom-in-95", t),
+	...r,
+	children: n
+}), ve = ({ className: t, ...n }) => /* @__PURE__ */ v("div", {
+	"data-slot": "dialog-header",
+	className: e("flex flex-col gap-1.5 text-left mb-4", t),
+	...n
+}), ye = ({ className: t, ...n }) => /* @__PURE__ */ v("h2", {
+	"data-slot": "dialog-title",
+	className: e("text-lg font-semibold leading-none tracking-tight", t),
+	...n
+}), be = ({ className: t, ...n }) => /* @__PURE__ */ v("p", {
+	"data-slot": "dialog-description",
+	className: e("text-sm text-muted-foreground", t),
+	...n
+}), xe = ({ className: t, ...n }) => /* @__PURE__ */ v("div", {
+	"data-slot": "dialog-footer",
+	className: e("mt-6 flex flex-col-reverse gap-2 sm:flex-row sm:justify-end", t),
+	...n
+}), V = s(null), Se = ({ defaultValue: t, value: n, onValueChange: r, className: i, children: a, ...o }) => {
+	let [s, c] = g(t), l = n ?? s;
+	return /* @__PURE__ */ v(V.Provider, {
+		value: {
+			value: l,
+			setValue: (e) => {
+				n === void 0 && c(e), r?.(e);
+			}
+		},
+		children: /* @__PURE__ */ v("div", {
+			"data-slot": "tabs",
+			className: e("flex flex-col gap-2", i),
+			...o,
+			children: a
+		})
+	});
+}, Ce = ({ className: t, ...n }) => /* @__PURE__ */ v("div", {
+	"data-slot": "tabs-list",
+	role: "tablist",
+	className: e("inline-flex h-9 w-fit items-center justify-center rounded-lg bg-muted text-muted-foreground p-1", t),
+	...n
+}), we = ({ value: t, className: n, children: r, ...i }) => {
+	let a = d(V);
+	if (!a) throw Error("TabsTrigger must be inside <Tabs>");
+	let o = a.value === t;
+	return /* @__PURE__ */ v("button", {
+		"data-slot": "tabs-trigger",
+		role: "tab",
+		type: "button",
+		"aria-selected": o,
+		onClick: () => a.setValue(t),
+		className: e("inline-flex items-center justify-center whitespace-nowrap rounded-md px-3 py-1 text-sm font-medium transition-all", "focus-visible:outline-none focus-visible:ring-[3px] focus-visible:ring-ring/50", o ? "bg-background text-foreground shadow-sm" : "hover:text-foreground", n),
+		...i,
+		children: r
+	});
+}, Te = ({ value: t, className: n, children: r, ...i }) => {
+	let a = d(V);
+	if (!a) throw Error("TabsContent must be inside <Tabs>");
+	return a.value === t ? /* @__PURE__ */ v("div", {
+		"data-slot": "tabs-content",
+		role: "tabpanel",
+		className: e("flex-1 outline-none", n),
+		...i,
+		children: r
+	}) : null;
+}, Ee = {
+	default: "bg-card text-card-foreground border",
+	destructive: "bg-destructive text-white border-destructive",
+	success: "bg-emerald-600 text-white border-emerald-600"
+}, De = ({ variant: t = "default", className: n, children: r, ...i }) => /* @__PURE__ */ v("div", {
+	"data-slot": "toast",
+	role: "status",
+	"aria-live": "polite",
+	className: e("fixed bottom-4 right-4 z-50 max-w-md rounded-md border shadow-lg p-4", "data-[state=closed]:hidden", "data-[state=open]:animate-in data-[state=open]:slide-in-from-bottom-2 data-[state=open]:fade-in-0", Ee[t], n),
+	...i,
+	children: r
+}), Oe = ({ className: t, ...n }) => /* @__PURE__ */ v("p", {
+	"data-slot": "toast-title",
+	className: e("text-sm font-semibold", t),
+	...n
+}), ke = ({ className: t, ...n }) => /* @__PURE__ */ v("p", {
+	"data-slot": "toast-description",
+	className: e("text-sm opacity-90", t),
+	...n
+}), Ae = x.Root, je = x.Trigger, Me = x.Group, Ne = x.Portal, Pe = x.RadioGroup, H = c(({ className: t, sideOffset: n = 6, ...r }, i) => /* @__PURE__ */ v(x.Portal, { children: /* @__PURE__ */ v(x.Content, {
+	ref: i,
+	sideOffset: n,
+	className: e("z-50 min-w-[10rem] overflow-hidden rounded-md border border-border", "bg-popover text-popover-foreground shadow-lg p-1", "data-[state=open]:animate-in data-[state=closed]:animate-out", "data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0", "data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95", "data-[side=bottom]:slide-in-from-top-2 data-[side=top]:slide-in-from-bottom-2", "data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2", t),
+	...r
+}) }));
+H.displayName = "DropdownMenuContent";
+var Fe = c(({ className: t, inset: n, ...r }, i) => /* @__PURE__ */ v(x.Label, {
+	ref: i,
+	className: e("px-2 py-1.5 text-[0.65rem] font-semibold uppercase tracking-wider text-muted-foreground", n && "pl-8", t),
+	...r
+}));
+Fe.displayName = "DropdownMenuLabel";
+var U = c(({ className: t, ...n }, r) => /* @__PURE__ */ v(x.Separator, {
+	ref: r,
+	className: e("-mx-1 my-1 h-px bg-border", t),
+	...n
+}));
+U.displayName = "DropdownMenuSeparator";
+var W = c(({ className: t, inset: n, destructive: r, ...i }, a) => /* @__PURE__ */ v(x.Item, {
+	ref: a,
+	className: e("relative flex items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none", "transition-colors select-none cursor-pointer", "focus:bg-accent focus:text-accent-foreground", "data-[disabled]:pointer-events-none data-[disabled]:opacity-50", "[&_svg:not([class*='size-'])]:size-4 [&_svg]:shrink-0 [&_svg]:pointer-events-none", n && "pl-8", r ? "text-destructive focus:bg-destructive/10 focus:text-destructive" : "text-foreground", t),
+	...i
+}));
+W.displayName = "DropdownMenuItem";
+var Ie = () => /* @__PURE__ */ v("span", { className: "size-2 rounded-full bg-current" }), Le = c(({ className: t, children: n, ...r }, i) => /* @__PURE__ */ y(x.RadioItem, {
+	ref: i,
+	className: e("relative flex items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-none", "transition-colors select-none cursor-pointer text-foreground", "focus:bg-accent focus:text-accent-foreground", "data-[disabled]:pointer-events-none data-[disabled]:opacity-50", t),
+	...r,
+	children: [/* @__PURE__ */ v("span", {
+		className: "absolute left-2.5 flex size-3.5 items-center justify-center",
+		children: /* @__PURE__ */ v(x.ItemIndicator, { children: /* @__PURE__ */ v(Ie, {}) })
+	}), n]
+}));
+Le.displayName = "DropdownMenuRadioItem";
+//#endregion
+//#region src/primitives/toggle.tsx
+var G = b("inline-flex items-center justify-center gap-2 rounded-md text-sm font-medium transition-colors hover:bg-muted hover:text-muted-foreground disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-accent data-[state=on]:text-accent-foreground [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 [&_svg]:shrink-0 outline-none focus-visible:ring-[3px] focus-visible:ring-ring/50 focus-visible:border-ring cursor-pointer", {
+	variants: {
+		variant: {
+			default: "bg-transparent",
+			outline: "border border-input bg-transparent shadow-xs hover:bg-accent hover:text-accent-foreground"
+		},
+		size: {
+			default: "h-9 px-2 min-w-9",
+			sm: "h-8 px-2 min-w-8",
+			lg: "h-10 px-2.5 min-w-10"
+		}
+	},
+	defaultVariants: {
+		variant: "default",
+		size: "default"
+	}
+}), Re = c(({ className: t, variant: n, size: r, ...i }, a) => /* @__PURE__ */ v(S.Root, {
+	ref: a,
+	className: e(G({
+		variant: n,
+		size: r,
+		className: t
+	})),
+	...i
+}));
+Re.displayName = "Toggle";
+//#endregion
+//#region src/primitives/toggleGroup.tsx
+var ze = s({
+	variant: "default",
+	size: "default"
+}), K = c(({ className: t, variant: n, size: r, children: i, ...a }, o) => /* @__PURE__ */ v(C.Root, {
+	ref: o,
+	className: e("inline-flex items-center gap-1", t),
+	...a,
+	children: /* @__PURE__ */ v(ze.Provider, {
+		value: {
+			variant: n,
+			size: r
+		},
+		children: i
+	})
+}));
+K.displayName = "ToggleGroup";
+var q = c(({ className: t, variant: n, size: r, children: i, ...a }, o) => {
+	let s = d(ze);
+	return /* @__PURE__ */ v(C.Item, {
+		ref: o,
+		className: e(G({
+			variant: n ?? s.variant,
+			size: r ?? s.size
+		}), t),
+		...a,
+		children: i
+	});
+});
+q.displayName = "ToggleGroupItem";
+//#endregion
+//#region src/primitives/localeSwitcher.tsx
+var Be = ({ locales: t, current: n, onChange: r, ariaLabel: i = "Language", className: a }) => {
+	let [o, s] = g(void 0);
+	return f(() => {
+		s(N("voltro:lang") ?? void 0);
+	}, []), /* @__PURE__ */ v("select", {
+		"aria-label": i,
+		value: n ?? o ?? t[0]?.code ?? "",
+		onChange: (e) => {
+			let t = e.target.value;
+			P(j, t), s(t), r?.(t) !== !1 && typeof window < "u" && window.location.reload();
+		},
+		className: e("h-9 rounded-md border border-input bg-transparent px-2 text-sm shadow-xs outline-none focus-visible:ring-[3px] focus-visible:ring-ring/50 focus-visible:border-ring cursor-pointer", a),
+		children: t.map((e) => /* @__PURE__ */ v("option", {
+			value: e.code,
+			children: e.label
+		}, e.code))
+	});
+};
+Be.displayName = "LocaleSwitcher";
+//#endregion
+//#region src/compositions/loginCard.tsx
+var Ve = {
+	email: "Email",
+	emailPlaceholder: "you@company.com",
+	password: "Password",
+	forgot: "Forgot?",
+	oauthDivider: "or continue with",
+	signUpPrompt: "New here?",
+	signUp: "Create an account"
+}, He = ({ title: t = "Welcome back", description: n = "Sign in to your account to continue.", eyebrow: r, submitLabel: i = "Sign in", oauthProviders: a, onOAuth: o, signUpHref: s, forgotHref: c, className: l, labels: u, ...d }) => {
+	let f = {
+		...Ve,
+		...u
+	};
+	return /* @__PURE__ */ v("div", {
+		className: e("w-full max-w-md mx-auto", l),
+		children: /* @__PURE__ */ y(I, { children: [
+			/* @__PURE__ */ y(L, { children: [
+				r ? /* @__PURE__ */ v("div", {
+					className: "text-xs uppercase tracking-wider text-muted-foreground font-medium",
+					children: r
+				}) : null,
+				/* @__PURE__ */ v(R, {
+					className: "text-2xl",
+					children: t
+				}),
+				/* @__PURE__ */ v(ae, { children: n })
+			] }),
+			/* @__PURE__ */ y(oe, { children: [/* @__PURE__ */ y("form", {
+				className: "space-y-4",
+				...d,
+				children: [
+					/* @__PURE__ */ y("div", {
+						className: "space-y-1.5",
+						children: [/* @__PURE__ */ v(B, {
+							htmlFor: "email",
+							children: f.email
+						}), /* @__PURE__ */ v(z, {
+							id: "email",
+							name: "email",
+							type: "email",
+							autoComplete: "email",
+							placeholder: f.emailPlaceholder
+						})]
+					}),
+					/* @__PURE__ */ y("div", {
+						className: "space-y-1.5",
+						children: [/* @__PURE__ */ y("div", {
+							className: "flex items-center justify-between",
+							children: [/* @__PURE__ */ v(B, {
+								htmlFor: "password",
+								children: f.password
+							}), c ? /* @__PURE__ */ v("a", {
+								href: c,
+								className: "text-xs text-muted-foreground hover:text-foreground",
+								children: f.forgot
+							}) : null]
+						}), /* @__PURE__ */ v(z, {
+							id: "password",
+							name: "password",
+							type: "password",
+							autoComplete: "current-password",
+							placeholder: "••••••••"
+						})]
+					}),
+					/* @__PURE__ */ v(F, {
+						type: "submit",
+						className: "w-full",
+						children: i
+					})
+				]
+			}), a && a.length > 0 ? /* @__PURE__ */ y(_, { children: [/* @__PURE__ */ y("div", {
+				className: "my-5 flex items-center gap-3 text-xs text-muted-foreground",
+				children: [
+					/* @__PURE__ */ v("div", { className: "h-px flex-1 bg-border" }),
+					/* @__PURE__ */ v("span", { children: f.oauthDivider }),
+					/* @__PURE__ */ v("div", { className: "h-px flex-1 bg-border" })
+				]
+			}), /* @__PURE__ */ v("div", {
+				className: "grid gap-2",
+				style: { gridTemplateColumns: `repeat(${a.length}, minmax(0, 1fr))` },
+				children: a.map((e) => /* @__PURE__ */ v(F, {
+					type: "button",
+					variant: "outline",
+					onClick: () => o?.(e.id),
+					children: e.label
+				}, e.id))
+			})] }) : null] }),
+			s ? /* @__PURE__ */ y(se, {
+				className: "justify-center text-xs text-muted-foreground",
+				children: [
+					f.signUpPrompt,
+					" ",
+					/* @__PURE__ */ v("a", {
+						href: s,
+						className: "ml-1 text-foreground hover:underline",
+						children: f.signUp
+					})
+				]
+			}) : null
+		] })
+	});
+}, Ue = ({ eyebrow: t, title: n, subtitle: r, primaryCta: i, secondaryCta: a, footnote: o, className: s }) => /* @__PURE__ */ y("section", {
+	className: e("py-20 text-center max-w-4xl mx-auto px-6", s),
+	children: [
+		t ? /* @__PURE__ */ v(de, {
+			variant: "outline",
+			className: "mb-6 border-primary/30 text-primary",
+			children: t
+		}) : null,
+		/* @__PURE__ */ v("h1", {
+			className: "text-4xl md:text-6xl font-bold tracking-tight leading-tight mb-4 text-foreground",
+			children: n
+		}),
+		r ? /* @__PURE__ */ v("p", {
+			className: "text-lg md:text-xl text-muted-foreground max-w-2xl mx-auto mb-8",
+			children: r
+		}) : null,
+		/* @__PURE__ */ y("div", {
+			className: "flex gap-3 justify-center flex-wrap mb-4",
+			children: [i ? /* @__PURE__ */ v("a", {
+				href: i.href,
+				children: /* @__PURE__ */ v(F, {
+					size: "lg",
+					children: i.label
+				})
+			}) : null, a ? /* @__PURE__ */ v("a", {
+				href: a.href,
+				children: /* @__PURE__ */ v(F, {
+					size: "lg",
+					variant: "outline",
+					children: a.label
+				})
+			}) : null]
+		}),
+		o ? /* @__PURE__ */ v("p", {
+			className: "text-sm text-muted-foreground",
+			children: o
+		}) : null
+	]
+}), We = ({ sectionTitle: t, features: n, className: r }) => /* @__PURE__ */ y("section", {
+	className: e("py-16 max-w-6xl mx-auto px-6", r),
+	children: [t ? /* @__PURE__ */ v("h2", {
+		className: "text-2xl md:text-3xl font-semibold text-center mb-12 text-foreground",
+		children: t
+	}) : null, /* @__PURE__ */ v("div", {
+		className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4",
+		children: n.map((e) => /* @__PURE__ */ v(I, {
+			className: "hover:border-primary/40 transition-colors",
+			children: /* @__PURE__ */ y(L, { children: [
+				e.icon ? /* @__PURE__ */ v("div", {
+					className: "text-primary mb-2",
+					children: e.icon
+				}) : null,
+				/* @__PURE__ */ v(R, {
+					className: "text-base",
+					children: e.title
+				}),
+				/* @__PURE__ */ v(ae, { children: e.body })
+			] })
+		}, e.title))
+	})]
+}), Ge = ({ to: e, className: t, children: n }) => /* @__PURE__ */ v("a", {
+	href: e,
+	className: t,
+	children: n
+}), Ke = ({ brand: t, nav: n, children: r, currentPath: i, className: a, searchAction: o, searchPlaceholder: s = "Search docs…", searchLabel: c = "Search docs", LinkComponent: l = Ge }) => {
+	let u = l;
+	return /* @__PURE__ */ y("div", {
+		className: e("min-h-screen grid grid-cols-1 md:grid-cols-[260px_1fr] bg-background text-foreground", a),
+		children: [/* @__PURE__ */ y("aside", {
+			className: "border-r bg-card/30 p-6 md:sticky md:top-0 md:h-screen md:overflow-y-auto",
+			children: [
+				/* @__PURE__ */ v("div", {
+					className: "mb-6",
+					children: t
+				}),
+				o ? /* @__PURE__ */ v("form", {
+					method: "get",
+					action: o,
+					className: "mb-6",
+					children: /* @__PURE__ */ v("input", {
+						type: "search",
+						name: "q",
+						placeholder: s,
+						"aria-label": c,
+						className: "w-full rounded-md border border-input bg-background px-3 py-2 text-sm outline-none focus:ring-2 focus:ring-ring"
+					})
+				}) : null,
+				n.map((t) => /* @__PURE__ */ y("div", {
+					className: "mb-6",
+					children: [/* @__PURE__ */ v("h4", {
+						className: "text-xs uppercase tracking-wider text-muted-foreground font-medium mb-2",
+						children: t.section
+					}), /* @__PURE__ */ v("ul", {
+						className: "space-y-0.5",
+						children: t.entries.map((t) => {
+							let n = i === t.href;
+							return /* @__PURE__ */ v("li", { children: /* @__PURE__ */ v(u, {
+								to: t.href,
+								prefetch: !0,
+								className: e("block rounded-md px-2 py-1.5 text-sm transition-colors", n ? "bg-accent text-accent-foreground font-medium" : "text-muted-foreground hover:bg-accent/50 hover:text-foreground"),
+								children: t.label
+							}) }, t.href);
+						})
+					})]
+				}, t.section))
+			]
+		}), /* @__PURE__ */ v("main", {
+			className: "p-8 md:p-12 lg:p-16 max-w-3xl text-foreground",
+			children: r
+		})]
+	});
+}, J = ({ children: e, className: t, title: n }) => /* @__PURE__ */ y("svg", {
+	xmlns: "http://www.w3.org/2000/svg",
+	width: "24",
+	height: "24",
+	viewBox: "0 0 24 24",
+	fill: "none",
+	stroke: "currentColor",
+	strokeWidth: "1.5",
+	strokeLinecap: "round",
+	strokeLinejoin: "round",
+	className: t,
+	...n ? {
+		role: "img",
+		"aria-label": n
+	} : { "aria-hidden": !0 },
+	children: [n ? /* @__PURE__ */ v("title", { children: n }) : null, e]
+}), qe = (e) => /* @__PURE__ */ y(J, {
+	...e,
+	children: [
+		/* @__PURE__ */ v("path", { d: "M4.5 16.5 c-1.5 1.26 -2 5 -2 5 s3.74 -.5 5 -2 c.71 -.84 .7 -2.13 -.09 -2.91 a2.18 2.18 0 0 0 -2.91 -.09Z" }),
+		/* @__PURE__ */ v("path", { d: "m12 15 -3 -3 a22 22 0 0 1 2 -3.95 A12.88 12.88 0 0 1 22 2 c0 2.72 -.78 7.5 -6 11 a22.35 22.35 0 0 1 -4 2Z" }),
+		/* @__PURE__ */ v("path", { d: "M9 12 H4 s.55 -3.03 2 -4 c1.62 -1.08 5 0 5 0" }),
+		/* @__PURE__ */ v("path", { d: "M12 15 v5 s3.03 -.55 4 -2 c1.08 -1.62 0 -5 0 -5" })
+	]
+}), Je = (e) => /* @__PURE__ */ y(J, {
+	...e,
+	children: [/* @__PURE__ */ v("circle", {
+		cx: "12",
+		cy: "12",
+		r: "10"
+	}), /* @__PURE__ */ v("polygon", { points: "16.24,7.76 14.12,14.12 7.76,16.24 9.88,9.88" })]
+}), Ye = (e) => /* @__PURE__ */ y(J, {
+	...e,
+	children: [
+		/* @__PURE__ */ v("path", { d: "m7.5 4.27 9 5.15" }),
+		/* @__PURE__ */ v("path", { d: "M21 8 a2 2 0 0 0 -1 -1.73 l-7 -4 a2 2 0 0 0 -2 0 l-7 4 A2 2 0 0 0 3 8 v8 a2 2 0 0 0 1 1.73 l7 4 a2 2 0 0 0 2 0 l7 -4 A2 2 0 0 0 21 16 Z" }),
+		/* @__PURE__ */ v("path", { d: "M3.3 7 12 12 l8.7 -5" }),
+		/* @__PURE__ */ v("path", { d: "M12 22 V12" })
+	]
+}), Xe = (e) => /* @__PURE__ */ v(J, {
+	...e,
+	children: /* @__PURE__ */ v("path", { d: "M20 20 H4 a2 2 0 0 1 -2 -2 V6 a2 2 0 0 1 2 -2 h5.93 a2 2 0 0 1 1.66 .9 l.82 1.2 a2 2 0 0 0 1.66 .9 H20 a2 2 0 0 1 2 2 v8 a2 2 0 0 1 -2 2 z" })
+}), Ze = (e) => /* @__PURE__ */ y(J, {
+	...e,
+	children: [/* @__PURE__ */ v("path", { d: "M14.5 2 H6 a2 2 0 0 0 -2 2 v16 a2 2 0 0 0 2 2 h12 a2 2 0 0 0 2 -2 V7.5 z" }), /* @__PURE__ */ v("polyline", { points: "14 2 14 8 20 8" })]
+}), Qe = (e) => /* @__PURE__ */ y(J, {
+	...e,
+	children: [
+		/* @__PURE__ */ v("path", { d: "M4.93 4.93 a10 10 0 0 0 0 14.14" }),
+		/* @__PURE__ */ v("path", { d: "M19.07 4.93 a10 10 0 0 1 0 14.14" }),
+		/* @__PURE__ */ v("path", { d: "M7.76 7.76 a6 6 0 0 0 0 8.49" }),
+		/* @__PURE__ */ v("path", { d: "M16.24 7.76 a6 6 0 0 1 0 8.49" }),
+		/* @__PURE__ */ v("circle", {
+			cx: "12",
+			cy: "12",
+			r: "2"
+		})
+	]
+}), $e = (e) => /* @__PURE__ */ v(J, {
+	...e,
+	children: /* @__PURE__ */ v("path", { d: "M17 3 a2.85 2.83 0 1 1 4 4 L7.5 20.5 2 22 l1.5 -5.5 z" })
+}), et = (e) => /* @__PURE__ */ y(J, {
+	...e,
+	children: [/* @__PURE__ */ v("path", { d: "M6 8 a6 6 0 0 1 12 0 c0 7 3 9 3 9 H3 s3 -2 3 -9" }), /* @__PURE__ */ v("path", { d: "M10.3 21 a1.94 1.94 0 0 0 3.4 0" })]
+}), tt = (e) => /* @__PURE__ */ y(J, {
+	...e,
+	children: [/* @__PURE__ */ v("path", { d: "M12 2 v4 M12 18 v4 M4.93 4.93 l2.83 2.83 M16.24 16.24 l2.83 2.83 M2 12 h4 M18 12 h4 M4.93 19.07 l2.83 -2.83 M16.24 7.76 l2.83 -2.83" }), /* @__PURE__ */ v("circle", {
+		cx: "12",
+		cy: "12",
+		r: "4"
+	})]
+}), nt = (e) => /* @__PURE__ */ y(J, {
+	...e,
+	children: [
+		/* @__PURE__ */ v("rect", {
+			x: "4",
+			y: "2",
+			width: "16",
+			height: "20",
+			rx: "2"
+		}),
+		/* @__PURE__ */ v("path", { d: "M9 22 V12 h6 v10" }),
+		/* @__PURE__ */ v("path", { d: "M8 6 h.01 M12 6 h.01 M16 6 h.01 M8 10 h.01 M16 10 h.01" })
+	]
+}), rt = (e) => /* @__PURE__ */ y(J, {
+	...e,
+	children: [
+		/* @__PURE__ */ v("ellipse", {
+			cx: "12",
+			cy: "5",
+			rx: "9",
+			ry: "3"
+		}),
+		/* @__PURE__ */ v("path", { d: "M3 5 v14 a9 3 0 0 0 18 0 V5" }),
+		/* @__PURE__ */ v("path", { d: "M3 12 a9 3 0 0 0 18 0" })
+	]
+}), it = (e) => /* @__PURE__ */ y(J, {
+	...e,
+	children: [/* @__PURE__ */ v("rect", {
+		x: "3",
+		y: "11",
+		width: "18",
+		height: "11",
+		rx: "2"
+	}), /* @__PURE__ */ v("path", { d: "M7 11 V7 a5 5 0 0 1 10 0 v4" })]
+}), at = (e) => /* @__PURE__ */ y(J, {
+	...e,
+	children: [
+		/* @__PURE__ */ v("path", { d: "M12 8 V4 H8" }),
+		/* @__PURE__ */ v("rect", {
+			x: "2",
+			y: "8",
+			width: "20",
+			height: "14",
+			rx: "2"
+		}),
+		/* @__PURE__ */ v("path", { d: "M2 14 h2 M20 14 h2 M15 13 v2 M9 13 v2" })
+	]
+}), ot = (e) => /* @__PURE__ */ y(J, {
+	...e,
+	children: [/* @__PURE__ */ v("polyline", { points: "4 17 10 11 4 5" }), /* @__PURE__ */ v("line", {
+		x1: "12",
+		y1: "19",
+		x2: "20",
+		y2: "19"
+	})]
+}), st = (e) => /* @__PURE__ */ y(J, {
+	...e,
+	children: [
+		/* @__PURE__ */ v("polygon", { points: "12 2 2 7 12 12 22 7 12 2" }),
+		/* @__PURE__ */ v("polyline", { points: "2 17 12 22 22 17" }),
+		/* @__PURE__ */ v("polyline", { points: "2 12 12 17 22 12" })
+	]
+}), ct = (e) => /* @__PURE__ */ y(J, {
+	...e,
+	children: [/* @__PURE__ */ v("path", { d: "M19.43 12.98 a8 8 0 0 0 0 -1.96 l2.11 -1.65 -2 -3.46 -2.49 1 a8 8 0 0 0 -1.7 -.98 L15 3 H9 l-.38 2.93 a8 8 0 0 0 -1.7 .98 L4.43 5.91 l-2 3.46 2.11 1.65 a8 8 0 0 0 0 1.96 L2.43 14.63 l2 3.46 2.49 -1 a8 8 0 0 0 1.7 .98 L9 21 h6 l.38 -2.93 a8 8 0 0 0 1.7 -.98 l2.49 1 2 -3.46 z" }), /* @__PURE__ */ v("circle", {
+		cx: "12",
+		cy: "12",
+		r: "3"
+	})]
+}), lt = (e) => /* @__PURE__ */ v(J, {
+	...e,
+	children: /* @__PURE__ */ v("path", { d: "M9 9 a3 3 0 0 1 6 0 v9 a3 3 0 0 1 -6 0 V12 a1 1 0 0 1 2 0 v6 a1 1 0 0 0 2 0 V9 a1 1 0 0 0 -2 0" })
+}), ut = (e) => /* @__PURE__ */ y(J, {
+	...e,
+	children: [
+		/* @__PURE__ */ v("circle", {
+			cx: "12",
+			cy: "12",
+			r: "10"
+		}),
+		/* @__PURE__ */ v("line", {
+			x1: "2",
+			y1: "12",
+			x2: "22",
+			y2: "12"
+		}),
+		/* @__PURE__ */ v("path", { d: "M12 2 a15.3 15.3 0 0 1 4 10 a15.3 15.3 0 0 1 -4 10 a15.3 15.3 0 0 1 -4 -10 a15.3 15.3 0 0 1 4 -10 z" })
+	]
+}), dt = (e) => /* @__PURE__ */ v(J, {
+	...e,
+	children: /* @__PURE__ */ v("path", { d: "M17.5 19 a4.5 4.5 0 1 0 -1.41 -8.78 a6 6 0 1 0 -11.05 4.5" })
+}), ft = (e) => /* @__PURE__ */ y(J, {
+	...e,
+	children: [/* @__PURE__ */ v("path", { d: "M3 9 l9 -7 9 7 v11 a2 2 0 0 1 -2 2 H5 a2 2 0 0 1 -2 -2 z" }), /* @__PURE__ */ v("polyline", { points: "9 22 9 12 15 12 15 22" })]
+}), pt = (e) => /* @__PURE__ */ v(J, {
+	...e,
+	children: /* @__PURE__ */ v("polyline", { points: "15 18 9 12 15 6" })
+}), mt = (e) => /* @__PURE__ */ v(J, {
+	...e,
+	children: /* @__PURE__ */ v("polyline", { points: "9 18 15 12 9 6" })
+}), Y = (e) => /* @__PURE__ */ y(J, {
+	...e,
+	children: [/* @__PURE__ */ v("circle", {
+		cx: "11",
+		cy: "11",
+		r: "8"
+	}), /* @__PURE__ */ v("line", {
+		x1: "21",
+		y1: "21",
+		x2: "16.65",
+		y2: "16.65"
+	})]
+}), ht = (e) => /* @__PURE__ */ y(J, {
+	...e,
+	children: [/* @__PURE__ */ v("polyline", { points: "9 10 4 15 9 20" }), /* @__PURE__ */ v("path", { d: "M20 4 v7 a4 4 0 0 1 -4 4 H4" })]
+}), X = ({ children: e, className: t, title: n }) => /* @__PURE__ */ y("svg", {
+	xmlns: "http://www.w3.org/2000/svg",
+	width: "24",
+	height: "24",
+	viewBox: "0 0 24 24",
+	fill: "currentColor",
+	className: t,
+	...n ? {
+		role: "img",
+		"aria-label": n
+	} : { "aria-hidden": !0 },
+	children: [n ? /* @__PURE__ */ v("title", { children: n }) : null, e]
+}), gt = (e) => /* @__PURE__ */ v(X, {
+	...e,
+	children: /* @__PURE__ */ v("path", { d: "M12 0C5.37 0 0 5.37 0 12c0 5.3 3.44 9.8 8.21 11.39.6.11.82-.26.82-.58 0-.29-.01-1.04-.02-2.05-3.34.72-4.04-1.61-4.04-1.61-.55-1.39-1.34-1.76-1.34-1.76-1.09-.74.08-.73.08-.73 1.2.09 1.84 1.24 1.84 1.24 1.07 1.84 2.81 1.31 3.5 1 .11-.78.42-1.31.76-1.61-2.67-.3-5.47-1.33-5.47-5.93 0-1.31.47-2.38 1.24-3.22-.12-.3-.54-1.52.12-3.18 0 0 1.01-.32 3.31 1.23.96-.27 1.99-.4 3.02-.41 1.02.01 2.05.14 3.02.41 2.3-1.55 3.31-1.23 3.31-1.23.66 1.66.24 2.88.12 3.18.77.84 1.24 1.91 1.24 3.22 0 4.61-2.81 5.63-5.49 5.93.43.37.81 1.1.81 2.22 0 1.6-.01 2.89-.01 3.29 0 .32.21.7.83.58C20.57 21.8 24 17.3 24 12c0-6.63-5.37-12-12-12z" })
+}), _t = (e) => /* @__PURE__ */ v(X, {
+	...e,
+	children: /* @__PURE__ */ v("path", { d: "M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" })
+}), vt = (e) => /* @__PURE__ */ v(X, {
+	...e,
+	children: /* @__PURE__ */ v("path", { d: "M20.317 4.37a19.79 19.79 0 0 0-4.885-1.515.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 0 0-5.487 0 12.64 12.64 0 0 0-.617-1.25.077.077 0 0 0-.079-.037A19.74 19.74 0 0 0 3.677 4.37a.07.07 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 0 0 .031.057 19.9 19.9 0 0 0 5.993 3.03.078.078 0 0 0 .084-.028 14.09 14.09 0 0 0 1.226-1.994.076.076 0 0 0-.041-.106 13.107 13.107 0 0 1-1.872-.892.077.077 0 0 1-.008-.128 10.2 10.2 0 0 0 .372-.292.074.074 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 0 1 .078.01c.12.098.246.198.373.292a.077.077 0 0 1-.006.127 12.299 12.299 0 0 1-1.873.892.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028 19.84 19.84 0 0 0 6.002-3.03.077.077 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 0 0-.031-.03zM8.02 15.33c-1.183 0-2.157-1.085-2.157-2.419 0-1.333.956-2.419 2.157-2.419 1.21 0 2.176 1.096 2.157 2.42 0 1.333-.956 2.418-2.157 2.418zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419 0-1.333.955-2.419 2.157-2.419 1.21 0 2.176 1.096 2.157 2.42 0 1.333-.946 2.418-2.157 2.418z" })
+}), yt = (e) => /* @__PURE__ */ v(X, {
+	...e,
+	children: /* @__PURE__ */ v("path", { d: "M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433a2.062 2.062 0 0 1-2.063-2.065 2.063 2.063 0 1 1 2.063 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z" })
+}), bt = (e) => /* @__PURE__ */ y(J, {
+	...e,
+	children: [
+		/* @__PURE__ */ v("path", { d: "M4 11 a9 9 0 0 1 9 9" }),
+		/* @__PURE__ */ v("path", { d: "M4 4 a16 16 0 0 1 16 16" }),
+		/* @__PURE__ */ v("circle", {
+			cx: "5",
+			cy: "19",
+			r: "1"
+		})
+	]
+}), xt = (e) => /* @__PURE__ */ y(J, {
+	...e,
+	children: [/* @__PURE__ */ v("path", { d: "M3 3 v18 h18" }), /* @__PURE__ */ v("path", { d: "M7 14 l3 -3 l4 4 l6 -7" })]
+}), Z = ({ children: t, className: n }) => {
+	let [r, i] = g(!1);
+	return f(() => {
+		let e = () => i(window.scrollY > 24);
+		return e(), window.addEventListener("scroll", e, { passive: !0 }), () => window.removeEventListener("scroll", e);
+	}, []), /* @__PURE__ */ y("header", {
+		className: e("sticky top-0 z-40", n),
+		children: [/* @__PURE__ */ v("div", {
+			"aria-hidden": "true",
+			className: e("absolute inset-0 -z-10 transition-opacity duration-300 ease-out", "bg-background/80 backdrop-blur-lg border-b border-border", r ? "opacity-100" : "opacity-0")
+		}), /* @__PURE__ */ v("div", {
+			className: "mx-auto max-w-7xl px-6 h-16 flex items-center justify-between gap-4",
+			children: t
+		})]
+	});
+}, St = {
+	toggleMenu: "Toggle menu",
+	closeMenu: "Close menu",
+	close: "Close",
+	menu: "Menu",
+	onThisPage: "On this page",
+	editPage: "Edit this page on GitHub →",
+	updated: "Updated",
+	previous: "Previous",
+	next: "Next",
+	pagination: "Pagination",
+	breadcrumb: "Breadcrumb"
+}, Ct = ({ to: e, className: t, children: n }) => /* @__PURE__ */ v("a", {
+	href: e,
+	className: t,
+	children: n
+}), Q = (e, t) => t ? t === e || t.replace(/\/$/, "") === e.replace(/\/$/, "") : !1, wt = "relative w-full py-1.5 pl-4 pr-2 -ml-px text-sm text-left transition-colors border-l-2", Tt = (e) => e ? "text-foreground font-medium border-primary" : "text-muted-foreground hover:text-foreground border-transparent hover:border-border", Et = ({ entry: t, currentPath: n, Link: r }) => {
+	let i = Q(t.href, n);
+	return /* @__PURE__ */ v("li", { children: /* @__PURE__ */ v(r, {
+		to: t.href,
+		prefetch: !0,
+		className: e(wt, "block", Tt(i)),
+		children: /* @__PURE__ */ y("span", {
+			className: "inline-flex items-center gap-2",
+			children: [t.label, t.badge ? /* @__PURE__ */ v("span", {
+				className: "text-[0.6rem] uppercase tracking-wider px-1.5 py-0.5 rounded bg-primary/10 text-primary font-semibold",
+				children: t.badge
+			}) : null]
+		})
+	}) });
+}, Dt = ({ subgroup: t, currentPath: n, Link: r }) => {
+	let i = t.entries.some((e) => Q(e.href, n)), [a, o] = g(t.defaultOpen ?? i);
+	return f(() => {
+		i && o(!0);
+	}, [i]), /* @__PURE__ */ y("li", { children: [/* @__PURE__ */ y("button", {
+		type: "button",
+		onClick: () => o(!a),
+		"aria-expanded": a,
+		className: e(wt, "flex items-center justify-between gap-2", Tt(!1)),
+		children: [/* @__PURE__ */ v("span", { children: t.label }), /* @__PURE__ */ v("svg", {
+			width: "10",
+			height: "10",
+			viewBox: "0 0 10 10",
+			fill: "none",
+			className: e("shrink-0 transition-transform", a ? "rotate-90" : ""),
+			"aria-hidden": "true",
+			children: /* @__PURE__ */ v("path", {
+				d: "M3 1.5 L6.5 5 L3 8.5",
+				stroke: "currentColor",
+				strokeWidth: "1.5",
+				strokeLinecap: "round"
+			})
+		})]
+	}), a ? /* @__PURE__ */ v("ul", {
+		className: "border-l border-border ml-4",
+		children: t.entries.map((e) => /* @__PURE__ */ v(Et, {
+			entry: e,
+			...n ? { currentPath: n } : {},
+			Link: r
+		}, e.href))
+	}) : null] });
+}, Ot = ({ group: t, currentPath: n, Link: r }) => {
+	let i = t.subgroups ?? [], a = t.trailingEntries ?? [], o = t.headerless ?? !1, s = t.entries.some((e) => Q(e.href, n)) || i.some((e) => e.entries.some((e) => Q(e.href, n))) || a.some((e) => Q(e.href, n)), [c, l] = g(t.defaultOpen ?? s ?? !0);
+	return f(() => {
+		s && l(!0);
+	}, [s]), /* @__PURE__ */ y("div", {
+		className: "mb-4",
+		children: [o ? null : /* @__PURE__ */ y("button", {
+			type: "button",
+			onClick: () => l(!c),
+			className: "flex w-full items-center justify-between text-[0.7rem] uppercase tracking-[0.08em] text-muted-foreground font-semibold py-1.5 hover:text-foreground transition-colors",
+			"aria-expanded": c,
+			children: [/* @__PURE__ */ v("span", { children: t.section }), /* @__PURE__ */ v("svg", {
+				width: "10",
+				height: "10",
+				viewBox: "0 0 10 10",
+				fill: "none",
+				className: e("transition-transform", c ? "rotate-90" : ""),
+				"aria-hidden": "true",
+				children: /* @__PURE__ */ v("path", {
+					d: "M3 1.5 L6.5 5 L3 8.5",
+					stroke: "currentColor",
+					strokeWidth: "1.5",
+					strokeLinecap: "round"
+				})
+			})]
+		}), (o || c) && (t.entries.length > 0 || i.length > 0 || a.length > 0) ? /* @__PURE__ */ y("ul", {
+			className: "mt-1 border-l border-border ml-[3px]",
+			children: [
+				t.entries.map((e) => /* @__PURE__ */ v(Et, {
+					entry: e,
+					...n ? { currentPath: n } : {},
+					Link: r
+				}, e.href)),
+				i.map((e) => /* @__PURE__ */ v(Dt, {
+					subgroup: e,
+					...n ? { currentPath: n } : {},
+					Link: r
+				}, e.label)),
+				a.map((e) => /* @__PURE__ */ v(Et, {
+					entry: e,
+					...n ? { currentPath: n } : {},
+					Link: r
+				}, e.href))
+			]
+		}) : null]
+	});
+}, kt = ({ toc: t, editUrl: n, lastUpdated: r, t: i }) => /* @__PURE__ */ v("aside", {
+	className: "hidden xl:block w-56 shrink-0 pl-8",
+	children: /* @__PURE__ */ y("div", {
+		className: "sticky top-24",
+		children: [t.length > 0 ? /* @__PURE__ */ y(_, { children: [/* @__PURE__ */ v("div", {
+			className: "text-[0.7rem] uppercase tracking-[0.08em] text-muted-foreground font-semibold mb-3",
+			children: i.onThisPage
+		}), /* @__PURE__ */ v("ul", {
+			className: "space-y-1.5 text-sm border-l border-border",
+			children: t.map((t) => /* @__PURE__ */ v("li", { children: /* @__PURE__ */ v("a", {
+				href: `#${t.id}`,
+				className: e("block py-0.5 -ml-px border-l-2 border-transparent text-muted-foreground hover:text-foreground hover:border-border transition-colors data-[active=true]:border-primary data-[active=true]:text-foreground data-[active=true]:font-medium", t.level === 3 ? "pl-6" : "pl-3"),
+				"data-toc-link": t.id,
+				children: t.text
+			}) }, t.id))
+		})] }) : null, n || r ? /* @__PURE__ */ y("div", {
+			className: e("text-xs text-muted-foreground space-y-1.5", t.length > 0 ? "mt-6 pt-6 border-t border-border" : ""),
+			children: [n ? /* @__PURE__ */ v("a", {
+				href: n,
+				target: "_blank",
+				rel: "noopener noreferrer",
+				className: "block hover:text-foreground transition-colors",
+				children: i.editPage
+			}) : null, r ? /* @__PURE__ */ y("div", { children: [
+				i.updated,
+				" ",
+				r
+			] }) : null]
+		}) : null]
+	})
+}), At = ({ prev: e, next: t, Link: n, t: r }) => !e && !t ? null : /* @__PURE__ */ y("nav", {
+	"aria-label": r.pagination,
+	className: "mt-16 pt-8 border-t border-border grid grid-cols-1 md:grid-cols-2 gap-4",
+	children: [/* @__PURE__ */ v("div", { children: e ? /* @__PURE__ */ y(n, {
+		to: e.href,
+		prefetch: !0,
+		className: "group block p-4 border border-border rounded-lg hover:border-primary/50 hover:bg-card/40 transition-colors h-full",
+		children: [
+			/* @__PURE__ */ y("div", {
+				className: "text-xs text-muted-foreground mb-1 inline-flex items-center gap-1",
+				children: [/* @__PURE__ */ v(pt, { className: "w-3 h-3 transition-transform group-hover:-translate-x-0.5" }), r.previous]
+			}),
+			/* @__PURE__ */ v("div", {
+				className: "font-medium group-hover:text-primary transition-colors",
+				children: e.label
+			}),
+			e.description ? /* @__PURE__ */ v("div", {
+				className: "text-xs text-muted-foreground mt-1 line-clamp-1",
+				children: e.description
+			}) : null
+		]
+	}) : null }), /* @__PURE__ */ v("div", {
+		className: "md:text-right",
+		children: t ? /* @__PURE__ */ y(n, {
+			to: t.href,
+			prefetch: !0,
+			className: "group block p-4 border border-border rounded-lg hover:border-primary/50 hover:bg-card/40 transition-colors h-full",
+			children: [
+				/* @__PURE__ */ y("div", {
+					className: "text-xs text-muted-foreground mb-1 inline-flex items-center gap-1 md:justify-end",
+					children: [r.next, /* @__PURE__ */ v(mt, { className: "w-3 h-3 transition-transform group-hover:translate-x-0.5" })]
+				}),
+				/* @__PURE__ */ v("div", {
+					className: "font-medium group-hover:text-primary transition-colors",
+					children: t.label
+				}),
+				t.description ? /* @__PURE__ */ v("div", {
+					className: "text-xs text-muted-foreground mt-1 line-clamp-1",
+					children: t.description
+				}) : null
+			]
+		}) : null
+	})]
+}), jt = ({ items: e, Link: t, ariaLabel: n }) => /* @__PURE__ */ v("nav", {
+	"aria-label": n,
+	className: "text-xs text-muted-foreground mb-3 flex items-center gap-1.5 flex-wrap",
+	children: e.map((n, r) => {
+		let i = r === e.length - 1;
+		return /* @__PURE__ */ y("span", {
+			className: "inline-flex items-center gap-1.5",
+			children: [n.href && !i ? /* @__PURE__ */ v(t, {
+				to: n.href,
+				className: "hover:text-foreground transition-colors",
+				children: n.label
+			}) : /* @__PURE__ */ v("span", {
+				className: i ? "text-foreground" : "",
+				children: n.label
+			}), i ? null : /* @__PURE__ */ v("span", {
+				className: "text-muted-foreground/50",
+				"aria-hidden": "true",
+				children: "/"
+			})]
+		}, r);
+	})
+}), Mt = ({ brand: t, nav: n, children: r, currentPath: i, topNav: a, topRight: o, search: s, page: c, LinkComponent: l = Ct, className: u, labels: d, footer: f, sidebarHeader: p }) => {
+	let m = l, h = {
+		...St,
+		...d
+	}, [_, b] = g(!1);
+	return /* @__PURE__ */ y("div", {
+		className: e("min-h-screen bg-background text-foreground", u),
+		children: [/* @__PURE__ */ y(Z, { children: [/* @__PURE__ */ y("div", {
+			className: "flex items-center gap-4 min-w-0 flex-1",
+			children: [
+				/* @__PURE__ */ v("button", {
+					type: "button",
+					onClick: () => b(!_),
+					className: "md:hidden inline-flex items-center justify-center w-8 h-8 rounded-md hover:bg-card transition-colors",
+					"aria-label": h.toggleMenu,
+					"aria-expanded": _,
+					children: /* @__PURE__ */ v("svg", {
+						width: "18",
+						height: "18",
+						viewBox: "0 0 18 18",
+						fill: "none",
+						"aria-hidden": "true",
+						children: /* @__PURE__ */ v("path", {
+							d: "M3 5 H15 M3 9 H15 M3 13 H15",
+							stroke: "currentColor",
+							strokeWidth: "1.5",
+							strokeLinecap: "round"
+						})
+					})
+				}),
+				/* @__PURE__ */ v("div", {
+					className: "flex items-center gap-2 font-semibold",
+					children: t
+				}),
+				a ? /* @__PURE__ */ v("div", {
+					className: "hidden md:flex items-center gap-1 ml-4",
+					children: a
+				}) : null
+			]
+		}), /* @__PURE__ */ y("div", {
+			className: "flex items-center gap-3",
+			children: [s ? /* @__PURE__ */ v("div", {
+				className: "hidden md:block",
+				children: s
+			}) : null, o ? /* @__PURE__ */ v("div", {
+				className: "flex items-center gap-1",
+				children: o
+			}) : null]
+		})] }), /* @__PURE__ */ y("div", {
+			className: "mx-auto max-w-7xl flex",
+			children: [
+				/* @__PURE__ */ v("aside", {
+					className: "hidden md:block w-64 shrink-0 border-r border-border",
+					children: /* @__PURE__ */ y("div", {
+						className: "sticky top-16 max-h-[calc(100vh-4rem)] overflow-y-auto px-6 py-8",
+						children: [p ? /* @__PURE__ */ v("div", {
+							className: "mb-6",
+							children: p
+						}) : null, n.map((e) => /* @__PURE__ */ v(Ot, {
+							group: e,
+							...i ? { currentPath: i } : {},
+							Link: m
+						}, e.section))]
+					})
+				}),
+				_ ? /* @__PURE__ */ y("div", {
+					className: "md:hidden fixed inset-0 z-40 flex",
+					children: [/* @__PURE__ */ v("div", {
+						role: "button",
+						"aria-label": h.closeMenu,
+						className: "flex-1 bg-background/70 backdrop-blur-sm",
+						onClick: () => b(!1)
+					}), /* @__PURE__ */ y("aside", {
+						className: "w-72 max-w-[80vw] bg-card border-l border-border overflow-y-auto px-6 py-6",
+						children: [
+							/* @__PURE__ */ y("div", {
+								className: "mb-4 flex items-center justify-between",
+								children: [/* @__PURE__ */ v("span", {
+									className: "font-semibold",
+									children: h.menu
+								}), /* @__PURE__ */ v("button", {
+									type: "button",
+									onClick: () => b(!1),
+									className: "inline-flex items-center justify-center w-7 h-7 rounded-md hover:bg-background transition-colors",
+									"aria-label": h.close,
+									children: /* @__PURE__ */ v("svg", {
+										width: "14",
+										height: "14",
+										viewBox: "0 0 14 14",
+										fill: "none",
+										"aria-hidden": "true",
+										children: /* @__PURE__ */ v("path", {
+											d: "M3 3 L11 11 M11 3 L3 11",
+											stroke: "currentColor",
+											strokeWidth: "1.5",
+											strokeLinecap: "round"
+										})
+									})
+								})]
+							}),
+							p ? /* @__PURE__ */ v("div", {
+								className: "mb-4",
+								children: p
+							}) : null,
+							n.map((e) => /* @__PURE__ */ v(Ot, {
+								group: e,
+								...i ? { currentPath: i } : {},
+								Link: m
+							}, e.section))
+						]
+					})]
+				}) : null,
+				/* @__PURE__ */ y("div", {
+					className: "flex-1 min-w-0 flex",
+					children: [/* @__PURE__ */ y("main", {
+						className: "flex-1 min-w-0 px-6 md:px-10 py-10 max-w-3xl",
+						children: [
+							c?.breadcrumbs && c.breadcrumbs.length > 0 ? /* @__PURE__ */ v(jt, {
+								items: c.breadcrumbs,
+								Link: m,
+								ariaLabel: h.breadcrumb
+							}) : null,
+							c?.title ? /* @__PURE__ */ v("h1", {
+								className: "text-3xl md:text-4xl font-bold tracking-tight text-foreground mb-3",
+								children: c.title
+							}) : null,
+							c?.description ? /* @__PURE__ */ v("p", {
+								className: "text-base md:text-lg text-muted-foreground mb-8 leading-relaxed",
+								children: c.description
+							}) : null,
+							r,
+							/* @__PURE__ */ v(At, {
+								...c?.prev ? { prev: c.prev } : {},
+								...c?.next ? { next: c.next } : {},
+								Link: m,
+								t: h
+							}),
+							f ? /* @__PURE__ */ v("div", {
+								className: "mt-16 pt-8 border-t border-border",
+								children: f
+							}) : null
+						]
+					}), c?.toc === void 0 ? null : /* @__PURE__ */ v(kt, {
+						toc: c.toc,
+						...c.editUrl ? { editUrl: c.editUrl } : {},
+						...c.lastUpdated ? { lastUpdated: c.lastUpdated } : {},
+						t: h
+					})]
+				})
+			]
+		})]
+	});
+}, Nt = ({ to: e, className: t, children: n }) => /* @__PURE__ */ v("a", {
+	href: e,
+	className: t,
+	children: n
+}), Pt = ({ brand: t, nav: n, right: r, children: i, className: a, LinkComponent: o = Nt }) => {
+	let s = o;
+	return /* @__PURE__ */ y("div", {
+		className: e("min-h-screen flex flex-col bg-background text-foreground", a),
+		children: [/* @__PURE__ */ y(Z, { children: [/* @__PURE__ */ v("div", {
+			className: "font-semibold flex items-center gap-2",
+			children: t
+		}), /* @__PURE__ */ y("div", {
+			className: "flex items-center gap-6",
+			children: [n && n.length > 0 ? /* @__PURE__ */ v("nav", {
+				className: "hidden md:flex gap-6 text-sm",
+				children: n.map((e) => /* @__PURE__ */ v(s, {
+					to: e.href,
+					prefetch: !0,
+					className: "text-muted-foreground hover:text-foreground transition-colors",
+					children: e.label
+				}, e.href))
+			}) : null, r ? /* @__PURE__ */ v("div", { children: r }) : null]
+		})] }), /* @__PURE__ */ v("main", {
+			className: "flex-1",
+			children: i
+		})]
+	});
+}, Ft = () => {
+	let e = N(A);
+	return e === "dark" || e === "light" || e === "system" ? e : "system";
+}, It = (e) => {
+	e === "system" ? te(A) : P(A, e), re(e);
+}, Lt = ({ initial: e }) => e ? /* @__PURE__ */ v("span", {
+	className: "text-xs font-semibold select-none",
+	children: e
+}) : /* @__PURE__ */ y("svg", {
+	width: "16",
+	height: "16",
+	viewBox: "0 0 16 16",
+	fill: "none",
+	"aria-hidden": "true",
+	children: [/* @__PURE__ */ v("circle", {
+		cx: "8",
+		cy: "5.5",
+		r: "2.5",
+		stroke: "currentColor",
+		strokeWidth: "1.4"
+	}), /* @__PURE__ */ v("path", {
+		d: "M2.8 13.4c0-2.6 2.3-4.4 5.2-4.4s5.2 1.8 5.2 4.4",
+		stroke: "currentColor",
+		strokeWidth: "1.4",
+		strokeLinecap: "round"
+	})]
+}), Rt = [
+	"system",
+	"light",
+	"dark"
+], zt = {
+	system: "System",
+	light: "Light",
+	dark: "Dark"
+}, Bt = (e, t) => {
+	t ? window.open(e, "_blank", "noopener,noreferrer") : window.location.assign(e);
+}, Vt = ({ identity: e, links: t, languages: n, currentLanguage: r, onLanguageChange: i, logoutUrl: a, onLogout: o, signInUrl: s, labels: c }) => {
+	let [l, d] = g(void 0), [p, m] = g(void 0), h = r ?? p;
+	f(() => {
+		d(Ft()), m(N("voltro:lang") ?? void 0);
+	}, []);
+	let b = u((e) => {
+		let t = e;
+		d(t), It(t);
+	}, []), x = u((e) => {
+		P(j, e), m(e), i?.(e) !== !1 && window.location.reload();
+	}, [i]), S = u(() => {
+		if (o) {
+			o();
+			return;
+		}
+		if (!a) return;
+		let e = document.createElement("form");
+		e.method = "post", e.action = a, document.body.appendChild(e), e.submit();
+	}, [a, o]), C = e?.name?.trim().charAt(0).toUpperCase(), w = n && n.length > 0, T = t && t.length > 0, E = e && (a || o) || !e && s, D = (e) => c?.themes?.[e] ?? zt[e];
+	return /* @__PURE__ */ y(Ae, { children: [/* @__PURE__ */ v(je, {
+		asChild: !0,
+		children: /* @__PURE__ */ v(F, {
+			type: "button",
+			variant: "outline",
+			size: "icon",
+			"aria-label": c?.openMenu ?? "Open profile menu",
+			className: "rounded-full size-8 text-muted-foreground hover:text-foreground",
+			children: /* @__PURE__ */ v(Lt, { ...C ? { initial: C } : {} })
+		})
+	}), /* @__PURE__ */ y(H, {
+		align: "end",
+		className: "w-64",
+		children: [
+			e ? /* @__PURE__ */ y(_, { children: [/* @__PURE__ */ y("div", {
+				className: "px-2 py-1.5",
+				children: [/* @__PURE__ */ v("div", {
+					className: "text-sm font-medium text-foreground truncate",
+					children: e.name
+				}), e.sublabel ? /* @__PURE__ */ v("div", {
+					className: "text-xs text-muted-foreground truncate mt-0.5",
+					children: e.sublabel
+				}) : null]
+			}), /* @__PURE__ */ v(U, {})] }) : null,
+			T ? /* @__PURE__ */ y(_, { children: [t.map((e) => /* @__PURE__ */ y(W, {
+				onSelect: () => Bt(e.href, e.external),
+				children: [e.icon ?? null, /* @__PURE__ */ v("span", {
+					className: "flex-1 truncate",
+					children: e.label
+				})]
+			}, e.key)), /* @__PURE__ */ v(U, {})] }) : null,
+			/* @__PURE__ */ y("div", {
+				className: "flex items-center justify-between gap-2 px-2 py-1.5",
+				children: [/* @__PURE__ */ v("span", {
+					className: "text-[0.65rem] font-semibold uppercase tracking-wider text-muted-foreground",
+					children: c?.theme ?? "Theme"
+				}), /* @__PURE__ */ v(K, {
+					type: "single",
+					size: "sm",
+					variant: "outline",
+					...l ? { value: l } : {},
+					onValueChange: (e) => {
+						e && b(e);
+					},
+					children: Rt.map((e) => /* @__PURE__ */ v(q, {
+						value: e,
+						"aria-label": D(e),
+						className: "h-7 px-2 text-[11px] uppercase tracking-wider",
+						children: D(e)
+					}, e))
+				})]
+			}),
+			w ? /* @__PURE__ */ y("div", {
+				className: "flex items-center justify-between gap-2 px-2 py-1.5",
+				children: [/* @__PURE__ */ v("span", {
+					className: "text-[0.65rem] font-semibold uppercase tracking-wider text-muted-foreground",
+					children: c?.language ?? "Language"
+				}), /* @__PURE__ */ v(K, {
+					type: "single",
+					size: "sm",
+					variant: "outline",
+					...h ? { value: h } : {},
+					onValueChange: (e) => {
+						e && x(e);
+					},
+					children: n.map((e) => /* @__PURE__ */ v(q, {
+						value: e.code,
+						className: "h-7 px-2 text-[11px] uppercase tracking-wider",
+						children: e.label
+					}, e.code))
+				})]
+			}) : null,
+			E ? /* @__PURE__ */ v(U, {}) : null,
+			e && (a || o) ? /* @__PURE__ */ v(W, {
+				destructive: !0,
+				onSelect: S,
+				children: c?.signOut ?? "Sign out"
+			}) : !e && s ? /* @__PURE__ */ y(W, {
+				onSelect: () => Bt(s),
+				children: [/* @__PURE__ */ v("span", {
+					className: "flex-1",
+					children: c?.signIn ?? "Sign in"
+				}), /* @__PURE__ */ v("span", {
+					"aria-hidden": "true",
+					children: "→"
+				})]
+			}) : null
+		]
+	})] });
+}, Ht = () => `
+  (function(){
+    try {
+      var rx = new RegExp('(?:^|;\\\\s*)${A.replace(/[.*+?^${}()|[\]\\]/g, "\\\\$&")}=([^;]*)');
+      var m = document.cookie.match(rx);
+      var saved = m ? decodeURIComponent(m[1]) : '';
+      var dark =
+        saved === 'dark' ||
+        (saved !== 'light' && window.matchMedia('(prefers-color-scheme: dark)').matches);
+      document.documentElement.classList.toggle('dark', dark);
+    } catch (_) { /* should be unreachable */ }
+  })();
+`, Ut = ({ className: t, lightLabel: n = "☀", darkLabel: r = "☾", switchToLightLabel: i = "Switch to light theme", switchToDarkLabel: a = "Switch to dark theme", ...o }) => {
+	let [s, c] = g(void 0);
+	return f(() => {
+		c(document.documentElement.classList.contains("dark"));
+	}, []), /* @__PURE__ */ v(F, {
+		type: "button",
+		variant: "ghost",
+		size: "icon",
+		onClick: () => {
+			let e = !document.documentElement.classList.contains("dark");
+			document.documentElement.classList.toggle("dark", e), P(A, e ? "dark" : "light"), c(e);
+		},
+		className: e(t),
+		"aria-label": s ? i : a,
+		...o,
+		children: s === void 0 ? null : s ? n : r
+	});
+}, Wt = (e) => /^[a-z][a-z0-9+.-]*:\/\//i.test(e), Gt = ({ to: e, className: t, children: n }) => Wt(e) ? /* @__PURE__ */ v("a", {
+	href: e,
+	className: t,
+	target: "_blank",
+	rel: "noopener noreferrer",
+	children: n
+}) : /* @__PURE__ */ v("a", {
+	href: e,
+	className: t,
+	children: n
+}), Kt = ({ eyebrow: t, title: n, titleAccent: r, subtitle: i, primaryCta: a, secondaryCta: o, footnote: s, aside: c, scrollAnchor: l, scrollLabel: u = "Scroll", scrollAriaLabel: d = "Scroll down", className: f, LinkComponent: p = Gt }) => {
+	let m = p;
+	return /* @__PURE__ */ y("section", {
+		className: e("relative isolate overflow-hidden", "pt-24 md:pt-32 pb-24 md:pb-32", f),
+		children: [/* @__PURE__ */ v("div", {
+			className: "relative mx-auto max-w-7xl px-6",
+			children: /* @__PURE__ */ y("div", {
+				className: "grid grid-cols-1 lg:grid-cols-[1.1fr_1fr] gap-10 lg:gap-16 items-center",
+				children: [/* @__PURE__ */ y("div", {
+					className: "motion-safe:animate-in motion-safe:fade-in motion-safe:slide-in-from-bottom-4 motion-safe:duration-700",
+					children: [
+						t ? /* @__PURE__ */ y("div", {
+							className: "inline-flex items-center gap-2 text-xs uppercase tracking-[0.12em] text-primary font-semibold mb-5",
+							children: [/* @__PURE__ */ v("span", { className: "inline-block w-1.5 h-1.5 rounded-full bg-primary motion-safe:animate-pulse" }), t]
+						}) : null,
+						/* @__PURE__ */ y("h1", {
+							className: "text-4xl sm:text-5xl lg:text-6xl font-bold tracking-[-0.02em] leading-[1.05] text-foreground",
+							children: [n, r ? /* @__PURE__ */ y(_, { children: [/* @__PURE__ */ v("br", {}), /* @__PURE__ */ v("span", {
+								className: "text-gradient motion-safe:animate-gradient-pan",
+								children: r
+							})] }) : null]
+						}),
+						i ? /* @__PURE__ */ v("p", {
+							className: "mt-6 text-base sm:text-lg text-muted-foreground leading-relaxed max-w-xl",
+							children: i
+						}) : null,
+						a || o ? /* @__PURE__ */ y("div", {
+							className: "mt-8 flex flex-wrap items-center gap-3",
+							children: [a ? /* @__PURE__ */ y(m, {
+								to: a.href,
+								prefetch: !0,
+								className: e("group relative inline-flex items-center gap-2 px-5 py-2.5 rounded-md", "bg-foreground text-background font-medium text-sm", "hover:opacity-90 active:scale-[0.98] transition-all", "shadow-[0_0_0_1px_oklch(1_0_0_/_0.08),0_8px_24px_-8px_oklch(0_0_0_/_0.5)]"),
+								children: [a.label, /* @__PURE__ */ v("span", {
+									"aria-hidden": "true",
+									className: "transition-transform group-hover:translate-x-0.5",
+									children: "→"
+								})]
+							}) : null, o ? /* @__PURE__ */ v(m, {
+								to: o.href,
+								prefetch: !0,
+								className: e("inline-flex items-center gap-2 px-5 py-2.5 rounded-md", "border border-border bg-card/40 backdrop-blur-sm", "text-foreground font-medium text-sm", "hover:bg-card/70 hover:border-input transition-colors"),
+								children: o.label
+							}) : null]
+						}) : null,
+						s ? /* @__PURE__ */ v("div", {
+							className: "mt-8 text-sm text-muted-foreground",
+							children: s
+						}) : null
+					]
+				}), c ? /* @__PURE__ */ v("div", {
+					className: "lg:pl-4 motion-safe:animate-in motion-safe:fade-in motion-safe:slide-in-from-bottom-6 motion-safe:duration-700 motion-safe:delay-150",
+					children: c
+				}) : null]
+			})
+		}), l ? /* @__PURE__ */ y("a", {
+			href: l,
+			className: "hidden md:flex absolute left-1/2 -translate-x-1/2 bottom-8 text-xs text-muted-foreground items-center gap-1.5 hover:text-foreground transition-colors",
+			"aria-label": d,
+			children: [/* @__PURE__ */ v("span", { children: u }), /* @__PURE__ */ v("svg", {
+				width: "14",
+				height: "14",
+				viewBox: "0 0 14 14",
+				fill: "none",
+				"aria-hidden": "true",
+				className: "motion-safe:animate-bounce",
+				children: /* @__PURE__ */ v("path", {
+					d: "M7 2 V12 M3 8 L7 12 L11 8",
+					stroke: "currentColor",
+					strokeWidth: "1.5",
+					strokeLinecap: "round",
+					strokeLinejoin: "round"
+				})
+			})]
+		}) : null]
+	});
+}, qt = {
+	wide: "md:col-span-2",
+	tall: "md:row-span-2",
+	square: ""
+}, Jt = ({ children: t, className: n }) => /* @__PURE__ */ v("div", {
+	className: e("not-prose grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-4 auto-rows-[minmax(240px,auto)]", n),
+	children: t
+}), Yt = ({ title: t, description: n, icon: r, accent: i, size: a = "square", className: o, children: s }) => /* @__PURE__ */ y("div", {
+	className: e("group relative overflow-hidden rounded-xl border border-border", "bg-gradient-to-br from-card/60 to-card/20 backdrop-blur-sm", "p-6 flex flex-col", "before:absolute before:inset-x-6 before:top-0 before:h-px before:bg-gradient-to-r before:from-transparent before:via-primary/40 before:to-transparent", "hover:border-primary/40 hover:shadow-[0_8px_32px_-12px_oklch(0.55_0.25_290_/_0.4)]", "transition-[border-color,box-shadow] duration-300", qt[a], o),
+	children: [i ? /* @__PURE__ */ v("div", {
+		"aria-hidden": "true",
+		className: "absolute right-0 inset-y-0 w-1/2 overflow-hidden pointer-events-none opacity-70 group-hover:opacity-100 transition-opacity duration-500",
+		children: i
+	}) : null, /* @__PURE__ */ y("div", {
+		className: "relative max-w-[32ch]",
+		children: [
+			r ? /* @__PURE__ */ v("div", {
+				className: "inline-flex items-center justify-center w-9 h-9 rounded-md bg-primary/10 text-primary mb-4 [&_svg]:w-5 [&_svg]:h-5",
+				children: r
+			}) : null,
+			/* @__PURE__ */ v("h3", {
+				className: "text-lg font-semibold text-foreground tracking-tight",
+				children: t
+			}),
+			/* @__PURE__ */ v("p", {
+				className: "mt-1.5 text-sm text-muted-foreground leading-relaxed",
+				children: n
+			}),
+			s
+		]
+	})]
+}), Xt = [
+	"text",
+	"ts",
+	"tsx",
+	"typescript",
+	"js",
+	"jsx",
+	"json",
+	"bash",
+	"sh",
+	"shell",
+	"sql",
+	"yaml",
+	"toml",
+	"md",
+	"mdx",
+	"html",
+	"css",
+	"diff"
+], Zt = async () => globalThis.__voltroShikiHighlighter ? globalThis.__voltroShikiHighlighter : (globalThis.__voltroShikiHighlighterPromise || (globalThis.__voltroShikiHighlighterPromise = (async () => {
+	let { createHighlighter: e } = await import("shiki"), t = await e({
+		themes: ["github-dark-dimmed", "github-light"],
+		langs: Xt
+	});
+	return globalThis.__voltroShikiHighlighter = t, t;
+})()), globalThis.__voltroShikiHighlighterPromise), Qt = () => Zt().then(() => {}), $t = (e) => e.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;"), $ = ({ code: t, lang: n = "ts", className: r }) => {
+	let [i, a] = g(null);
+	f(() => {
+		let e = !1;
+		return Zt().then((r) => {
+			if (!(e || !r)) try {
+				let e = r.codeToHtml(t, {
+					lang: n,
+					themes: {
+						light: "github-light",
+						dark: "github-dark-dimmed"
+					},
+					defaultColor: !1
+				});
+				a(e);
+			} catch {}
+		}), () => {
+			e = !0;
+		};
+	}, [t, n]);
+	let o = m(() => $t(t), [t]);
+	return i ? /* @__PURE__ */ v("div", {
+		className: e("text-sm leading-relaxed [&_pre]:!m-0 [&_pre]:!bg-transparent [&_pre]:p-5 overflow-x-auto", r),
+		dangerouslySetInnerHTML: { __html: i }
+	}) : /* @__PURE__ */ v("pre", {
+		className: e("p-5 text-sm leading-relaxed overflow-x-auto font-mono", r),
+		children: /* @__PURE__ */ v("code", { dangerouslySetInnerHTML: { __html: o } })
+	});
+}, en = ({ label: t, html: n, code: r, lang: i, tone: a = "muted" }) => /* @__PURE__ */ y("div", {
+	className: e("relative rounded-xl border overflow-hidden bg-card/40 backdrop-blur-sm", a === "highlight" ? "border-primary/40 shadow-[0_0_0_1px_oklch(0.55_0.25_290_/_0.15),0_12px_40px_-12px_oklch(0.55_0.25_290_/_0.35)]" : "border-border"),
+	children: [/* @__PURE__ */ y("div", {
+		className: "flex items-center justify-between px-4 py-2 border-b border-border/60 bg-background/40",
+		children: [/* @__PURE__ */ v("div", {
+			className: "text-xs font-mono text-muted-foreground",
+			children: t
+		}), /* @__PURE__ */ v("span", {
+			className: e("text-[0.65rem] uppercase tracking-[0.08em] font-semibold", a === "highlight" ? "text-primary" : "text-muted-foreground/70"),
+			children: a === "highlight" ? "With Voltro" : "Before"
+		})]
+	}), /* @__PURE__ */ v("div", {
+		className: e("text-sm leading-relaxed [&_pre]:!m-0 [&_pre]:!bg-transparent [&_pre]:p-5 overflow-x-auto", a === "muted" && "opacity-60"),
+		children: n ? /* @__PURE__ */ v("div", { dangerouslySetInnerHTML: { __html: n } }) : r && i ? /* @__PURE__ */ v($, {
+			code: r,
+			lang: i
+		}) : /* @__PURE__ */ v("pre", {
+			className: "p-5 font-mono",
+			children: /* @__PURE__ */ v("code", { children: r })
+		})
+	})]
+}), tn = ({ before: t, after: n, className: r }) => /* @__PURE__ */ y("div", {
+	className: e("relative grid grid-cols-1 lg:grid-cols-[1fr_auto_1fr] gap-4 lg:gap-6 items-stretch", r),
+	children: [
+		/* @__PURE__ */ v(en, {
+			...t,
+			tone: "muted"
+		}),
+		/* @__PURE__ */ y("div", {
+			className: "flex lg:flex-col items-center justify-center gap-2 text-muted-foreground",
+			"aria-hidden": "true",
+			children: [
+				/* @__PURE__ */ v("div", { className: "hidden lg:block w-px h-12 bg-gradient-to-b from-transparent via-primary/60 to-transparent" }),
+				/* @__PURE__ */ v("svg", {
+					width: "20",
+					height: "20",
+					viewBox: "0 0 20 20",
+					fill: "none",
+					className: "rotate-90 lg:rotate-0 text-primary",
+					children: /* @__PURE__ */ v("path", {
+						d: "M4 10 H16 M11 5 L16 10 L11 15",
+						stroke: "currentColor",
+						strokeWidth: "1.5",
+						strokeLinecap: "round",
+						strokeLinejoin: "round"
+					})
+				}),
+				/* @__PURE__ */ v("div", { className: "hidden lg:block w-px h-12 bg-gradient-to-b from-primary/60 via-transparent to-transparent" })
+			]
+		}),
+		/* @__PURE__ */ v(en, {
+			...n,
+			tone: "highlight"
+		})
+	]
+}), nn = (e, t) => typeof t == "function" ? t(e) : t === "percent" ? `${e.toFixed(0)}%` : Math.round(e).toLocaleString("en-US"), rn = ({ value: e, format: t = "integer", duration: n = 800 }) => {
+	let r = h(null), [i, a] = g(0);
+	return f(() => {
+		if (typeof IntersectionObserver > "u") {
+			a(e);
+			return;
+		}
+		if (window.matchMedia?.("(prefers-reduced-motion: reduce)").matches) {
+			a(e);
+			return;
+		}
+		let t = r.current;
+		if (!t) return;
+		let i = new IntersectionObserver((t) => {
+			for (let r of t) if (r.isIntersecting) {
+				i.disconnect();
+				let t = performance.now(), r = (i) => {
+					let o = Math.min((i - t) / n, 1), s = 1 - (1 - o) ** 3;
+					a(e * s), o < 1 ? requestAnimationFrame(r) : a(e);
+				};
+				requestAnimationFrame(r);
+				return;
+			}
+		}, { threshold: .4 });
+		return i.observe(t), () => i.disconnect();
+	}, [e, n]), /* @__PURE__ */ v("span", {
+		ref: r,
+		className: "font-tabular",
+		children: nn(i, t)
+	});
+}, an = ({ stats: t, className: n }) => /* @__PURE__ */ v("div", {
+	className: e("grid grid-cols-2 lg:grid-cols-4 gap-px overflow-hidden rounded-2xl border border-border bg-border", n),
+	children: t.map((e, t) => /* @__PURE__ */ y("div", {
+		className: "relative bg-card p-7 lg:p-9 transition-colors duration-300 hover:bg-accent/40",
+		children: [
+			/* @__PURE__ */ y("div", {
+				className: "flex items-center gap-2 mb-6 text-xs uppercase tracking-[0.14em] text-muted-foreground font-medium",
+				children: [e.icon ? /* @__PURE__ */ v("span", {
+					className: "text-foreground/80 [&_svg]:w-3.5 [&_svg]:h-3.5",
+					children: e.icon
+				}) : null, /* @__PURE__ */ v("span", { children: e.label })]
+			}),
+			/* @__PURE__ */ y("div", {
+				className: "text-5xl lg:text-6xl font-semibold tracking-[-0.035em] text-foreground inline-flex items-baseline gap-1 font-tabular leading-none",
+				children: [
+					e.prefix ? /* @__PURE__ */ v("span", {
+						className: "text-3xl lg:text-4xl text-muted-foreground font-medium",
+						children: e.prefix
+					}) : null,
+					/* @__PURE__ */ v(rn, {
+						value: e.value,
+						...e.format ? { format: e.format } : {}
+					}),
+					e.unit ? /* @__PURE__ */ v("span", {
+						className: "text-2xl lg:text-3xl text-muted-foreground font-medium ml-0.5",
+						children: e.unit
+					}) : null
+				]
+			}),
+			e.sub ? /* @__PURE__ */ v("div", {
+				className: "mt-4 text-sm text-muted-foreground leading-relaxed",
+				children: e.sub
+			}) : null
+		]
+	}, t))
+}), on = (e) => /^[a-z][a-z0-9+.-]*:\/\//i.test(e), sn = ({ to: e, className: t, children: n }) => on(e) ? /* @__PURE__ */ v("a", {
+	href: e,
+	className: t,
+	target: "_blank",
+	rel: "noopener noreferrer",
+	children: n
+}) : /* @__PURE__ */ v("a", {
+	href: e,
+	className: t,
+	children: n
+}), cn = ({ title: t, subtitle: n, primaryCta: r, secondaryCta: i, footnote: a, className: o, LinkComponent: s = sn }) => {
+	let c = s;
+	return /* @__PURE__ */ v("section", {
+		className: e("relative overflow-hidden rounded-2xl border border-border", "bg-gradient-to-br from-card/60 via-card/30 to-card/60 backdrop-blur-sm", "before:absolute before:inset-0 before:bg-[radial-gradient(circle_at_20%_30%,oklch(0.55_0.25_290_/_0.25),transparent_60%),radial-gradient(circle_at_80%_70%,oklch(0.55_0.2_220_/_0.2),transparent_60%)]", "after:absolute after:inset-x-12 after:top-0 after:h-px after:bg-gradient-to-r after:from-transparent after:via-primary/60 after:to-transparent", "p-12 md:p-16 lg:p-20 text-center", o),
+		children: /* @__PURE__ */ y("div", {
+			className: "relative max-w-2xl mx-auto",
+			children: [
+				/* @__PURE__ */ v("h2", {
+					className: "text-3xl md:text-4xl lg:text-5xl font-bold tracking-[-0.02em] leading-[1.1] text-foreground",
+					children: t
+				}),
+				n ? /* @__PURE__ */ v("p", {
+					className: "mt-5 text-base md:text-lg text-muted-foreground leading-relaxed",
+					children: n
+				}) : null,
+				/* @__PURE__ */ y("div", {
+					className: "mt-8 flex flex-wrap items-center justify-center gap-3",
+					children: [/* @__PURE__ */ y(c, {
+						to: r.href,
+						prefetch: !0,
+						className: e("group inline-flex items-center gap-2 px-6 py-3 rounded-md", "bg-foreground text-background font-medium text-sm", "hover:opacity-90 active:scale-[0.98] transition-all", "shadow-[0_0_0_1px_oklch(1_0_0_/_0.08),0_8px_32px_-8px_oklch(0.55_0.25_290_/_0.45)]"),
+						children: [r.label, /* @__PURE__ */ v("span", {
+							"aria-hidden": "true",
+							className: "transition-transform group-hover:translate-x-0.5",
+							children: "→"
+						})]
+					}), i ? /* @__PURE__ */ v(c, {
+						to: i.href,
+						prefetch: !0,
+						className: "inline-flex items-center gap-2 px-6 py-3 rounded-md border border-border bg-card/40 backdrop-blur-sm text-foreground font-medium text-sm hover:bg-card/70 hover:border-input transition-colors",
+						children: i.label
+					}) : null]
+				}),
+				a ? /* @__PURE__ */ v("div", {
+					className: "mt-6 text-xs text-muted-foreground",
+					children: a
+				}) : null
+			]
+		})
+	});
+}, ln = ({ to: e, className: t, children: n }) => /* @__PURE__ */ v("a", {
+	href: e,
+	className: t,
+	children: n
+}), un = (e) => /^[a-z][a-z0-9+.-]*:\/\//i.test(e), dn = ({ link: e, Link: t }) => {
+	let n = e.external ?? un(e.href), r = "inline-flex items-center gap-1.5 text-sm text-muted-foreground hover:text-foreground transition-colors";
+	return n ? /* @__PURE__ */ y("a", {
+		href: e.href,
+		target: "_blank",
+		rel: "noopener noreferrer",
+		className: r,
+		children: [e.label, e.badge ? /* @__PURE__ */ v(fn, { children: e.badge }) : null]
+	}) : /* @__PURE__ */ y(t, {
+		to: e.href,
+		className: r,
+		children: [e.label, e.badge ? /* @__PURE__ */ v(fn, { children: e.badge }) : null]
+	});
+}, fn = ({ children: e }) => /* @__PURE__ */ v("span", {
+	className: "inline-flex items-center px-1.5 py-0.5 rounded text-[0.6rem] uppercase tracking-wider font-semibold bg-primary/10 text-primary",
+	children: e
+}), pn = ({ brand: t, tagline: n, social: r, columns: i, bottomLeft: a, bottomRight: o, copyrightHolder: s = "Voltro. Built on the framework.", socialLabel: c = "Social links", LinkComponent: l = ln, className: u }) => {
+	let d = l, f = /* @__PURE__ */ y("span", {
+		className: "text-xs text-muted-foreground",
+		children: [
+			"© ",
+			(/* @__PURE__ */ new Date()).getFullYear(),
+			" ",
+			s
+		]
+	});
+	return /* @__PURE__ */ v("footer", {
+		className: e("relative border-t border-border", "before:absolute before:inset-x-0 before:top-0 before:h-px before:bg-gradient-to-r before:from-transparent before:via-primary/50 before:to-transparent", u),
+		children: /* @__PURE__ */ y("div", {
+			className: "mx-auto max-w-7xl px-6 py-14 lg:py-16",
+			children: [/* @__PURE__ */ y("div", {
+				className: "grid grid-cols-2 md:grid-cols-12 gap-8 lg:gap-12",
+				children: [/* @__PURE__ */ y("div", {
+					className: "col-span-2 md:col-span-4 lg:col-span-5",
+					children: [
+						/* @__PURE__ */ v("div", {
+							className: "text-base font-semibold text-foreground",
+							children: t
+						}),
+						n ? /* @__PURE__ */ v("p", {
+							className: "mt-3 text-sm text-muted-foreground leading-relaxed max-w-xs",
+							children: n
+						}) : null,
+						r && r.length > 0 ? /* @__PURE__ */ v("ul", {
+							className: "mt-5 flex items-center gap-2",
+							"aria-label": c,
+							children: r.map((e) => /* @__PURE__ */ v("li", { children: /* @__PURE__ */ v("a", {
+								href: e.href,
+								target: "_blank",
+								rel: "noopener noreferrer",
+								"aria-label": e.label,
+								className: "inline-flex items-center justify-center w-8 h-8 rounded-md text-muted-foreground hover:text-foreground hover:bg-card transition-colors [&_svg]:w-4 [&_svg]:h-4",
+								children: e.icon
+							}) }, e.href))
+						}) : null
+					]
+				}), i.map((t, n) => /* @__PURE__ */ y("div", {
+					className: e("col-span-1", i.length === 3 ? "md:col-span-2 lg:col-span-2" : "md:col-span-2"),
+					children: [/* @__PURE__ */ v("h3", {
+						className: "text-xs uppercase tracking-[0.08em] text-muted-foreground font-semibold mb-4",
+						children: t.title
+					}), /* @__PURE__ */ v("ul", {
+						className: "space-y-2.5",
+						children: t.links.map((e, t) => /* @__PURE__ */ v("li", { children: /* @__PURE__ */ v(dn, {
+							link: e,
+							Link: d
+						}) }, t))
+					})]
+				}, n))]
+			}), /* @__PURE__ */ y("div", {
+				className: "mt-12 lg:mt-16 pt-6 border-t border-border flex flex-col-reverse sm:flex-row items-start sm:items-center justify-between gap-4",
+				children: [/* @__PURE__ */ v("div", { children: a ?? f }), o ? /* @__PURE__ */ v("div", {
+					className: "flex items-center gap-3",
+					children: o
+				}) : null]
+			})]
+		})
+	});
+}, mn = {
+	ok: "bg-success shadow-[0_0_8px_2px_oklch(0.7_0.15_162_/_0.5)]",
+	degraded: "bg-warning shadow-[0_0_8px_2px_oklch(0.78_0.18_70_/_0.5)]",
+	down: "bg-destructive shadow-[0_0_8px_2px_oklch(0.7_0.19_22_/_0.5)]"
+}, hn = ({ href: t, label: n = "All systems operational", tone: r = "ok" }) => /* @__PURE__ */ y("a", {
+	href: t,
+	target: "_blank",
+	rel: "noopener noreferrer",
+	className: "inline-flex items-center gap-2 text-xs text-muted-foreground hover:text-foreground transition-colors",
+	children: [/* @__PURE__ */ v("span", {
+		className: e("w-1.5 h-1.5 rounded-full motion-safe:animate-pulse", mn[r]),
+		"aria-hidden": "true"
+	}), n]
+}), gn = ({ className: t, tone: n = "cool" }) => {
+	let r = n === "warm" ? "oklch(0.6 0.2 25 / 0.55)" : "oklch(0.55 0.25 290 / 0.55)", i = n === "warm" ? "oklch(0.7 0.18 60 / 0.4)" : "oklch(0.65 0.2 220 / 0.4)", a = n === "warm" ? "oklch(0.55 0.25 350 / 0.35)" : "oklch(0.5 0.25 310 / 0.45)";
+	return /* @__PURE__ */ y("div", {
+		"aria-hidden": "true",
+		className: e("absolute inset-0 overflow-hidden pointer-events-none", t),
+		children: [
+			/* @__PURE__ */ v("div", {
+				className: "absolute -top-1/4 -left-1/4 w-[60vw] h-[60vw] rounded-full blur-3xl opacity-70 motion-safe:animate-mesh-drift-a",
+				style: { background: `radial-gradient(circle, ${r}, transparent 60%)` }
+			}),
+			/* @__PURE__ */ v("div", {
+				className: "absolute -bottom-1/3 -right-1/4 w-[55vw] h-[55vw] rounded-full blur-3xl opacity-60 motion-safe:animate-mesh-drift-b",
+				style: { background: `radial-gradient(circle, ${i}, transparent 60%)` }
+			}),
+			/* @__PURE__ */ v("div", {
+				className: "absolute top-1/3 left-1/2 w-[40vw] h-[40vw] -translate-x-1/2 rounded-full blur-3xl opacity-50 motion-safe:animate-mesh-drift-c",
+				style: { background: `radial-gradient(circle, ${a}, transparent 60%)` }
+			})
+		]
+	});
+}, _n = ({ className: t, variant: n = "dots", size: r = 32 }) => /* @__PURE__ */ v("div", {
+	"aria-hidden": "true",
+	className: e("absolute inset-0 pointer-events-none opacity-[0.06]", t),
+	style: {
+		backgroundImage: n === "lines" ? "linear-gradient(to right, var(--foreground) 1px, transparent 1px),linear-gradient(to bottom, var(--foreground) 1px, transparent 1px)" : "radial-gradient(circle, var(--foreground) 1px, transparent 1.5px)",
+		backgroundSize: `${r}px ${r}px`,
+		WebkitMaskImage: "radial-gradient(ellipse at center, black 0%, transparent 75%)",
+		maskImage: "radial-gradient(ellipse at center, black 0%, transparent 75%)"
+	}
+}), vn = 137.5, yn = 73.13, bn = {
+	subtle: "opacity-50",
+	normal: "opacity-75",
+	strong: "opacity-100"
+}, xn = ({ count: t = 22, tone: n = "cool", intensity: r = "subtle", className: i }) => {
+	let a = n === "warm" ? ["oklch(0.78 0.16 60)", "oklch(0.72 0.18 25)"] : ["oklch(0.78 0.18 290)", "oklch(0.74 0.16 220)"];
+	return /* @__PURE__ */ v("div", {
+		"aria-hidden": "true",
+		className: e("absolute inset-0 overflow-hidden pointer-events-none", bn[r], i),
+		children: Array.from({ length: t }, (e, t) => {
+			let n = t * vn % 100, r = t * yn % 100, i = 2 + t % 3, o = t * .42 % 6, s = a[t % a.length];
+			return /* @__PURE__ */ v("span", {
+				className: "absolute rounded-full motion-safe:animate-twinkle",
+				style: {
+					left: `${n}%`,
+					top: `${r}%`,
+					width: `${i}px`,
+					height: `${i}px`,
+					backgroundColor: "oklch(0.98 0 0)",
+					boxShadow: `0 0 ${i}px oklch(0.98 0 0), 0 0 ${i * 4}px ${s}`,
+					animationDelay: `${o}s`
+				}
+			}, t);
+		})
+	});
+}, Sn = ({ title: t, tag: n, code: r, lang: i, html: a, caret: o = !1, className: s }) => /* @__PURE__ */ y("div", {
+	className: e("relative overflow-hidden rounded-xl border border-border bg-card/60 backdrop-blur-sm shadow-2xl", "before:absolute before:inset-x-0 before:top-0 before:h-px before:bg-gradient-to-r before:from-transparent before:via-primary/60 before:to-transparent", s),
+	children: [t || n ? /* @__PURE__ */ y("div", {
+		className: "flex items-center justify-between px-4 py-2 border-b border-border/60 bg-background/40",
+		children: [/* @__PURE__ */ y("div", {
+			className: "flex items-center gap-2 text-xs text-muted-foreground font-mono",
+			children: [/* @__PURE__ */ y("span", {
+				className: "inline-flex gap-1.5",
+				"aria-hidden": "true",
+				children: [
+					/* @__PURE__ */ v("span", { className: "w-2.5 h-2.5 rounded-full bg-muted-foreground/30" }),
+					/* @__PURE__ */ v("span", { className: "w-2.5 h-2.5 rounded-full bg-muted-foreground/30" }),
+					/* @__PURE__ */ v("span", { className: "w-2.5 h-2.5 rounded-full bg-muted-foreground/30" })
+				]
+			}), t ? /* @__PURE__ */ v("span", {
+				className: "ml-2",
+				children: t
+			}) : null]
+		}), n ? /* @__PURE__ */ v("span", {
+			className: "text-[0.65rem] uppercase tracking-[0.08em] text-muted-foreground/80 font-semibold",
+			children: n
+		}) : null]
+	}) : null, /* @__PURE__ */ v("div", {
+		className: "relative",
+		children: a ? /* @__PURE__ */ v("div", {
+			className: "text-sm leading-relaxed [&_pre]:!m-0 [&_pre]:!bg-transparent [&_pre]:p-5 overflow-x-auto",
+			dangerouslySetInnerHTML: { __html: a }
+		}) : r && i ? /* @__PURE__ */ v($, {
+			code: r,
+			lang: i
+		}) : /* @__PURE__ */ y("pre", {
+			className: "p-5 text-sm leading-relaxed overflow-x-auto font-mono",
+			children: [/* @__PURE__ */ v("code", { children: r }), o ? /* @__PURE__ */ v("span", { className: "ml-0.5 inline-block w-[7px] h-[1.1em] -mb-[3px] align-text-bottom bg-primary motion-safe:animate-caret-blink" }) : null]
+		})
+	})]
+}), Cn = ({ children: t, className: n, distance: r = 24, delay: i = 0, threshold: a = .15, disabled: o = !1 }) => {
+	let s = h(null), [c, l] = g(o);
+	return f(() => {
+		if (o) return;
+		if (typeof IntersectionObserver > "u") {
+			l(!0);
+			return;
+		}
+		let e = s.current;
+		if (!e) return;
+		let t = new IntersectionObserver((e) => {
+			for (let n of e) if (n.isIntersecting) {
+				l(!0), t.disconnect();
+				return;
+			}
+		}, {
+			threshold: a,
+			rootMargin: "0px 0px -10% 0px"
+		});
+		return t.observe(e), () => t.disconnect();
+	}, [a, o]), /* @__PURE__ */ v("div", {
+		ref: s,
+		className: e("motion-safe:transition-all motion-safe:duration-700 motion-safe:ease-out", n),
+		style: c ? {
+			opacity: 1,
+			transform: "translate3d(0, 0, 0)",
+			transitionDelay: `${i}ms`
+		} : {
+			opacity: 0,
+			transform: `translate3d(0, ${r}px, 0)`
+		},
+		children: t
+	});
+}, wn = {
+	info: {
+		ring: "border-info/30 bg-info/5 text-info",
+		icon: "text-info",
+		iconPath: /* @__PURE__ */ y(_, { children: [/* @__PURE__ */ v("circle", {
+			cx: "8",
+			cy: "8",
+			r: "6",
+			stroke: "currentColor",
+			strokeWidth: "1.5"
+		}), /* @__PURE__ */ v("path", {
+			d: "M8 5.5 V8.5 M8 10.5 V11",
+			stroke: "currentColor",
+			strokeWidth: "1.5",
+			strokeLinecap: "round"
+		})] })
+	},
+	tip: {
+		ring: "border-success/30 bg-success/5 text-success",
+		icon: "text-success",
+		iconPath: /* @__PURE__ */ y(_, { children: [/* @__PURE__ */ v("path", {
+			d: "M5 8.5 L7 10.5 L11 6",
+			stroke: "currentColor",
+			strokeWidth: "1.5",
+			strokeLinecap: "round",
+			strokeLinejoin: "round"
+		}), /* @__PURE__ */ v("circle", {
+			cx: "8",
+			cy: "8",
+			r: "6",
+			stroke: "currentColor",
+			strokeWidth: "1.5"
+		})] })
+	},
+	warning: {
+		ring: "border-warning/30 bg-warning/5 text-warning",
+		icon: "text-warning",
+		iconPath: /* @__PURE__ */ y(_, { children: [/* @__PURE__ */ v("path", {
+			d: "M8 2 L14 13 L2 13 Z",
+			stroke: "currentColor",
+			strokeWidth: "1.5",
+			strokeLinejoin: "round"
+		}), /* @__PURE__ */ v("path", {
+			d: "M8 6.5 V9 M8 10.5 V11",
+			stroke: "currentColor",
+			strokeWidth: "1.5",
+			strokeLinecap: "round"
+		})] })
+	},
+	danger: {
+		ring: "border-destructive/40 bg-destructive/5 text-destructive",
+		icon: "text-destructive",
+		iconPath: /* @__PURE__ */ y(_, { children: [/* @__PURE__ */ v("circle", {
+			cx: "8",
+			cy: "8",
+			r: "6",
+			stroke: "currentColor",
+			strokeWidth: "1.5"
+		}), /* @__PURE__ */ v("path", {
+			d: "M5.5 5.5 L10.5 10.5 M10.5 5.5 L5.5 10.5",
+			stroke: "currentColor",
+			strokeWidth: "1.5",
+			strokeLinecap: "round"
+		})] })
+	},
+	note: {
+		ring: "border-border bg-card/40 text-muted-foreground",
+		icon: "text-muted-foreground",
+		iconPath: /* @__PURE__ */ y(_, { children: [/* @__PURE__ */ v("rect", {
+			x: "2.5",
+			y: "2.5",
+			width: "11",
+			height: "11",
+			rx: "1.5",
+			stroke: "currentColor",
+			strokeWidth: "1.5"
+		}), /* @__PURE__ */ v("path", {
+			d: "M5 6 H11 M5 8.5 H11 M5 11 H8.5",
+			stroke: "currentColor",
+			strokeWidth: "1.5",
+			strokeLinecap: "round"
+		})] })
+	}
+}, Tn = ({ type: t = "info", title: n, children: r, className: i }) => {
+	let a = wn[t];
+	return /* @__PURE__ */ y("div", {
+		className: e("not-prose my-5 rounded-lg border px-4 py-3 flex gap-3", a.ring, i),
+		children: [/* @__PURE__ */ v("svg", {
+			width: "16",
+			height: "16",
+			viewBox: "0 0 16 16",
+			fill: "none",
+			className: e("shrink-0 mt-0.5", a.icon),
+			"aria-hidden": "true",
+			children: a.iconPath
+		}), /* @__PURE__ */ y("div", {
+			className: "min-w-0 flex-1",
+			children: [n ? /* @__PURE__ */ v("div", {
+				className: "font-semibold text-foreground mb-1 leading-tight",
+				children: n
+			}) : null, /* @__PURE__ */ v("div", {
+				className: "text-sm text-foreground/90 leading-relaxed",
+				children: r
+			})]
+		})]
+	});
+}, En = Xt, Dn = (e) => e && En.includes(e) ? e : null, On = ({ filename: t, language: n, html: r, code: i, className: a, copyLabel: o = "Copy", copyAriaLabel: s = "Copy code", copiedLabel: c = "Copied", copiedAriaLabel: l = "Copied" }) => {
+	let [u, d] = g(!1), f = () => {
+		if (i) return i;
+		if (r) {
+			let e = typeof document < "u" ? document.createElement("div") : null;
+			return e ? (e.innerHTML = r, e.textContent ?? "") : "";
+		}
+		return "";
+	};
+	return /* @__PURE__ */ y("figure", {
+		className: e("not-prose my-5 rounded-lg overflow-hidden border border-border bg-[oklch(0.18_0.005_280)]", a),
+		children: [t || n ? /* @__PURE__ */ y("header", {
+			className: "flex items-center justify-between border-b border-border/60 px-4 py-2 bg-card/40",
+			children: [t ? /* @__PURE__ */ v("span", {
+				className: "text-xs text-muted-foreground font-mono",
+				children: t
+			}) : /* @__PURE__ */ v("span", {}), n ? /* @__PURE__ */ v("span", {
+				className: "text-[0.65rem] uppercase tracking-wider text-muted-foreground/80 font-semibold",
+				children: n
+			}) : null]
+		}) : null, /* @__PURE__ */ y("div", {
+			className: "relative",
+			children: [/* @__PURE__ */ v("button", {
+				type: "button",
+				onClick: () => {
+					let e = f();
+					!e || typeof navigator > "u" || !navigator.clipboard || navigator.clipboard.writeText(e).then(() => {
+						d(!0), setTimeout(() => d(!1), 1400);
+					}).catch(() => {});
+				},
+				"aria-label": u ? l : s,
+				className: "absolute top-3 right-3 inline-flex items-center gap-1 rounded-md border border-border/60 bg-background/70 backdrop-blur px-2 py-1 text-xs text-muted-foreground hover:text-foreground transition-colors",
+				children: u ? /* @__PURE__ */ y(_, { children: [/* @__PURE__ */ v("svg", {
+					width: "12",
+					height: "12",
+					viewBox: "0 0 12 12",
+					fill: "none",
+					"aria-hidden": "true",
+					children: /* @__PURE__ */ v("path", {
+						d: "M3 6.5 L5 8.5 L9 4",
+						stroke: "currentColor",
+						strokeWidth: "1.5",
+						strokeLinecap: "round",
+						strokeLinejoin: "round"
+					})
+				}), c] }) : /* @__PURE__ */ y(_, { children: [/* @__PURE__ */ y("svg", {
+					width: "12",
+					height: "12",
+					viewBox: "0 0 12 12",
+					fill: "none",
+					"aria-hidden": "true",
+					children: [/* @__PURE__ */ v("rect", {
+						x: "3",
+						y: "3",
+						width: "6",
+						height: "6",
+						rx: "1",
+						stroke: "currentColor",
+						strokeWidth: "1.5"
+					}), /* @__PURE__ */ v("path", {
+						d: "M5 3 V2.5 A0.5 0.5 0 0 1 5.5 2 H8.5 A0.5 0.5 0 0 1 9 2.5 V5.5 A0.5 0.5 0 0 1 8.5 6 H8",
+						stroke: "currentColor",
+						strokeWidth: "1.5"
+					})]
+				}), o] })
+			}), r ? /* @__PURE__ */ v("div", {
+				className: "text-sm leading-relaxed [&_pre]:!m-0 [&_pre]:!bg-transparent [&_pre]:p-4 overflow-x-auto",
+				dangerouslySetInnerHTML: { __html: r }
+			}) : i && Dn(n) ? /* @__PURE__ */ v($, {
+				code: i,
+				lang: Dn(n),
+				className: "[&_pre]:!p-4 [&_pre]:!m-0 [&_pre]:!bg-transparent"
+			}) : /* @__PURE__ */ v("pre", {
+				className: "p-4 text-sm leading-relaxed overflow-x-auto",
+				children: /* @__PURE__ */ v("code", { children: i })
+			})]
+		})]
+	});
+}, kn = ({ children: t, className: n }) => {
+	let r = o.toArray(t).filter(l);
+	return /* @__PURE__ */ v("ol", {
+		className: e("not-prose my-6 ml-3 space-y-6 border-l border-border", n),
+		children: r.map((e, t) => /* @__PURE__ */ y("li", {
+			className: "relative pl-8",
+			children: [/* @__PURE__ */ v("div", {
+				className: "absolute left-0 top-0 -translate-x-1/2 w-6 h-6 rounded-full bg-card border border-border text-xs font-semibold text-foreground inline-flex items-center justify-center",
+				children: t + 1
+			}), e]
+		}, t))
+	});
+}, An = ({ title: t, children: n, className: r }) => /* @__PURE__ */ y("div", {
+	className: e("-mt-1", r),
+	children: [t ? /* @__PURE__ */ v("h3", {
+		className: "text-base font-semibold text-foreground mb-2",
+		children: t
+	}) : null, /* @__PURE__ */ v("div", {
+		className: "text-sm text-muted-foreground leading-relaxed space-y-2",
+		children: n
+	})]
+}), jn = ({ to: e, className: t, children: n }) => /* @__PURE__ */ v("a", {
+	href: e,
+	className: t,
+	children: n
+}), Mn = {
+	1: "grid-cols-1",
+	2: "grid-cols-1 md:grid-cols-2",
+	3: "grid-cols-1 md:grid-cols-2 lg:grid-cols-3"
+}, Nn = ({ children: t, className: n, cols: r = 2, stagger: i = !0 }) => /* @__PURE__ */ v("div", {
+	className: e("not-prose my-6 grid gap-4", Mn[r], i && "stagger-in", n),
+	children: t
+}), Pn = ({ title: t, description: n, href: r, icon: i, className: a, LinkComponent: o = jn }) => /* @__PURE__ */ y(o, {
+	to: r,
+	prefetch: !0,
+	className: e("group relative block p-5 rounded-lg border border-border bg-card/30", "hover:bg-card/60 hover:border-primary/40 hover:-translate-y-0.5", "active:translate-y-0 active:scale-[0.99]", "transition-[transform,background-color,border-color] duration-150 ease-out", "before:absolute before:inset-x-4 before:top-0 before:h-px before:bg-gradient-to-r before:from-transparent before:via-primary/50 before:to-transparent before:opacity-0 before:transition-opacity group-hover:before:opacity-100", a),
+	children: [/* @__PURE__ */ y("div", {
+		className: e("flex items-center gap-4", n ? "mb-4" : ""),
+		children: [i ? /* @__PURE__ */ v("div", {
+			className: "flex shrink-0 items-center justify-center w-9 h-9 rounded-md bg-primary/10 text-primary [&_svg]:w-5 [&_svg]:h-5",
+			"aria-hidden": "true",
+			children: i
+		}) : null, /* @__PURE__ */ y("div", {
+			className: "min-w-0 font-semibold text-foreground group-hover:text-primary transition-colors flex items-center gap-2",
+			children: [/* @__PURE__ */ v("span", {
+				className: "min-w-0",
+				children: t
+			}), /* @__PURE__ */ v("span", {
+				className: "shrink-0 text-muted-foreground group-hover:text-primary group-hover:translate-x-0.5 transition-all",
+				"aria-hidden": "true",
+				children: "→"
+			})]
+		})]
+	}), n ? /* @__PURE__ */ v("div", {
+		className: "text-sm text-muted-foreground leading-relaxed",
+		children: n
+	}) : null]
+}), Fn = ({ contentSelector: e = "main" }) => (f(() => {
+	let t = document.querySelector(e);
+	if (!t) return;
+	let n = [], r = null, i = null, a = () => Array.from(document.querySelectorAll("[data-toc-link]")), o = (e) => a().find((t) => t.dataset.tocLink === e) ?? null, s = (e) => {
+		if (e !== i) {
+			for (let e of a()) e?.removeAttribute("data-active"), e?.removeAttribute("aria-current");
+			if (i = e, e) {
+				let t = o(e);
+				t?.setAttribute("data-active", "true"), t?.setAttribute("aria-current", "location");
+			}
+		}
+	}, c = () => {
+		if (r = null, n.length === 0) {
+			s(null);
+			return;
+		}
+		let e = Math.min(180, Math.max(96, window.innerHeight * .24)), t = n[0]?.id ?? null;
+		for (let r of n) if (r.getBoundingClientRect().top <= e) t = r.id;
+		else break;
+		let i = window.scrollY + window.innerHeight;
+		document.documentElement.scrollHeight - i < 2 && (t = n[n.length - 1]?.id ?? t), s(t);
+	}, l = () => {
+		r === null && (r = window.requestAnimationFrame(c));
+	}, u = () => {
+		n = Array.from(t.querySelectorAll("h2[id], h3[id]")), i = null, l();
+	};
+	u();
+	let d = new MutationObserver(u);
+	return d.observe(t, {
+		childList: !0,
+		subtree: !0
+	}), window.addEventListener("scroll", l, { passive: !0 }), window.addEventListener("resize", l), window.addEventListener("hashchange", l), () => {
+		d.disconnect(), window.removeEventListener("scroll", l), window.removeEventListener("resize", l), window.removeEventListener("hashchange", l), r !== null && window.cancelAnimationFrame(r);
+	};
+}, [e]), null), In = {
+	dialog: "Search",
+	close: "Close search",
+	startTyping: "Start typing to search.",
+	navigate: "navigate",
+	select: "select",
+	toggle: "toggle"
+}, Ln = ({ search: t, renderItem: n, itemKey: r, onSelect: i, placeholder: a = "Search…", emptyLabel: o = "No results.", empty: s, open: c, onOpenChange: l, labels: d }) => {
+	let _ = {
+		...In,
+		...d
+	}, b = c !== void 0, [x, S] = g(!1), C = b ? c : x, w = u((e) => {
+		b || S(e), l?.(e);
+	}, [b, l]), [T, E] = g(""), [D, O] = g(0), k = h(null), A = p(), j = m(() => T.trim() ? t(T) : [], [T, t]);
+	f(() => {
+		O(0);
+	}, [T]), f(() => {
+		let e = (e) => {
+			e.key.toLowerCase() === "k" && (e.metaKey || e.ctrlKey) && (e.preventDefault(), w(!C));
+		};
+		return window.addEventListener("keydown", e), () => window.removeEventListener("keydown", e);
+	}, [C, w]), f(() => {
+		if (!C) return;
+		E(""), O(0);
+		let e = requestAnimationFrame(() => k.current?.focus());
+		return () => cancelAnimationFrame(e);
+	}, [C]);
+	let M = u(() => w(!1), [w]);
+	return C ? /* @__PURE__ */ y("div", {
+		role: "dialog",
+		"aria-modal": "true",
+		"aria-label": _.dialog,
+		className: "fixed inset-0 z-50 flex items-start justify-center pt-[15vh] px-4",
+		children: [/* @__PURE__ */ v("button", {
+			type: "button",
+			"aria-label": _.close,
+			onClick: M,
+			className: "absolute inset-0 bg-background/70 backdrop-blur-sm cursor-default"
+		}), /* @__PURE__ */ y("div", {
+			className: e("relative w-full max-w-xl rounded-xl border border-border bg-card shadow-2xl overflow-hidden", "animate-in fade-in slide-in-from-top-4 duration-150"),
+			children: [
+				/* @__PURE__ */ y("div", {
+					className: "flex items-center gap-3 px-4 py-3 border-b border-border",
+					children: [
+						/* @__PURE__ */ v(Y, { className: "w-4 h-4 text-muted-foreground shrink-0" }),
+						/* @__PURE__ */ v("input", {
+							ref: k,
+							type: "text",
+							value: T,
+							onChange: (e) => E(e.target.value),
+							onKeyDown: (e) => {
+								if (e.key === "Escape") {
+									e.preventDefault(), M();
+									return;
+								}
+								if (e.key === "ArrowDown") {
+									e.preventDefault(), O((e) => Math.min(e + 1, Math.max(j.length - 1, 0)));
+									return;
+								}
+								if (e.key === "ArrowUp") {
+									e.preventDefault(), O((e) => Math.max(e - 1, 0));
+									return;
+								}
+								if (e.key === "Enter") {
+									let t = j[D];
+									t && (e.preventDefault(), i(t), M());
+								}
+							},
+							placeholder: a,
+							"aria-autocomplete": "list",
+							"aria-controls": A,
+							"aria-activedescendant": j[D] ? `${A}-${r(j[D])}` : void 0,
+							className: "flex-1 bg-transparent text-sm outline-none placeholder:text-muted-foreground/70"
+						}),
+						/* @__PURE__ */ v("kbd", {
+							className: "text-[0.65rem] text-muted-foreground border border-border rounded px-1.5 py-0.5 font-mono",
+							children: "Esc"
+						})
+					]
+				}),
+				/* @__PURE__ */ v("div", {
+					id: A,
+					role: "listbox",
+					className: "max-h-[60vh] overflow-y-auto py-1.5",
+					children: T.trim() === "" ? s ?? /* @__PURE__ */ v("div", {
+						className: "px-4 py-8 text-center text-sm text-muted-foreground",
+						children: _.startTyping
+					}) : j.length === 0 ? /* @__PURE__ */ v("div", {
+						className: "px-4 py-8 text-center text-sm text-muted-foreground",
+						children: o
+					}) : /* @__PURE__ */ v("ul", {
+						className: "px-1.5",
+						children: j.map((t, a) => {
+							let o = a === D, s = r(t);
+							return /* @__PURE__ */ v("li", {
+								id: `${A}-${s}`,
+								role: "option",
+								"aria-selected": o,
+								children: /* @__PURE__ */ v("button", {
+									type: "button",
+									onClick: () => {
+										i(t), M();
+									},
+									onMouseMove: () => O(a),
+									className: e("w-full text-left rounded-md px-3 py-2 transition-colors", o ? "bg-accent text-accent-foreground" : "text-foreground hover:bg-accent/50"),
+									children: n(t, o)
+								})
+							}, s);
+						})
+					})
+				}),
+				/* @__PURE__ */ y("div", {
+					className: "flex items-center justify-between gap-4 px-4 py-2 border-t border-border bg-card/40 text-[0.7rem] text-muted-foreground",
+					children: [/* @__PURE__ */ y("div", {
+						className: "inline-flex items-center gap-3",
+						children: [/* @__PURE__ */ y("span", {
+							className: "inline-flex items-center gap-1",
+							children: [
+								/* @__PURE__ */ v("kbd", {
+									className: "border border-border rounded px-1 py-0.5 font-mono",
+									children: "↑"
+								}),
+								/* @__PURE__ */ v("kbd", {
+									className: "border border-border rounded px-1 py-0.5 font-mono",
+									children: "↓"
+								}),
+								_.navigate
+							]
+						}), /* @__PURE__ */ y("span", {
+							className: "inline-flex items-center gap-1",
+							children: [
+								/* @__PURE__ */ v(ht, { className: "w-3 h-3" }),
+								" ",
+								_.select
+							]
+						})]
+					}), /* @__PURE__ */ y("span", {
+						className: "inline-flex items-center gap-1",
+						children: [/* @__PURE__ */ v("kbd", {
+							className: "border border-border rounded px-1 py-0.5 font-mono",
+							children: "⌘K"
+						}), _.toggle]
+					})]
+				})
+			]
+		})]
+	}) : null;
+}, Rn = ({ onClick: t, placeholder: n = "Search docs…", openLabel: r = "Open search", className: i }) => /* @__PURE__ */ y("button", {
+	type: "button",
+	onClick: t,
+	"aria-label": r,
+	className: e("inline-flex items-center gap-2 rounded-md border border-border bg-card/40 px-2.5 py-1.5 text-sm text-muted-foreground hover:text-foreground hover:border-input transition-colors w-56 lg:w-64", i),
+	children: [
+		/* @__PURE__ */ v(Y, { className: "w-4 h-4 shrink-0" }),
+		/* @__PURE__ */ v("span", {
+			className: "flex-1 text-left truncate",
+			children: n
+		}),
+		/* @__PURE__ */ v("kbd", {
+			className: "text-[0.65rem] border border-border rounded px-1 py-0.5 font-mono hidden lg:inline-block",
+			children: "⌘K"
+		})
+	]
+}), zn = "framework-ui-shadcn";
+//#endregion
+export { rn as AnimatedNumber, Pt as AppShell, ht as ArrowReturnIcon, me as Avatar, de as Badge, et as BellIcon, Jt as Bento, Yt as BentoCell, at as BotIcon, Qe as BroadcastIcon, nt as BuildingIcon, F as Button, Tn as Callout, I as Card, oe as CardContent, ae as CardDescription, se as CardFooter, L as CardHeader, R as CardTitle, xt as ChartIcon, le as Checkbox, pt as ChevronLeftIcon, mt as ChevronRightIcon, dt as CloudIcon, On as CodeBlock, tn as CodeCompare, Sn as CodeWindow, tt as CogIcon, Je as CompassIcon, rt as DatabaseIcon, _e as Dialog, be as DialogDescription, xe as DialogFooter, ve as DialogHeader, ye as DialogTitle, vt as DiscordIcon, Pn as DocCard, Nn as DocCards, Ke as DocShell, Mt as DocsLayout, Ae as DropdownMenu, H as DropdownMenuContent, Me as DropdownMenuGroup, W as DropdownMenuItem, Fe as DropdownMenuLabel, Ne as DropdownMenuPortal, Pe as DropdownMenuRadioGroup, Le as DropdownMenuRadioItem, U as DropdownMenuSeparator, je as DropdownMenuTrigger, We as FeatureGrid, Ze as FileIcon, Xe as FolderIcon, gt as GitHubIcon, ut as GlobeIcon, _n as GridOverlay, Ue as HeroSection, $ as HighlightedCode, ft as HomeIcon, lt as HookIcon, z as Input, j as LANG_COOKIE, B as Label, cn as LandingCta, Kt as LandingHero, an as LandingStats, st as LayersIcon, yt as LinkedInIcon, Be as LocaleSwitcher, it as LockIcon, He as LoginCard, gn as MeshBackdrop, Ye as PackageIcon, Z as PageHeader, $e as PencilIcon, Vt as ProfileMenu, ct as PuzzleIcon, qe as RocketIcon, bt as RssIcon, Xt as SHIKI_LANGS, Cn as ScrollReveal, Y as SearchIcon, Ln as SearchModal, Rn as SearchTrigger, ge as Select, fe as Separator, pn as SiteFooter, he as Skeleton, xn as Sparkles, hn as StatusBadge, An as Step, kn as Steps, A as THEME_COOKIE, Se as Tabs, Te as TabsContent, Ce as TabsList, we as TabsTrigger, ot as TerminalIcon, ce as Textarea, Ut as ThemeToggle, De as Toast, ke as ToastDescription, Oe as ToastTitle, Fn as TocScrollSpy, Re as Toggle, K as ToggleGroup, q as ToggleGroupItem, zn as UI_SHADCN_NAME, t as VOLTRO_BOLT_PATH, n as VOLTRO_VIOLET, r as VoltroIcon, i as VoltroMark, a as VoltroWordmark, _t as XIcon, re as applyTheme, ue as badgeVariants, ie as buttonVariants, e as cn, te as deleteCookie, N as getCookie, ne as parsePreferenceCookies, P as setCookie, k as shadcnWidgets, Ht as themeBootScript, G as toggleVariants, Qt as whenHighlighterReady };