@voltro/ui-shadcn 0.66.1 → 0.67.0

package/dist/index.js

@@ -1,105 +1,105 @@
 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";
+import { a as t, i as n, n as r, o as i, r as a, s as o, t as s } from "./voltroLogo-CSnSpQhz.js";
+import { Children as c, createContext as l, forwardRef as u, isValidElement as d, useCallback as f, useContext as p, useEffect as m, useId as h, useMemo as g, useRef as _, useState as v } from "react";
+import { Fragment as y, jsx as b, jsxs as x } from "react/jsx-runtime";
+import { cva as S } from "class-variance-authority";
+import * as C from "@radix-ui/react-dropdown-menu";
+import * as w from "@radix-ui/react-toggle";
+import * as T from "@radix-ui/react-toggle-group";
 //#region src/widgets.tsx
-var w = {
+var E = {
 	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,
+}, D = (e) => e == null ? "" : String(e), O = (e, t) => t === void 0 ? void 0 : `${e}-error`, k = (e) => /* @__PURE__ */ x("div", {
+	className: E.field,
 	children: [
-		/* @__PURE__ */ y("label", {
-			className: w.label,
+		/* @__PURE__ */ x("label", {
+			className: E.label,
 			htmlFor: e.id,
 			children: [e.label, e.required ? " *" : ""]
 		}),
 		e.children,
-		e.error === void 0 ? null : /* @__PURE__ */ v("p", {
+		e.error === void 0 ? null : /* @__PURE__ */ b("p", {
 			id: `${e.id}-error`,
-			className: w.error,
+			className: E.error,
 			role: "alert",
 			children: e.error
 		})
 	]
-}), O = (e, t) => (n) => {
-	let r = p();
-	return /* @__PURE__ */ v(D, {
+}), A = (e, t) => (n) => {
+	let r = h();
+	return /* @__PURE__ */ b(k, {
 		id: r,
 		label: n.label,
 		required: n.required,
 		error: n.error,
-		children: /* @__PURE__ */ v("input", {
+		children: /* @__PURE__ */ b("input", {
 			id: r,
 			type: e,
 			name: n.name,
-			className: w.control,
-			value: T(n.value),
+			className: E.control,
+			value: D(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)
+			"aria-describedby": O(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),
+}, j = {
+	text: A("text", (e) => e),
+	number: A("number", (e) => e === "" ? void 0 : Number(e)),
+	date: A("date", (e) => e),
+	datetime: A("datetime-local", (e) => e),
+	daterange: A("text", (e) => e),
+	"async-select": A("text", (e) => e),
 	textarea: (e) => {
-		let t = p();
-		return /* @__PURE__ */ v(D, {
+		let t = h();
+		return /* @__PURE__ */ b(k, {
 			id: t,
 			label: e.label,
 			required: e.required,
 			error: e.error,
-			children: /* @__PURE__ */ v("textarea", {
+			children: /* @__PURE__ */ b("textarea", {
 				id: t,
 				name: e.name,
-				className: w.control,
-				value: T(e.value),
+				className: E.control,
+				value: D(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)
+				"aria-describedby": O(t, e.error)
 			})
 		});
 	},
 	checkbox: (e) => {
-		let t = p();
-		return /* @__PURE__ */ y("div", {
+		let t = h();
+		return /* @__PURE__ */ x("div", {
 			className: "voltro-field flex items-center gap-2",
 			children: [
-				/* @__PURE__ */ v("input", {
+				/* @__PURE__ */ b("input", {
 					id: t,
 					type: "checkbox",
 					name: e.name,
-					className: w.checkbox,
+					className: E.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)
+					"aria-describedby": O(t, e.error)
 				}),
-				/* @__PURE__ */ y("label", {
-					className: w.label,
+				/* @__PURE__ */ x("label", {
+					className: E.label,
 					htmlFor: t,
 					children: [e.label, e.required ? " *" : ""]
 				}),
-				e.error === void 0 ? null : /* @__PURE__ */ v("p", {
+				e.error === void 0 ? null : /* @__PURE__ */ b("p", {
 					id: `${t}-error`,
-					className: w.error,
+					className: E.error,
 					role: "alert",
 					children: e.error
 				})
@@ -107,11 +107,11 @@ var w = {
 		});
 	},
 	switch: (e) => {
-		let t = p(), n = e.value === !0;
-		return /* @__PURE__ */ y("div", {
+		let t = h(), n = e.value === !0;
+		return /* @__PURE__ */ x("div", {
 			className: "voltro-field flex items-center gap-2",
 			children: [
-				/* @__PURE__ */ v("button", {
+				/* @__PURE__ */ b("button", {
 					id: t,
 					type: "button",
 					role: "switch",
@@ -119,21 +119,21 @@ var w = {
 					onClick: () => e.onChange(!n),
 					disabled: e.disabled,
 					"aria-invalid": e.error !== void 0,
-					"aria-describedby": E(t, e.error),
+					"aria-describedby": O(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", {
+					children: /* @__PURE__ */ b("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,
+				/* @__PURE__ */ x("label", {
+					className: E.label,
 					htmlFor: t,
 					children: [e.label, e.required ? " *" : ""]
 				}),
-				e.error === void 0 ? null : /* @__PURE__ */ v("p", {
+				e.error === void 0 ? null : /* @__PURE__ */ b("p", {
 					id: `${t}-error`,
-					className: w.error,
+					className: E.error,
 					role: "alert",
 					children: e.error
 				})
@@ -141,26 +141,26 @@ var w = {
 		});
 	},
 	select: (e) => {
-		let t = p();
-		return /* @__PURE__ */ v(D, {
+		let t = h();
+		return /* @__PURE__ */ b(k, {
 			id: t,
 			label: e.label,
 			required: e.required,
 			error: e.error,
-			children: /* @__PURE__ */ y("select", {
+			children: /* @__PURE__ */ x("select", {
 				id: t,
 				name: e.name,
-				className: w.control,
-				value: T(e.value),
+				className: E.control,
+				value: D(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", {
+				"aria-describedby": O(t, e.error),
+				children: [/* @__PURE__ */ b("option", {
 					value: "",
 					children: "—"
-				}), (e.options ?? []).map((e) => /* @__PURE__ */ v("option", {
+				}), (e.options ?? []).map((e) => /* @__PURE__ */ b("option", {
 					value: e.value,
 					children: e.label
 				}, e.value))]
@@ -168,31 +168,31 @@ var w = {
 		});
 	},
 	radio: (e) => {
-		let t = p();
-		return /* @__PURE__ */ y("fieldset", {
-			className: w.field,
+		let t = h();
+		return /* @__PURE__ */ x("fieldset", {
+			className: E.field,
 			"aria-invalid": e.error !== void 0,
 			children: [
-				/* @__PURE__ */ y("legend", {
-					className: w.label,
+				/* @__PURE__ */ x("legend", {
+					className: E.label,
 					children: [e.label, e.required ? " *" : ""]
 				}),
-				/* @__PURE__ */ v("div", {
+				/* @__PURE__ */ b("div", {
 					className: "flex flex-col gap-1",
 					children: (e.options ?? []).map((n) => {
 						let r = `${t}-${n.value}`;
-						return /* @__PURE__ */ y("span", {
+						return /* @__PURE__ */ x("span", {
 							className: "flex items-center gap-2",
-							children: [/* @__PURE__ */ v("input", {
+							children: [/* @__PURE__ */ b("input", {
 								id: r,
 								type: "radio",
 								name: e.name,
 								value: n.value,
-								className: w.checkbox,
-								checked: T(e.value) === n.value,
+								className: E.checkbox,
+								checked: D(e.value) === n.value,
 								onChange: () => e.onChange(n.value),
 								disabled: e.disabled
-							}), /* @__PURE__ */ v("label", {
+							}), /* @__PURE__ */ b("label", {
 								className: "text-sm text-foreground",
 								htmlFor: r,
 								children: n.label
@@ -200,9 +200,9 @@ var w = {
 						}, n.value);
 					})
 				}),
-				e.error === void 0 ? null : /* @__PURE__ */ v("p", {
+				e.error === void 0 ? null : /* @__PURE__ */ b("p", {
 					id: `${t}-error`,
-					className: w.error,
+					className: E.error,
 					role: "alert",
 					children: e.error
 				})
@@ -210,23 +210,23 @@ var w = {
 		});
 	},
 	"multi-select": (e) => {
-		let t = p(), n = Array.isArray(e.value) ? e.value.map(String) : [];
-		return /* @__PURE__ */ v(D, {
+		let t = h(), n = Array.isArray(e.value) ? e.value.map(String) : [];
+		return /* @__PURE__ */ b(k, {
 			id: t,
 			label: e.label,
 			required: e.required,
 			error: e.error,
-			children: /* @__PURE__ */ v("select", {
+			children: /* @__PURE__ */ b("select", {
 				id: t,
 				name: e.name,
 				multiple: !0,
-				className: w.control + " min-h-24",
+				className: E.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", {
+				"aria-describedby": O(t, e.error),
+				children: (e.options ?? []).map((e) => /* @__PURE__ */ b("option", {
 					value: e.value,
 					children: e.label
 				}, e.value))
@@ -234,26 +234,26 @@ var w = {
 		});
 	},
 	file: (e) => {
-		let t = p();
-		return /* @__PURE__ */ v(D, {
+		let t = h();
+		return /* @__PURE__ */ b(k, {
 			id: t,
 			label: e.label,
 			required: e.required,
 			error: e.error,
-			children: /* @__PURE__ */ v("input", {
+			children: /* @__PURE__ */ b("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",
+				className: E.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)
+				"aria-describedby": O(t, e.error)
 			})
 		});
 	}
-}, A = "voltro:theme", j = "voltro:locale", M = (e) => e === "system" || e === "light" || e === "dark", ee = 3456e4, N = (e, t) => {
+}, M = "voltro:theme", N = "voltro:theme-change", P = "voltro:locale", ee = (e) => e === "system" || e === "light" || e === "dark", te = 3456e4, F = (e, t) => {
 	let n = t ?? (typeof document < "u" ? document.cookie : "");
 	if (n) for (let t of n.split(";")) {
 		let n = t.indexOf("=");
@@ -263,8 +263,8 @@ var w = {
 			return t.slice(n + 1).trim();
 		}
 	}
-}, P = (e, t, n = {}) => {
-	let { maxAgeSeconds: r = ee, path: i = "/", sameSite: a = "lax" } = n, o = [
+}, I = (e, t, n = {}) => {
+	let { maxAgeSeconds: r = te, path: i = "/", sameSite: a = "lax" } = n, o = [
 		`${e}=${encodeURIComponent(t)}`,
 		`Path=${i}`,
 		`Max-Age=${r}`,
@@ -273,20 +273,20 @@ var w = {
 	a === "none" && o.push("Secure");
 	let s = o.join("; ");
 	return typeof document < "u" && (document.cookie = s), s;
-}, te = (e, t = "/") => P(e, "", {
+}, ne = (e, t = "/") => I(e, "", {
 	maxAgeSeconds: 0,
 	path: t
-}), ne = (e) => {
-	let t = e ?? void 0, n = N(A, t), r = N(j, t);
+}), re = (e) => {
+	let t = e ?? void 0, n = F(M, t), r = F(P, t);
 	return {
-		...n !== void 0 && M(n) ? { theme: n } : {},
+		...n !== void 0 && ee(n) ? { theme: n } : {},
 		...r !== void 0 && r !== "" ? { locale: r } : {}
 	};
-}, re = (e) => {
+}, L = (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", {
+	document.documentElement.classList.toggle("dark", t), typeof window < "u" && window.dispatchEvent(new Event(N));
+}, ie = S("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",
@@ -307,7 +307,7 @@ var w = {
 		variant: "default",
 		size: "default"
 	}
-}), F = ({ className: t, variant: n, size: r, children: i, ...a }) => /* @__PURE__ */ v("button", {
+}), R = ({ className: t, variant: n, size: r, children: i, ...a }) => /* @__PURE__ */ b("button", {
 	"data-slot": "button",
 	className: e(ie({
 		variant: n,
@@ -316,60 +316,60 @@ var w = {
 	})),
 	...a,
 	children: i
-}), I = ({ className: t, children: n, ...r }) => /* @__PURE__ */ v("div", {
+}), z = ({ className: t, children: n, ...r }) => /* @__PURE__ */ b("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", {
+}), B = ({ className: t, children: n, ...r }) => /* @__PURE__ */ b("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", {
+}), V = ({ className: t, children: n, ...r }) => /* @__PURE__ */ b("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", {
+}), ae = ({ className: t, children: n, ...r }) => /* @__PURE__ */ b("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", {
+}), oe = ({ className: t, children: n, ...r }) => /* @__PURE__ */ b("div", {
 	"data-slot": "card-content",
 	className: e("px-6", t),
 	...r,
 	children: n
-}), se = ({ className: t, children: n, ...r }) => /* @__PURE__ */ v("div", {
+}), se = ({ className: t, children: n, ...r }) => /* @__PURE__ */ b("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", {
+}), ce = ({ className: t, type: n = "text", ...r }) => /* @__PURE__ */ b("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", {
+}), le = ({ className: t, ...n }) => /* @__PURE__ */ b("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(() => {
+}), ue = ({ className: t, indeterminate: n, ...r }) => {
+	let i = _(null);
+	return m(() => {
 		i.current && (i.current.indeterminate = n === !0);
-	}, [n]), /* @__PURE__ */ y("span", {
+	}, [n]), /* @__PURE__ */ x("span", {
 		className: "relative inline-flex size-4 shrink-0 items-center justify-center",
 		children: [
-			/* @__PURE__ */ v("input", {
+			/* @__PURE__ */ b("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", {
+			/* @__PURE__ */ b("svg", {
 				viewBox: "0 0 24 24",
 				fill: "none",
 				stroke: "currentColor",
@@ -377,30 +377,17 @@ var w = {
 				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" })
+				children: /* @__PURE__ */ b("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" })
+			/* @__PURE__ */ b("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", {
+}, de = ({ className: t, children: n, ...r }) => /* @__PURE__ */ b("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", {
+}), fe = ({ className: t, orientation: n = "horizontal", ...r }) => /* @__PURE__ */ b("div", {
 	"data-slot": "separator",
 	role: "separator",
 	"aria-orientation": n,
@@ -410,74 +397,74 @@ var w = {
 	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", {
+}, me = ({ src: t, alt: n, fallback: r, size: i = "md", className: a, ...o }) => /* @__PURE__ */ b("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", {
+	children: t ? /* @__PURE__ */ b("img", {
 		src: t,
 		alt: n ?? "",
 		className: "size-full object-cover"
-	}) : /* @__PURE__ */ v("span", {
+	}) : /* @__PURE__ */ b("span", {
 		className: "font-medium text-muted-foreground select-none",
 		children: r ?? "?"
 	})
-}), he = ({ className: t, ...n }) => /* @__PURE__ */ v("div", {
+}), he = ({ className: t, ...n }) => /* @__PURE__ */ b("div", {
 	"data-slot": "skeleton",
 	className: e("animate-pulse rounded-md bg-muted", t),
 	...n
-}), ge = ({ className: t, children: n, ...r }) => /* @__PURE__ */ v("select", {
+}), ge = ({ className: t, children: n, ...r }) => /* @__PURE__ */ b("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", {
+}), _e = ({ className: t, children: n, ...r }) => /* @__PURE__ */ b("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", {
+}), ve = ({ className: t, ...n }) => /* @__PURE__ */ b("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", {
+}), ye = ({ className: t, ...n }) => /* @__PURE__ */ b("h2", {
 	"data-slot": "dialog-title",
 	className: e("text-lg font-semibold leading-none tracking-tight", t),
 	...n
-}), be = ({ className: t, ...n }) => /* @__PURE__ */ v("p", {
+}), be = ({ className: t, ...n }) => /* @__PURE__ */ b("p", {
 	"data-slot": "dialog-description",
 	className: e("text-sm text-muted-foreground", t),
 	...n
-}), xe = ({ className: t, ...n }) => /* @__PURE__ */ v("div", {
+}), xe = ({ className: t, ...n }) => /* @__PURE__ */ b("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, {
+}), Se = l(null), Ce = ({ defaultValue: t, value: n, onValueChange: r, className: i, children: a, ...o }) => {
+	let [s, c] = v(t), l = n ?? s;
+	return /* @__PURE__ */ b(Se.Provider, {
 		value: {
 			value: l,
 			setValue: (e) => {
 				n === void 0 && c(e), r?.(e);
 			}
 		},
-		children: /* @__PURE__ */ v("div", {
+		children: /* @__PURE__ */ b("div", {
 			"data-slot": "tabs",
 			className: e("flex flex-col gap-2", i),
 			...o,
 			children: a
 		})
 	});
-}, Ce = ({ className: t, ...n }) => /* @__PURE__ */ v("div", {
+}, we = ({ className: t, ...n }) => /* @__PURE__ */ b("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);
+}), Te = ({ value: t, className: n, children: r, ...i }) => {
+	let a = p(Se);
 	if (!a) throw Error("TabsTrigger must be inside <Tabs>");
 	let o = a.value === t;
-	return /* @__PURE__ */ v("button", {
+	return /* @__PURE__ */ b("button", {
 		"data-slot": "tabs-trigger",
 		role: "tab",
 		type: "button",
@@ -487,73 +474,73 @@ var w = {
 		...i,
 		children: r
 	});
-}, Te = ({ value: t, className: n, children: r, ...i }) => {
-	let a = d(V);
+}, Ee = ({ value: t, className: n, children: r, ...i }) => {
+	let a = p(Se);
 	if (!a) throw Error("TabsContent must be inside <Tabs>");
-	return a.value === t ? /* @__PURE__ */ v("div", {
+	return a.value === t ? /* @__PURE__ */ b("div", {
 		"data-slot": "tabs-content",
 		role: "tabpanel",
 		className: e("flex-1 outline-none", n),
 		...i,
 		children: r
 	}) : null;
-}, Ee = {
+}, De = {
 	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", {
+}, Oe = ({ variant: t = "default", className: n, children: r, ...i }) => /* @__PURE__ */ b("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),
+	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", De[t], n),
 	...i,
 	children: r
-}), Oe = ({ className: t, ...n }) => /* @__PURE__ */ v("p", {
+}), ke = ({ className: t, ...n }) => /* @__PURE__ */ b("p", {
 	"data-slot": "toast-title",
 	className: e("text-sm font-semibold", t),
 	...n
-}), ke = ({ className: t, ...n }) => /* @__PURE__ */ v("p", {
+}), Ae = ({ className: t, ...n }) => /* @__PURE__ */ b("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, {
+}), je = C.Root, Me = C.Trigger, Ne = C.Group, Pe = C.Portal, Fe = C.RadioGroup, H = u(({ className: t, sideOffset: n = 6, ...r }, i) => /* @__PURE__ */ b(C.Portal, { children: /* @__PURE__ */ b(C.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, {
+var Ie = u(({ className: t, inset: n, ...r }, i) => /* @__PURE__ */ b(C.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, {
+Ie.displayName = "DropdownMenuLabel";
+var U = u(({ className: t, ...n }, r) => /* @__PURE__ */ b(C.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, {
+var W = u(({ className: t, inset: n, destructive: r, ...i }, a) => /* @__PURE__ */ b(C.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, {
+var Le = () => /* @__PURE__ */ b("span", { className: "size-2 rounded-full bg-current" }), Re = u(({ className: t, children: n, ...r }, i) => /* @__PURE__ */ x(C.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", {
+	children: [/* @__PURE__ */ b("span", {
 		className: "absolute left-2.5 flex size-3.5 items-center justify-center",
-		children: /* @__PURE__ */ v(x.ItemIndicator, { children: /* @__PURE__ */ v(Ie, {}) })
+		children: /* @__PURE__ */ b(C.ItemIndicator, { children: /* @__PURE__ */ b(Le, {}) })
 	}), n]
 }));
-Le.displayName = "DropdownMenuRadioItem";
+Re.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", {
+var G = S("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",
@@ -569,7 +556,7 @@ var G = b("inline-flex items-center justify-center gap-2 rounded-md text-sm font
 		variant: "default",
 		size: "default"
 	}
-}), Re = c(({ className: t, variant: n, size: r, ...i }, a) => /* @__PURE__ */ v(S.Root, {
+}), ze = u(({ className: t, variant: n, size: r, ...i }, a) => /* @__PURE__ */ b(w.Root, {
 	ref: a,
 	className: e(G({
 		variant: n,
@@ -578,17 +565,17 @@ var G = b("inline-flex items-center justify-center gap-2 rounded-md text-sm font
 	})),
 	...i
 }));
-Re.displayName = "Toggle";
+ze.displayName = "Toggle";
 //#endregion
 //#region src/primitives/toggleGroup.tsx
-var ze = s({
+var Be = l({
 	variant: "default",
 	size: "default"
-}), K = c(({ className: t, variant: n, size: r, children: i, ...a }, o) => /* @__PURE__ */ v(C.Root, {
+}), K = u(({ className: t, variant: n, size: r, children: i, ...a }, o) => /* @__PURE__ */ b(T.Root, {
 	ref: o,
 	className: e("inline-flex items-center gap-1", t),
 	...a,
-	children: /* @__PURE__ */ v(ze.Provider, {
+	children: /* @__PURE__ */ b(Be.Provider, {
 		value: {
 			variant: n,
 			size: r
@@ -597,9 +584,9 @@ var ze = s({
 	})
 }));
 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, {
+var q = u(({ className: t, variant: n, size: r, children: i, ...a }, o) => {
+	let s = p(Be);
+	return /* @__PURE__ */ b(T.Item, {
 		ref: o,
 		className: e(G({
 			variant: n ?? s.variant,
@@ -612,30 +599,30 @@ var q = c(({ className: t, variant: n, size: r, children: i, ...a }, o) => {
 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);
-	f(() => {
-		s(N("voltro:locale") ?? void 0);
+var Ve = ({ locales: t, current: n, onChange: r, ariaLabel: i = "Language", className: a }) => {
+	let [o, s] = v(void 0);
+	m(() => {
+		s(F("voltro:locale") ?? void 0);
 	}, []);
 	let c = n ?? o ?? t[0]?.code ?? "";
-	return /* @__PURE__ */ v("select", {
+	return /* @__PURE__ */ b("select", {
 		"aria-label": i,
 		value: c,
 		onChange: (e) => {
 			let t = e.target.value;
-			P(j, t), s(t), r?.(t) !== !1 && typeof window < "u" && window.location.reload();
+			I(P, 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", {
+		children: t.map((e) => /* @__PURE__ */ b("option", {
 			value: e.code,
 			children: e.label
 		}, e.code))
 	});
 };
-Be.displayName = "LocaleSwitcher";
+Ve.displayName = "LocaleSwitcher";
 //#endregion
 //#region src/compositions/loginCard.tsx
-var Ve = {
+var He = {
 	email: "Email",
 	emailPlaceholder: "you@company.com",
 	password: "Password",
@@ -643,35 +630,35 @@ var Ve = {
 	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 }) => {
+}, Ue = ({ 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,
+		...He,
 		...u
 	};
-	return /* @__PURE__ */ v("div", {
+	return /* @__PURE__ */ b("div", {
 		className: e("w-full max-w-md mx-auto", l),
-		children: /* @__PURE__ */ y(I, { children: [
-			/* @__PURE__ */ y(L, { children: [
-				r ? /* @__PURE__ */ v("div", {
+		children: /* @__PURE__ */ x(z, { children: [
+			/* @__PURE__ */ x(B, { children: [
+				r ? /* @__PURE__ */ b("div", {
 					className: "text-xs uppercase tracking-wider text-muted-foreground font-medium",
 					children: r
 				}) : null,
-				/* @__PURE__ */ v(R, {
+				/* @__PURE__ */ b(V, {
 					className: "text-2xl",
 					children: t
 				}),
-				/* @__PURE__ */ v(ae, { children: n })
+				/* @__PURE__ */ b(ae, { children: n })
 			] }),
-			/* @__PURE__ */ y(oe, { children: [/* @__PURE__ */ y("form", {
+			/* @__PURE__ */ x(oe, { children: [/* @__PURE__ */ x("form", {
 				className: "space-y-4",
 				...d,
 				children: [
-					/* @__PURE__ */ y("div", {
+					/* @__PURE__ */ x("div", {
 						className: "space-y-1.5",
-						children: [/* @__PURE__ */ v(B, {
+						children: [/* @__PURE__ */ b(de, {
 							htmlFor: "email",
 							children: f.email
-						}), /* @__PURE__ */ v(z, {
+						}), /* @__PURE__ */ b(ce, {
 							id: "email",
 							name: "email",
 							type: "email",
@@ -679,19 +666,19 @@ var Ve = {
 							placeholder: f.emailPlaceholder
 						})]
 					}),
-					/* @__PURE__ */ y("div", {
+					/* @__PURE__ */ x("div", {
 						className: "space-y-1.5",
-						children: [/* @__PURE__ */ y("div", {
+						children: [/* @__PURE__ */ x("div", {
 							className: "flex items-center justify-between",
-							children: [/* @__PURE__ */ v(B, {
+							children: [/* @__PURE__ */ b(de, {
 								htmlFor: "password",
 								children: f.password
-							}), c ? /* @__PURE__ */ v("a", {
+							}), c ? /* @__PURE__ */ b("a", {
 								href: c,
 								className: "text-xs text-muted-foreground hover:text-foreground",
 								children: f.forgot
 							}) : null]
-						}), /* @__PURE__ */ v(z, {
+						}), /* @__PURE__ */ b(ce, {
 							id: "password",
 							name: "password",
 							type: "password",
@@ -699,35 +686,35 @@ var Ve = {
 							placeholder: "••••••••"
 						})]
 					}),
-					/* @__PURE__ */ v(F, {
+					/* @__PURE__ */ b(R, {
 						type: "submit",
 						className: "w-full",
 						children: i
 					})
 				]
-			}), a && a.length > 0 ? /* @__PURE__ */ y(_, { children: [/* @__PURE__ */ y("div", {
+			}), a && a.length > 0 ? /* @__PURE__ */ x(y, { children: [/* @__PURE__ */ x("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__ */ b("div", { className: "h-px flex-1 bg-border" }),
+					/* @__PURE__ */ b("span", { children: f.oauthDivider }),
+					/* @__PURE__ */ b("div", { className: "h-px flex-1 bg-border" })
 				]
-			}), /* @__PURE__ */ v("div", {
+			}), /* @__PURE__ */ b("div", {
 				className: "grid gap-2",
 				style: { gridTemplateColumns: `repeat(${a.length}, minmax(0, 1fr))` },
-				children: a.map((e) => /* @__PURE__ */ v(F, {
+				children: a.map((e) => /* @__PURE__ */ b(R, {
 					type: "button",
 					variant: "outline",
 					onClick: () => o?.(e.id),
 					children: e.label
 				}, e.id))
 			})] }) : null] }),
-			s ? /* @__PURE__ */ y(se, {
+			s ? /* @__PURE__ */ x(se, {
 				className: "justify-center text-xs text-muted-foreground",
 				children: [
 					f.signUpPrompt,
 					" ",
-					/* @__PURE__ */ v("a", {
+					/* @__PURE__ */ b("a", {
 						href: s,
 						className: "ml-1 text-foreground hover:underline",
 						children: f.signUp
@@ -736,86 +723,86 @@ var Ve = {
 			}) : 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),
+}, We = ({ eyebrow: t, title: n, subtitle: r, primaryCta: a, secondaryCta: o, footnote: s, className: c }) => /* @__PURE__ */ x("section", {
+	className: e("py-20 text-center max-w-4xl mx-auto px-6", c),
 	children: [
-		t ? /* @__PURE__ */ v(de, {
+		t ? /* @__PURE__ */ b(i, {
 			variant: "outline",
 			className: "mb-6 border-primary/30 text-primary",
 			children: t
 		}) : null,
-		/* @__PURE__ */ v("h1", {
+		/* @__PURE__ */ b("h1", {
 			className: "text-4xl md:text-6xl font-bold tracking-tight leading-tight mb-4 text-foreground",
 			children: n
 		}),
-		r ? /* @__PURE__ */ v("p", {
+		r ? /* @__PURE__ */ b("p", {
 			className: "text-lg md:text-xl text-muted-foreground max-w-2xl mx-auto mb-8",
 			children: r
 		}) : null,
-		/* @__PURE__ */ y("div", {
+		/* @__PURE__ */ x("div", {
 			className: "flex gap-3 justify-center flex-wrap mb-4",
-			children: [i ? /* @__PURE__ */ v("a", {
-				href: i.href,
-				children: /* @__PURE__ */ v(F, {
+			children: [a ? /* @__PURE__ */ b("a", {
+				href: a.href,
+				children: /* @__PURE__ */ b(R, {
 					size: "lg",
-					children: i.label
+					children: a.label
 				})
-			}) : null, a ? /* @__PURE__ */ v("a", {
-				href: a.href,
-				children: /* @__PURE__ */ v(F, {
+			}) : null, o ? /* @__PURE__ */ b("a", {
+				href: o.href,
+				children: /* @__PURE__ */ b(R, {
 					size: "lg",
 					variant: "outline",
-					children: a.label
+					children: o.label
 				})
 			}) : null]
 		}),
-		o ? /* @__PURE__ */ v("p", {
+		s ? /* @__PURE__ */ b("p", {
 			className: "text-sm text-muted-foreground",
-			children: o
+			children: s
 		}) : null
 	]
-}), We = ({ sectionTitle: t, features: n, className: r }) => /* @__PURE__ */ y("section", {
+}), Ge = ({ sectionTitle: t, features: n, className: r }) => /* @__PURE__ */ x("section", {
 	className: e("py-16 max-w-6xl mx-auto px-6", r),
-	children: [t ? /* @__PURE__ */ v("h2", {
+	children: [t ? /* @__PURE__ */ b("h2", {
 		className: "text-2xl md:text-3xl font-semibold text-center mb-12 text-foreground",
 		children: t
-	}) : null, /* @__PURE__ */ v("div", {
+	}) : null, /* @__PURE__ */ b("div", {
 		className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4",
-		children: n.map((e) => /* @__PURE__ */ v(I, {
+		children: n.map((e) => /* @__PURE__ */ b(z, {
 			className: "hover:border-primary/40 transition-colors",
-			children: /* @__PURE__ */ y(L, { children: [
-				e.icon ? /* @__PURE__ */ v("div", {
+			children: /* @__PURE__ */ x(B, { children: [
+				e.icon ? /* @__PURE__ */ b("div", {
 					className: "text-primary mb-2",
 					children: e.icon
 				}) : null,
-				/* @__PURE__ */ v(R, {
+				/* @__PURE__ */ b(V, {
 					className: "text-base",
 					children: e.title
 				}),
-				/* @__PURE__ */ v(ae, { children: e.body })
+				/* @__PURE__ */ b(ae, { children: e.body })
 			] })
 		}, e.title))
 	})]
-}), Ge = ({ to: e, className: t, children: n }) => /* @__PURE__ */ v("a", {
+}), Ke = ({ to: e, className: t, children: n }) => /* @__PURE__ */ b("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 }) => {
+}), qe = ({ brand: t, nav: n, children: r, currentPath: i, className: a, searchAction: o, searchPlaceholder: s = "Search docs…", searchLabel: c = "Search docs", LinkComponent: l = Ke }) => {
 	let u = l;
-	return /* @__PURE__ */ y("div", {
+	return /* @__PURE__ */ x("div", {
 		className: e("min-h-screen grid grid-cols-1 md:grid-cols-[260px_1fr] bg-background text-foreground", a),
-		children: [/* @__PURE__ */ y("aside", {
+		children: [/* @__PURE__ */ x("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", {
+				/* @__PURE__ */ b("div", {
 					className: "mb-6",
 					children: t
 				}),
-				o ? /* @__PURE__ */ v("form", {
+				o ? /* @__PURE__ */ b("form", {
 					method: "get",
 					action: o,
 					className: "mb-6",
-					children: /* @__PURE__ */ v("input", {
+					children: /* @__PURE__ */ b("input", {
 						type: "search",
 						name: "q",
 						placeholder: s,
@@ -823,16 +810,16 @@ var Ve = {
 						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", {
+				n.map((t) => /* @__PURE__ */ x("div", {
 					className: "mb-6",
-					children: [/* @__PURE__ */ v("h4", {
+					children: [/* @__PURE__ */ b("h4", {
 						className: "text-xs uppercase tracking-wider text-muted-foreground font-medium mb-2",
 						children: t.section
-					}), /* @__PURE__ */ v("ul", {
+					}), /* @__PURE__ */ b("ul", {
 						className: "space-y-0.5",
 						children: t.entries.map((t) => {
 							let n = i === t.href;
-							return /* @__PURE__ */ v("li", { children: /* @__PURE__ */ v(u, {
+							return /* @__PURE__ */ b("li", { children: /* @__PURE__ */ b(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"),
@@ -842,12 +829,12 @@ var Ve = {
 					})]
 				}, t.section))
 			]
-		}), /* @__PURE__ */ v("main", {
+		}), /* @__PURE__ */ b("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", {
+}, J = ({ children: e, className: t, title: n }) => /* @__PURE__ */ x("svg", {
 	xmlns: "http://www.w3.org/2000/svg",
 	width: "24",
 	height: "24",
@@ -862,178 +849,178 @@ var Ve = {
 		role: "img",
 		"aria-label": n
 	} : { "aria-hidden": !0 },
-	children: [n ? /* @__PURE__ */ v("title", { children: n }) : null, e]
-}), qe = (e) => /* @__PURE__ */ y(J, {
+	children: [n ? /* @__PURE__ */ b("title", { children: n }) : null, e]
+}), Je = (e) => /* @__PURE__ */ x(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" })
+		/* @__PURE__ */ b("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__ */ b("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__ */ b("path", { d: "M9 12 H4 s.55 -3.03 2 -4 c1.62 -1.08 5 0 5 0" }),
+		/* @__PURE__ */ b("path", { d: "M12 15 v5 s3.03 -.55 4 -2 c1.08 -1.62 0 -5 0 -5" })
 	]
-}), Je = (e) => /* @__PURE__ */ y(J, {
+}), Ye = (e) => /* @__PURE__ */ x(J, {
 	...e,
-	children: [/* @__PURE__ */ v("circle", {
+	children: [/* @__PURE__ */ b("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, {
+	}), /* @__PURE__ */ b("polygon", { points: "16.24,7.76 14.12,14.12 7.76,16.24 9.88,9.88" })]
+}), Xe = (e) => /* @__PURE__ */ x(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" })
+		/* @__PURE__ */ b("path", { d: "m7.5 4.27 9 5.15" }),
+		/* @__PURE__ */ b("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__ */ b("path", { d: "M3.3 7 12 12 l8.7 -5" }),
+		/* @__PURE__ */ b("path", { d: "M12 22 V12" })
 	]
-}), Xe = (e) => /* @__PURE__ */ v(J, {
+}), Ze = (e) => /* @__PURE__ */ b(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, {
+	children: /* @__PURE__ */ b("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" })
+}), Qe = (e) => /* @__PURE__ */ x(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, {
+	children: [/* @__PURE__ */ b("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__ */ b("polyline", { points: "14 2 14 8 20 8" })]
+}), $e = (e) => /* @__PURE__ */ x(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", {
+		/* @__PURE__ */ b("path", { d: "M4.93 4.93 a10 10 0 0 0 0 14.14" }),
+		/* @__PURE__ */ b("path", { d: "M19.07 4.93 a10 10 0 0 1 0 14.14" }),
+		/* @__PURE__ */ b("path", { d: "M7.76 7.76 a6 6 0 0 0 0 8.49" }),
+		/* @__PURE__ */ b("path", { d: "M16.24 7.76 a6 6 0 0 1 0 8.49" }),
+		/* @__PURE__ */ b("circle", {
 			cx: "12",
 			cy: "12",
 			r: "2"
 		})
 	]
-}), $e = (e) => /* @__PURE__ */ v(J, {
+}), et = (e) => /* @__PURE__ */ b(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, {
+	children: /* @__PURE__ */ b("path", { d: "M17 3 a2.85 2.83 0 1 1 4 4 L7.5 20.5 2 22 l1.5 -5.5 z" })
+}), tt = (e) => /* @__PURE__ */ x(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, {
+	children: [/* @__PURE__ */ b("path", { d: "M6 8 a6 6 0 0 1 12 0 c0 7 3 9 3 9 H3 s3 -2 3 -9" }), /* @__PURE__ */ b("path", { d: "M10.3 21 a1.94 1.94 0 0 0 3.4 0" })]
+}), nt = (e) => /* @__PURE__ */ x(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", {
+	children: [/* @__PURE__ */ b("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__ */ b("circle", {
 		cx: "12",
 		cy: "12",
 		r: "4"
 	})]
-}), nt = (e) => /* @__PURE__ */ y(J, {
+}), rt = (e) => /* @__PURE__ */ x(J, {
 	...e,
 	children: [
-		/* @__PURE__ */ v("rect", {
+		/* @__PURE__ */ b("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" })
+		/* @__PURE__ */ b("path", { d: "M9 22 V12 h6 v10" }),
+		/* @__PURE__ */ b("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, {
+}), it = (e) => /* @__PURE__ */ x(J, {
 	...e,
 	children: [
-		/* @__PURE__ */ v("ellipse", {
+		/* @__PURE__ */ b("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" })
+		/* @__PURE__ */ b("path", { d: "M3 5 v14 a9 3 0 0 0 18 0 V5" }),
+		/* @__PURE__ */ b("path", { d: "M3 12 a9 3 0 0 0 18 0" })
 	]
-}), it = (e) => /* @__PURE__ */ y(J, {
+}), at = (e) => /* @__PURE__ */ x(J, {
 	...e,
-	children: [/* @__PURE__ */ v("rect", {
+	children: [/* @__PURE__ */ b("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, {
+	}), /* @__PURE__ */ b("path", { d: "M7 11 V7 a5 5 0 0 1 10 0 v4" })]
+}), ot = (e) => /* @__PURE__ */ x(J, {
 	...e,
 	children: [
-		/* @__PURE__ */ v("path", { d: "M12 8 V4 H8" }),
-		/* @__PURE__ */ v("rect", {
+		/* @__PURE__ */ b("path", { d: "M12 8 V4 H8" }),
+		/* @__PURE__ */ b("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" })
+		/* @__PURE__ */ b("path", { d: "M2 14 h2 M20 14 h2 M15 13 v2 M9 13 v2" })
 	]
-}), ot = (e) => /* @__PURE__ */ y(J, {
+}), st = (e) => /* @__PURE__ */ x(J, {
 	...e,
-	children: [/* @__PURE__ */ v("polyline", { points: "4 17 10 11 4 5" }), /* @__PURE__ */ v("line", {
+	children: [/* @__PURE__ */ b("polyline", { points: "4 17 10 11 4 5" }), /* @__PURE__ */ b("line", {
 		x1: "12",
 		y1: "19",
 		x2: "20",
 		y2: "19"
 	})]
-}), st = (e) => /* @__PURE__ */ y(J, {
+}), ct = (e) => /* @__PURE__ */ x(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" })
+		/* @__PURE__ */ b("polygon", { points: "12 2 2 7 12 12 22 7 12 2" }),
+		/* @__PURE__ */ b("polyline", { points: "2 17 12 22 22 17" }),
+		/* @__PURE__ */ b("polyline", { points: "2 12 12 17 22 12" })
 	]
-}), ct = (e) => /* @__PURE__ */ y(J, {
+}), lt = (e) => /* @__PURE__ */ x(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", {
+	children: [/* @__PURE__ */ b("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__ */ b("circle", {
 		cx: "12",
 		cy: "12",
 		r: "3"
 	})]
-}), lt = (e) => /* @__PURE__ */ v(J, {
+}), ut = (e) => /* @__PURE__ */ b(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, {
+	children: /* @__PURE__ */ b("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" })
+}), dt = (e) => /* @__PURE__ */ x(J, {
 	...e,
 	children: [
-		/* @__PURE__ */ v("circle", {
+		/* @__PURE__ */ b("circle", {
 			cx: "12",
 			cy: "12",
 			r: "10"
 		}),
-		/* @__PURE__ */ v("line", {
+		/* @__PURE__ */ b("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" })
+		/* @__PURE__ */ b("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, {
+}), ft = (e) => /* @__PURE__ */ b(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, {
+	children: /* @__PURE__ */ b("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" })
+}), pt = (e) => /* @__PURE__ */ x(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, {
+	children: [/* @__PURE__ */ b("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__ */ b("polyline", { points: "9 22 9 12 15 12 15 22" })]
+}), mt = (e) => /* @__PURE__ */ b(J, {
 	...e,
-	children: /* @__PURE__ */ v("polyline", { points: "15 18 9 12 15 6" })
-}), mt = (e) => /* @__PURE__ */ v(J, {
+	children: /* @__PURE__ */ b("polyline", { points: "15 18 9 12 15 6" })
+}), ht = (e) => /* @__PURE__ */ b(J, {
 	...e,
-	children: /* @__PURE__ */ v("polyline", { points: "9 18 15 12 9 6" })
-}), Y = (e) => /* @__PURE__ */ y(J, {
+	children: /* @__PURE__ */ b("polyline", { points: "9 18 15 12 9 6" })
+}), Y = (e) => /* @__PURE__ */ x(J, {
 	...e,
-	children: [/* @__PURE__ */ v("circle", {
+	children: [/* @__PURE__ */ b("circle", {
 		cx: "11",
 		cy: "11",
 		r: "8"
-	}), /* @__PURE__ */ v("line", {
+	}), /* @__PURE__ */ b("line", {
 		x1: "21",
 		y1: "21",
 		x2: "16.65",
 		y2: "16.65"
 	})]
-}), ht = (e) => /* @__PURE__ */ y(J, {
+}), gt = (e) => /* @__PURE__ */ x(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", {
+	children: [/* @__PURE__ */ b("polyline", { points: "9 10 4 15 9 20" }), /* @__PURE__ */ b("path", { d: "M20 4 v7 a4 4 0 0 1 -4 4 H4" })]
+}), X = ({ children: e, className: t, title: n }) => /* @__PURE__ */ x("svg", {
 	xmlns: "http://www.w3.org/2000/svg",
 	width: "24",
 	height: "24",
@@ -1044,49 +1031,49 @@ var Ve = {
 		role: "img",
 		"aria-label": n
 	} : { "aria-hidden": !0 },
-	children: [n ? /* @__PURE__ */ v("title", { children: n }) : null, e]
-}), gt = (e) => /* @__PURE__ */ v(X, {
+	children: [n ? /* @__PURE__ */ b("title", { children: n }) : null, e]
+}), _t = (e) => /* @__PURE__ */ b(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, {
+	children: /* @__PURE__ */ b("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" })
+}), vt = (e) => /* @__PURE__ */ b(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, {
+	children: /* @__PURE__ */ b("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" })
+}), yt = (e) => /* @__PURE__ */ b(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, {
+	children: /* @__PURE__ */ b("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" })
+}), bt = (e) => /* @__PURE__ */ b(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, {
+	children: /* @__PURE__ */ b("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" })
+}), xt = (e) => /* @__PURE__ */ x(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", {
+		/* @__PURE__ */ b("path", { d: "M4 11 a9 9 0 0 1 9 9" }),
+		/* @__PURE__ */ b("path", { d: "M4 4 a16 16 0 0 1 16 16" }),
+		/* @__PURE__ */ b("circle", {
 			cx: "5",
 			cy: "19",
 			r: "1"
 		})
 	]
-}), xt = (e) => /* @__PURE__ */ y(J, {
+}), St = (e) => /* @__PURE__ */ x(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(() => {
+	children: [/* @__PURE__ */ b("path", { d: "M3 3 v18 h18" }), /* @__PURE__ */ b("path", { d: "M7 14 l3 -3 l4 4 l6 -7" })]
+}), Ct = ({ children: t, className: n }) => {
+	let [r, i] = v(!1);
+	return m(() => {
 		let e = () => i(window.scrollY > 24);
 		return e(), window.addEventListener("scroll", e, { passive: !0 }), () => window.removeEventListener("scroll", e);
-	}, []), /* @__PURE__ */ y("header", {
+	}, []), /* @__PURE__ */ x("header", {
 		className: e("sticky top-0 z-40", n),
-		children: [/* @__PURE__ */ v("div", {
+		children: [/* @__PURE__ */ b("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", {
+		}), /* @__PURE__ */ b("div", {
 			className: "mx-auto max-w-7xl px-6 h-16 flex items-center justify-between gap-4",
 			children: t
 		})]
 	});
-}, St = {
+}, wt = {
 	toggleMenu: "Toggle menu",
 	closeMenu: "Close menu",
 	close: "Close",
@@ -1098,94 +1085,97 @@ var Ve = {
 	next: "Next",
 	pagination: "Pagination",
 	breadcrumb: "Breadcrumb"
-}, Ct = ({ to: e, className: t, children: n }) => /* @__PURE__ */ v("a", {
+}, Tt = ({ to: e, className: t, children: n }) => /* @__PURE__ */ b("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]
+}), Z = (e, t) => t ? t === e || t.replace(/\/$/, "") === e.replace(/\/$/, "") : !1, Et = "relative w-full py-1.5 pl-4 pr-2 -ml-px text-sm text-left transition-colors border-l-2", Dt = (e) => e ? "text-foreground font-medium border-primary" : "text-muted-foreground hover:text-foreground border-transparent hover:border-border", Ot = ({ entry: t, currentPath: n, Link: r }) => {
+	let i = Z(t.href, n);
+	return /* @__PURE__ */ b("li", {
+		"data-docs-active": i,
+		children: /* @__PURE__ */ b(r, {
+			to: t.href,
+			prefetch: !0,
+			className: e(Et, "block", Dt(i)),
+			children: /* @__PURE__ */ x("span", {
+				className: "inline-flex items-center gap-2",
+				children: [t.label, t.badge ? /* @__PURE__ */ b("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(() => {
+	});
+}, kt = ({ subgroup: t, currentPath: n, Link: r }) => {
+	let i = t.entries.some((e) => Z(e.href, n)), [a, o] = v(t.defaultOpen ?? i);
+	return m(() => {
 		i && o(!0);
-	}, [i]), /* @__PURE__ */ y("li", { children: [/* @__PURE__ */ y("button", {
+	}, [i]), /* @__PURE__ */ x("li", { children: [/* @__PURE__ */ x("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", {
+		className: e(Et, "flex items-center justify-between gap-2", Dt(!1)),
+		children: [/* @__PURE__ */ b("span", { children: t.label }), /* @__PURE__ */ b("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", {
+			children: /* @__PURE__ */ b("path", {
 				d: "M3 1.5 L6.5 5 L3 8.5",
 				stroke: "currentColor",
 				strokeWidth: "1.5",
 				strokeLinecap: "round"
 			})
 		})]
-	}), a ? /* @__PURE__ */ v("ul", {
+	}), a ? /* @__PURE__ */ b("ul", {
 		className: "border-l border-border ml-4",
-		children: t.entries.map((e) => /* @__PURE__ */ v(Et, {
+		children: t.entries.map((e) => /* @__PURE__ */ b(Ot, {
 			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(() => {
+}, At = ({ group: t, currentPath: n, Link: r }) => {
+	let i = t.subgroups ?? [], a = t.trailingEntries ?? [], o = t.headerless ?? !1, s = t.entries.some((e) => Z(e.href, n)) || i.some((e) => e.entries.some((e) => Z(e.href, n))) || a.some((e) => Z(e.href, n)), [c, l] = v(t.defaultOpen ?? s ?? !0);
+	return m(() => {
 		s && l(!0);
-	}, [s]), /* @__PURE__ */ y("div", {
+	}, [s]), /* @__PURE__ */ x("div", {
 		className: "mb-4",
-		children: [o ? null : /* @__PURE__ */ y("button", {
+		children: [o ? null : /* @__PURE__ */ x("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", {
+			children: [/* @__PURE__ */ b("span", { children: t.section }), /* @__PURE__ */ b("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", {
+				children: /* @__PURE__ */ b("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", {
+		}), (o || c) && (t.entries.length > 0 || i.length > 0 || a.length > 0) ? /* @__PURE__ */ x("ul", {
 			className: "mt-1 border-l border-border ml-[3px]",
 			children: [
-				t.entries.map((e) => /* @__PURE__ */ v(Et, {
+				t.entries.map((e) => /* @__PURE__ */ b(Ot, {
 					entry: e,
 					...n ? { currentPath: n } : {},
 					Link: r
 				}, e.href)),
-				i.map((e) => /* @__PURE__ */ v(Dt, {
+				i.map((e) => /* @__PURE__ */ b(kt, {
 					subgroup: e,
 					...n ? { currentPath: n } : {},
 					Link: r
 				}, e.label)),
-				a.map((e) => /* @__PURE__ */ v(Et, {
+				a.map((e) => /* @__PURE__ */ b(Ot, {
 					entry: e,
 					...n ? { currentPath: n } : {},
 					Link: r
@@ -1193,326 +1183,354 @@ var Ve = {
 			]
 		}) : null]
 	});
-}, kt = ({ toc: t, editUrl: n, lastUpdated: r, t: i }) => /* @__PURE__ */ v("aside", {
+}, jt = ({ toc: t, editUrl: n, lastUpdated: r, t: i }) => /* @__PURE__ */ b("aside", {
 	className: "hidden xl:block w-56 shrink-0 pl-8",
-	children: /* @__PURE__ */ y("div", {
+	children: /* @__PURE__ */ x("div", {
 		className: "sticky top-24",
-		children: [t.length > 0 ? /* @__PURE__ */ y(_, { children: [/* @__PURE__ */ v("div", {
+		children: [t.length > 0 ? /* @__PURE__ */ x(y, { children: [/* @__PURE__ */ b("div", {
 			className: "text-[0.7rem] uppercase tracking-[0.08em] text-muted-foreground font-semibold mb-3",
 			children: i.onThisPage
-		}), /* @__PURE__ */ v("ul", {
+		}), /* @__PURE__ */ b("ul", {
 			className: "space-y-1.5 text-sm border-l border-border",
-			children: t.map((t) => /* @__PURE__ */ v("li", { children: /* @__PURE__ */ v("a", {
+			children: t.map((t) => /* @__PURE__ */ b("li", { children: /* @__PURE__ */ b("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", {
+		})] }) : null, n || r ? /* @__PURE__ */ x("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", {
+			children: [n ? /* @__PURE__ */ b("a", {
 				href: n,
 				target: "_blank",
 				rel: "noopener noreferrer",
 				className: "block hover:text-foreground transition-colors",
 				children: i.editPage
-			}) : null, r ? /* @__PURE__ */ y("div", { children: [
+			}) : null, r ? /* @__PURE__ */ x("div", { children: [
 				i.updated,
 				" ",
 				r
 			] }) : null]
 		}) : null]
 	})
-}), At = ({ prev: e, next: t, Link: n, t: r }) => !e && !t ? null : /* @__PURE__ */ y("nav", {
+}), Mt = ({ prev: e, next: t, Link: n, t: r }) => !e && !t ? null : /* @__PURE__ */ x("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, {
+	children: [/* @__PURE__ */ b("div", { children: e ? /* @__PURE__ */ x(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", {
+			/* @__PURE__ */ x("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]
+				children: [/* @__PURE__ */ b(mt, { className: "w-3 h-3 transition-transform group-hover:-translate-x-0.5" }), r.previous]
 			}),
-			/* @__PURE__ */ v("div", {
+			/* @__PURE__ */ b("div", {
 				className: "font-medium group-hover:text-primary transition-colors",
 				children: e.label
 			}),
-			e.description ? /* @__PURE__ */ v("div", {
+			e.description ? /* @__PURE__ */ b("div", {
 				className: "text-xs text-muted-foreground mt-1 line-clamp-1",
 				children: e.description
 			}) : null
 		]
-	}) : null }), /* @__PURE__ */ v("div", {
+	}) : null }), /* @__PURE__ */ b("div", {
 		className: "md:text-right",
-		children: t ? /* @__PURE__ */ y(n, {
+		children: t ? /* @__PURE__ */ x(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", {
+				/* @__PURE__ */ x("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" })]
+					children: [r.next, /* @__PURE__ */ b(ht, { className: "w-3 h-3 transition-transform group-hover:translate-x-0.5" })]
 				}),
-				/* @__PURE__ */ v("div", {
+				/* @__PURE__ */ b("div", {
 					className: "font-medium group-hover:text-primary transition-colors",
 					children: t.label
 				}),
-				t.description ? /* @__PURE__ */ v("div", {
+				t.description ? /* @__PURE__ */ b("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", {
+}), Nt = ({ items: e, Link: t, ariaLabel: n }) => /* @__PURE__ */ b("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", {
+		return /* @__PURE__ */ x("span", {
 			className: "inline-flex items-center gap-1.5",
-			children: [n.href && !i ? /* @__PURE__ */ v(t, {
+			children: [n.href && !i ? /* @__PURE__ */ b(t, {
 				to: n.href,
 				className: "hover:text-foreground transition-colors",
 				children: n.label
-			}) : /* @__PURE__ */ v("span", {
+			}) : /* @__PURE__ */ b("span", {
 				className: i ? "text-foreground" : "",
 				children: n.label
-			}), i ? null : /* @__PURE__ */ v("span", {
+			}), i ? null : /* @__PURE__ */ b("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,
+}), Pt = ({ brand: t, nav: n, children: r, currentPath: i, topNav: a, topRight: o, search: s, page: c, LinkComponent: l = Tt, className: u, labels: d, footer: f, sidebarHeader: p, header: h, intro: g, sidebar: y = !0 }) => {
+	let S = l, C = {
+		...wt,
 		...d
-	}, [_, b] = g(!1);
-	return /* @__PURE__ */ y("div", {
+	}, [w, T] = v(!1), E = _(null);
+	m(() => {
+		let e = E.current;
+		if (!e || (w && !e.open && e.showModal(), !w && e.open && e.close(), !w)) return;
+		let t = document.body.style.overflow;
+		return document.body.style.overflow = "hidden", () => {
+			document.body.style.overflow = t;
+		};
+	}, [w]), m(() => {
+		T(!1);
+	}, [i]);
+	let D = /* @__PURE__ */ b("button", {
+		type: "button",
+		onClick: () => T(!0),
+		className: "docs-menu-toggle md:hidden inline-flex items-center justify-center w-11 h-11 rounded-md hover:bg-card transition-colors",
+		"aria-label": C.toggleMenu,
+		"aria-expanded": w,
+		"aria-haspopup": "dialog",
+		children: /* @__PURE__ */ b("svg", {
+			width: "18",
+			height: "18",
+			viewBox: "0 0 18 18",
+			fill: "none",
+			"aria-hidden": "true",
+			children: /* @__PURE__ */ b("path", {
+				d: "M3 5 H15 M3 9 H15 M3 13 H15",
+				stroke: "currentColor",
+				strokeWidth: "1.5",
+				strokeLinecap: "round"
+			})
+		})
+	});
+	return /* @__PURE__ */ x("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: [
+			h ? h({ menuButton: D }) : /* @__PURE__ */ x(Ct, { children: [/* @__PURE__ */ x("div", {
+				className: "flex items-center gap-4 min-w-0 flex-1",
+				children: [
+					D,
+					/* @__PURE__ */ b("div", {
+						className: "flex items-center gap-2 font-semibold",
+						children: t
+					}),
+					a ? /* @__PURE__ */ b("div", {
+						className: "hidden md:flex items-center gap-1 ml-4",
+						children: a
+					}) : null
+				]
+			}), /* @__PURE__ */ x("div", {
+				className: "flex items-center gap-3",
+				children: [s ? /* @__PURE__ */ b("div", {
+					className: "hidden md:block",
+					children: s
+				}) : null, o ? /* @__PURE__ */ b("div", {
+					className: "flex items-center gap-1",
+					children: o
+				}) : null]
+			})] }),
+			g,
+			/* @__PURE__ */ x("div", {
+				className: "docs-columns mx-auto max-w-7xl flex",
+				children: [
+					y ? /* @__PURE__ */ b("aside", {
+						"data-docs-sidebar": !0,
+						className: "hidden md:block w-64 shrink-0 border-r border-border",
+						children: /* @__PURE__ */ x("div", {
+							className: "sticky top-16 max-h-[calc(100vh-4rem)] overflow-y-auto px-6 py-8",
+							children: [p ? /* @__PURE__ */ b("div", {
+								className: "mb-6",
 								children: p
-							}) : null,
-							n.map((e) => /* @__PURE__ */ v(Ot, {
+							}) : null, n.map((e) => /* @__PURE__ */ b(At, {
 								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
-					})]
-				})
-			]
-		})]
+								Link: S
+							}, e.section))]
+						})
+					}) : null,
+					/* @__PURE__ */ b("dialog", {
+						ref: E,
+						"aria-label": C.menu,
+						onCancel: () => T(!1),
+						onClose: () => T(!1),
+						onKeyDown: (e) => {
+							if (e.key !== "Tab") return;
+							let t = [...e.currentTarget.querySelectorAll("button:not([disabled]), a[href], select:not([disabled]), [tabindex=\"0\"]")], n = t[0], r = t.at(-1);
+							e.shiftKey && document.activeElement === n && (e.preventDefault(), r?.focus()), !e.shiftKey && document.activeElement === r && (e.preventDefault(), n?.focus());
+						},
+						onClick: (e) => {
+							e.target === e.currentTarget && T(!1);
+						},
+						className: "docs-drawer m-0 ml-auto h-dvh max-h-dvh w-80 max-w-[90vw] border-0 border-l border-border bg-card text-foreground p-0 backdrop:bg-black/50",
+						children: w ? /* @__PURE__ */ x("div", {
+							className: "min-h-full px-6 py-6",
+							onClick: (e) => {
+								e.target instanceof Element && e.target.closest("a[href]") && T(!1);
+							},
+							children: [
+								/* @__PURE__ */ x("div", {
+									className: "mb-4 flex items-center justify-between",
+									children: [/* @__PURE__ */ b("span", {
+										className: "font-semibold",
+										children: C.menu
+									}), /* @__PURE__ */ b("button", {
+										type: "button",
+										onClick: () => T(!1),
+										className: "inline-flex items-center justify-center w-11 h-11 rounded-md hover:bg-background transition-colors",
+										"aria-label": C.close,
+										children: /* @__PURE__ */ b("svg", {
+											width: "14",
+											height: "14",
+											viewBox: "0 0 14 14",
+											fill: "none",
+											"aria-hidden": "true",
+											children: /* @__PURE__ */ b("path", {
+												d: "M3 3 L11 11 M11 3 L3 11",
+												stroke: "currentColor",
+												strokeWidth: "1.5",
+												strokeLinecap: "round"
+											})
+										})
+									})]
+								}),
+								p ? /* @__PURE__ */ b("div", {
+									className: "mb-4",
+									children: p
+								}) : null,
+								n.map((e) => /* @__PURE__ */ b(At, {
+									group: e,
+									...i ? { currentPath: i } : {},
+									Link: S
+								}, e.section))
+							]
+						}) : null
+					}),
+					/* @__PURE__ */ x("div", {
+						className: "flex-1 min-w-0 flex",
+						children: [/* @__PURE__ */ x("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__ */ b(Nt, {
+									items: c.breadcrumbs,
+									Link: S,
+									ariaLabel: C.breadcrumb
+								}) : null,
+								c?.title ? /* @__PURE__ */ b("h1", {
+									className: "text-3xl md:text-4xl font-bold tracking-tight text-foreground mb-3",
+									children: c.title
+								}) : null,
+								c?.description ? /* @__PURE__ */ b("p", {
+									className: "text-base md:text-lg text-muted-foreground mb-8 leading-relaxed",
+									children: c.description
+								}) : null,
+								r,
+								/* @__PURE__ */ b(Mt, {
+									...c?.prev ? { prev: c.prev } : {},
+									...c?.next ? { next: c.next } : {},
+									Link: S,
+									t: C
+								}),
+								f ? /* @__PURE__ */ b("div", {
+									className: "mt-16 pt-8 border-t border-border",
+									children: f
+								}) : null
+							]
+						}), c?.toc === void 0 ? null : /* @__PURE__ */ b(jt, {
+							toc: c.toc,
+							...c.editUrl ? { editUrl: c.editUrl } : {},
+							...c.lastUpdated ? { lastUpdated: c.lastUpdated } : {},
+							t: C
+						})]
+					})
+				]
+			})
+		]
 	});
-}, Nt = ({ to: e, className: t, children: n }) => /* @__PURE__ */ v("a", {
+}, Ft = ({ to: e, className: t, children: n }) => /* @__PURE__ */ b("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", {
+}), It = ({ brand: t, header: n, nav: r, right: i, children: a, className: o, LinkComponent: s = Ft }) => {
+	let c = s;
+	return /* @__PURE__ */ x("div", {
+		className: e("min-h-screen flex flex-col bg-background text-foreground", o),
+		children: [n ?? /* @__PURE__ */ x(Ct, { children: [/* @__PURE__ */ b("div", {
 			className: "font-semibold flex items-center gap-2",
 			children: t
-		}), /* @__PURE__ */ y("div", {
+		}), /* @__PURE__ */ x("div", {
 			className: "flex items-center gap-6",
-			children: [n && n.length > 0 ? /* @__PURE__ */ v("nav", {
+			children: [r && r.length > 0 ? /* @__PURE__ */ b("nav", {
 				className: "hidden md:flex gap-6 text-sm",
-				children: n.map((e) => /* @__PURE__ */ v(s, {
+				children: r.map((e) => /* @__PURE__ */ b(c, {
 					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", {
+			}) : null, i ? /* @__PURE__ */ b("div", { children: i }) : null]
+		})] }), /* @__PURE__ */ b("main", {
 			className: "flex-1",
-			children: i
+			children: a
 		})]
 	});
-}, Ft = () => {
-	let e = N(A);
+}, Lt = () => {
+	let e = F(M);
 	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", {
+}, Rt = (e) => {
+	I(M, e), L(e);
+}, zt = ({ initial: e }) => e ? /* @__PURE__ */ b("span", {
 	className: "text-xs font-semibold select-none",
 	children: e
-}) : /* @__PURE__ */ y("svg", {
+}) : /* @__PURE__ */ x("svg", {
 	width: "16",
 	height: "16",
 	viewBox: "0 0 16 16",
 	fill: "none",
 	"aria-hidden": "true",
-	children: [/* @__PURE__ */ v("circle", {
+	children: [/* @__PURE__ */ b("circle", {
 		cx: "8",
 		cy: "5.5",
 		r: "2.5",
 		stroke: "currentColor",
 		strokeWidth: "1.4"
-	}), /* @__PURE__ */ v("path", {
+	}), /* @__PURE__ */ b("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 = [
+}), Bt = [
 	"system",
 	"light",
 	"dark"
-], zt = {
+], Vt = {
 	system: "System",
 	light: "Light",
 	dark: "Dark"
-}, Bt = (e, t) => {
+}, Ht = (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:locale") ?? void 0);
+}, Ut = ({ identity: e, links: t, languages: n, currentLanguage: r, onLanguageChange: i, logoutUrl: a, onLogout: o, signInUrl: s, labels: c, trigger: l }) => {
+	let [u, d] = v(void 0), [p, h] = v(void 0), g = r ?? p;
+	m(() => {
+		let e = () => d(Lt());
+		return e(), h(F("voltro:locale") ?? void 0), window.addEventListener(N, e), () => window.removeEventListener(N, e);
 	}, []);
-	let b = u((e) => {
+	let _ = f((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(() => {
+		d(t), Rt(t);
+	}, []), S = f((e) => {
+		I(P, e), h(e), i?.(e) !== !1 && window.location.reload();
+	}, [i]), C = f(() => {
 		if (o) {
 			o();
 			return;
@@ -1520,100 +1538,100 @@ var Ve = {
 		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, {
+	}, [a, o]), w = e?.name?.trim().charAt(0).toUpperCase(), T = n && n.length > 0, E = t && t.length > 0, D = e && (a || o) || !e && s, O = (e) => c?.themes?.[e] ?? Vt[e];
+	return /* @__PURE__ */ x(je, { children: [/* @__PURE__ */ b(Me, {
 		asChild: !0,
-		children: /* @__PURE__ */ v(F, {
+		children: l ?? /* @__PURE__ */ b(R, {
 			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 } : {} })
+			children: /* @__PURE__ */ b(zt, { ...w ? { initial: w } : {} })
 		})
-	}), /* @__PURE__ */ y(H, {
+	}), /* @__PURE__ */ x(H, {
 		align: "end",
 		className: "w-64",
 		children: [
-			e ? /* @__PURE__ */ y(_, { children: [/* @__PURE__ */ y("div", {
+			e ? /* @__PURE__ */ x(y, { children: [/* @__PURE__ */ x("div", {
 				className: "px-2 py-1.5",
-				children: [/* @__PURE__ */ v("div", {
+				children: [/* @__PURE__ */ b("div", {
 					className: "text-sm font-medium text-foreground truncate",
 					children: e.name
-				}), e.sublabel ? /* @__PURE__ */ v("div", {
+				}), e.sublabel ? /* @__PURE__ */ b("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", {
+			}), /* @__PURE__ */ b(U, {})] }) : null,
+			E ? /* @__PURE__ */ x(y, { children: [t.map((e) => /* @__PURE__ */ x(W, {
+				onSelect: () => Ht(e.href, e.external),
+				children: [e.icon ?? null, /* @__PURE__ */ b("span", {
 					className: "flex-1 truncate",
 					children: e.label
 				})]
-			}, e.key)), /* @__PURE__ */ v(U, {})] }) : null,
-			/* @__PURE__ */ y("div", {
+			}, e.key)), /* @__PURE__ */ b(U, {})] }) : null,
+			/* @__PURE__ */ x("div", {
 				className: "flex items-center justify-between gap-2 px-2 py-1.5",
-				children: [/* @__PURE__ */ v("span", {
+				children: [/* @__PURE__ */ b("span", {
 					className: "text-[0.65rem] font-semibold uppercase tracking-wider text-muted-foreground",
 					children: c?.theme ?? "Theme"
-				}), /* @__PURE__ */ v(K, {
+				}), /* @__PURE__ */ b(K, {
 					type: "single",
 					size: "sm",
 					variant: "outline",
-					...l ? { value: l } : {},
+					...u ? { value: u } : {},
 					onValueChange: (e) => {
-						e && b(e);
+						e && _(e);
 					},
-					children: Rt.map((e) => /* @__PURE__ */ v(q, {
+					children: Bt.map((e) => /* @__PURE__ */ b(q, {
 						value: e,
-						"aria-label": D(e),
+						"aria-label": O(e),
 						className: "h-7 px-2 text-[11px] uppercase tracking-wider",
-						children: D(e)
+						children: O(e)
 					}, e))
 				})]
 			}),
-			w ? /* @__PURE__ */ y("div", {
+			T ? /* @__PURE__ */ x("div", {
 				className: "flex items-center justify-between gap-2 px-2 py-1.5",
-				children: [/* @__PURE__ */ v("span", {
+				children: [/* @__PURE__ */ b("span", {
 					className: "text-[0.65rem] font-semibold uppercase tracking-wider text-muted-foreground",
 					children: c?.language ?? "Language"
-				}), /* @__PURE__ */ v(K, {
+				}), /* @__PURE__ */ b(K, {
 					type: "single",
 					size: "sm",
 					variant: "outline",
-					...h ? { value: h } : {},
+					...g ? { value: g } : {},
 					onValueChange: (e) => {
-						e && x(e);
+						e && S(e);
 					},
-					children: n.map((e) => /* @__PURE__ */ v(q, {
+					children: n.map((e) => /* @__PURE__ */ b(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, {
+			D ? /* @__PURE__ */ b(U, {}) : null,
+			e && (a || o) ? /* @__PURE__ */ b(W, {
 				destructive: !0,
-				onSelect: S,
+				onSelect: C,
 				children: c?.signOut ?? "Sign out"
-			}) : !e && s ? /* @__PURE__ */ y(W, {
-				onSelect: () => Bt(s),
-				children: [/* @__PURE__ */ v("span", {
+			}) : !e && s ? /* @__PURE__ */ x(W, {
+				onSelect: () => Ht(s),
+				children: [/* @__PURE__ */ b("span", {
 					className: "flex-1",
 					children: c?.signIn ?? "Sign in"
-				}), /* @__PURE__ */ v("span", {
+				}), /* @__PURE__ */ b("span", {
 					"aria-hidden": "true",
 					children: "→"
 				})]
 			}) : null
 		]
 	})] });
-}, Ht = () => `
+}, Wt = () => `
   (function(){
     try {
-      var rx = new RegExp('(?:^|;\\\\s*)${A.replace(/[.*+?^${}()|[\]\\]/g, "\\\\$&")}=([^;]*)');
+      var rx = new RegExp('(?:^|;\\\\s*)${M.replace(/[.*+?^${}()|[\]\\]/g, "\\\\$&")}=([^;]*)');
       var m = document.cookie.match(rx);
       var saved = m ? decodeURIComponent(m[1]) : '';
       var dark =
@@ -1622,99 +1640,100 @@ var Ve = {
       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, {
+`, Gt = ({ className: t, lightLabel: n = "☀", darkLabel: r = "☾", switchToLightLabel: i = "Switch to light theme", switchToDarkLabel: a = "Switch to dark theme", ...o }) => {
+	let [s, c] = v(void 0);
+	return m(() => {
+		let e = () => c(document.documentElement.classList.contains("dark"));
+		return e(), window.addEventListener(N, e), () => window.removeEventListener(N, e);
+	}, []), /* @__PURE__ */ b(R, {
 		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);
+			I(M, e ? "dark" : "light"), L(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", {
+}, Kt = (e) => /^[a-z][a-z0-9+.-]*:\/\//i.test(e), qt = ({ to: e, className: t, children: n }) => Kt(e) ? /* @__PURE__ */ b("a", {
 	href: e,
 	className: t,
 	target: "_blank",
 	rel: "noopener noreferrer",
 	children: n
-}) : /* @__PURE__ */ v("a", {
+}) : /* @__PURE__ */ b("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 }) => {
+}), Jt = ({ 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 = qt }) => {
 	let m = p;
-	return /* @__PURE__ */ y("section", {
+	return /* @__PURE__ */ x("section", {
 		className: e("relative isolate overflow-hidden", "pt-24 md:pt-32 pb-24 md:pb-32", f),
-		children: [/* @__PURE__ */ v("div", {
+		children: [/* @__PURE__ */ b("div", {
 			className: "relative mx-auto max-w-7xl px-6",
-			children: /* @__PURE__ */ y("div", {
+			children: /* @__PURE__ */ x("div", {
 				className: "grid grid-cols-1 lg:grid-cols-[1.1fr_1fr] gap-10 lg:gap-16 items-center",
-				children: [/* @__PURE__ */ y("div", {
+				children: [/* @__PURE__ */ x("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", {
+						t ? /* @__PURE__ */ x("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]
+							children: [/* @__PURE__ */ b("span", { className: "inline-block w-1.5 h-1.5 rounded-full bg-primary motion-safe:animate-pulse" }), t]
 						}) : null,
-						/* @__PURE__ */ y("h1", {
+						/* @__PURE__ */ x("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", {
+							children: [n, r ? /* @__PURE__ */ x(y, { children: [/* @__PURE__ */ b("br", {}), /* @__PURE__ */ b("span", {
 								className: "text-gradient motion-safe:animate-gradient-pan",
 								children: r
 							})] }) : null]
 						}),
-						i ? /* @__PURE__ */ v("p", {
+						i ? /* @__PURE__ */ b("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", {
+						a || o ? /* @__PURE__ */ x("div", {
 							className: "mt-8 flex flex-wrap items-center gap-3",
-							children: [a ? /* @__PURE__ */ y(m, {
+							children: [a ? /* @__PURE__ */ x(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", {
+								children: [a.label, /* @__PURE__ */ b("span", {
 									"aria-hidden": "true",
 									className: "transition-transform group-hover:translate-x-0.5",
 									children: "→"
 								})]
-							}) : null, o ? /* @__PURE__ */ v(m, {
+							}) : null, o ? /* @__PURE__ */ b(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", {
+						s ? /* @__PURE__ */ b("div", {
 							className: "mt-8 text-sm text-muted-foreground",
 							children: s
 						}) : null
 					]
-				}), c ? /* @__PURE__ */ v("div", {
+				}), c ? /* @__PURE__ */ b("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", {
+		}), l ? /* @__PURE__ */ x("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", {
+			children: [/* @__PURE__ */ b("span", { children: u }), /* @__PURE__ */ b("svg", {
 				width: "14",
 				height: "14",
 				viewBox: "0 0 14 14",
 				fill: "none",
 				"aria-hidden": "true",
 				className: "motion-safe:animate-bounce",
-				children: /* @__PURE__ */ v("path", {
+				children: /* @__PURE__ */ b("path", {
 					d: "M7 2 V12 M3 8 L7 12 L11 8",
 					stroke: "currentColor",
 					strokeWidth: "1.5",
@@ -1724,38 +1743,38 @@ var Ve = {
 			})]
 		}) : null]
 	});
-}, qt = {
+}, Yt = {
 	wide: "md:col-span-2",
 	tall: "md:row-span-2",
 	square: ""
-}, Jt = ({ children: t, className: n }) => /* @__PURE__ */ v("div", {
+}, Xt = ({ children: t, className: n }) => /* @__PURE__ */ b("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", {
+}), Zt = ({ title: t, description: n, icon: r, accent: i, size: a = "square", className: o, children: s }) => /* @__PURE__ */ x("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", Yt[a], o),
+	children: [i ? /* @__PURE__ */ b("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", {
+	}) : null, /* @__PURE__ */ x("div", {
 		className: "relative max-w-[32ch]",
 		children: [
-			r ? /* @__PURE__ */ v("div", {
+			r ? /* @__PURE__ */ b("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", {
+			/* @__PURE__ */ b("h3", {
 				className: "text-lg font-semibold text-foreground tracking-tight",
 				children: t
 			}),
-			/* @__PURE__ */ v("p", {
+			/* @__PURE__ */ b("p", {
 				className: "mt-1.5 text-sm text-muted-foreground leading-relaxed",
 				children: n
 			}),
 			s
 		]
 	})]
-}), Xt = [
+}), Qt = [
 	"text",
 	"ts",
 	"tsx",
@@ -1774,7 +1793,7 @@ var Ve = {
 	"html",
 	"css",
 	"diff"
-], Zt = async () => globalThis.__voltroShikiHighlighter ? globalThis.__voltroShikiHighlighter : (globalThis.__voltroShikiHighlighterPromise || (globalThis.__voltroShikiHighlighterPromise = (async () => {
+], $t = async () => globalThis.__voltroShikiHighlighter ? globalThis.__voltroShikiHighlighter : (globalThis.__voltroShikiHighlighterPromise || (globalThis.__voltroShikiHighlighterPromise = (async () => {
 	let [{ createHighlighterCore: e }, { createOnigurumaEngine: t }, n, r, i, ...a] = await Promise.all([
 		import("shiki/core"),
 		import("shiki/engine/oniguruma"),
@@ -1801,18 +1820,19 @@ var Ve = {
 		engine: t(n.default)
 	});
 	return globalThis.__voltroShikiHighlighter = o, o;
-})()), 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(() => {
+})()), globalThis.__voltroShikiHighlighterPromise), en = () => $t().then(() => {}), tn = (e) => e.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;"), Q = ({ code: t, lang: n = "ts", className: r }) => {
+	let [i, a] = v(null);
+	m(() => {
 		let e = !1;
-		return Zt().then((r) => {
-			if (!(e || !r)) try {
+		return $t().then((r) => {
+			if (!e && r) try {
 				let e = r.codeToHtml(t, {
 					lang: n,
 					themes: {
 						light: "github-light",
 						dark: "github-dark-dimmed"
 					},
+					colorReplacements: { "github-light": { "#e36209": "#a44100" } },
 					defaultColor: !1
 				});
 				a(e);
@@ -1821,54 +1841,54 @@ var Ve = {
 			e = !0;
 		};
 	}, [t, n]);
-	let o = m(() => $t(t), [t]);
-	return i ? /* @__PURE__ */ v("div", {
+	let o = g(() => tn(t), [t]);
+	return i ? /* @__PURE__ */ b("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", {
+	}) : /* @__PURE__ */ b("pre", {
 		className: e("p-5 text-sm leading-relaxed overflow-x-auto font-mono", r),
-		children: /* @__PURE__ */ v("code", { dangerouslySetInnerHTML: { __html: o } })
+		children: /* @__PURE__ */ b("code", { dangerouslySetInnerHTML: { __html: o } })
 	});
-}, en = ({ label: t, html: n, code: r, lang: i, tone: a = "muted", eyebrow: o }) => /* @__PURE__ */ y("div", {
+}, nn = ({ label: t, html: n, code: r, lang: i, tone: a = "muted", eyebrow: o }) => /* @__PURE__ */ x("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", {
+	children: [/* @__PURE__ */ x("div", {
 		className: "flex items-center justify-between px-4 py-2 border-b border-border/60 bg-background/40",
-		children: [/* @__PURE__ */ v("div", {
+		children: [/* @__PURE__ */ b("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"),
+		}), /* @__PURE__ */ b("span", {
+			className: e("text-[0.65rem] uppercase tracking-[0.08em] font-semibold", a === "highlight" ? "text-primary" : "text-muted-foreground"),
 			children: o ?? (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($, {
+	}), /* @__PURE__ */ b("div", {
+		className: e("text-sm leading-relaxed [&_pre]:!m-0 [&_pre]:!bg-transparent [&_pre]:p-5 overflow-x-auto"),
+		children: n ? /* @__PURE__ */ b("div", { dangerouslySetInnerHTML: { __html: n } }) : r && i ? /* @__PURE__ */ b(Q, {
 			code: r,
 			lang: i
-		}) : /* @__PURE__ */ v("pre", {
+		}) : /* @__PURE__ */ b("pre", {
 			className: "p-5 font-mono",
-			children: /* @__PURE__ */ v("code", { children: r })
+			children: /* @__PURE__ */ b("code", { children: r })
 		})
 	})]
-}), tn = ({ before: t, after: n, className: r }) => /* @__PURE__ */ y("div", {
+}), rn = ({ before: t, after: n, className: r }) => /* @__PURE__ */ x("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, {
+		/* @__PURE__ */ b(nn, {
 			...t,
 			tone: "muted"
 		}),
-		/* @__PURE__ */ y("div", {
+		/* @__PURE__ */ x("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", {
+				/* @__PURE__ */ b("div", { className: "hidden lg:block w-px h-12 bg-gradient-to-b from-transparent via-primary/60 to-transparent" }),
+				/* @__PURE__ */ b("svg", {
 					width: "20",
 					height: "20",
 					viewBox: "0 0 20 20",
 					fill: "none",
 					className: "rotate-90 lg:rotate-0 text-primary",
-					children: /* @__PURE__ */ v("path", {
+					children: /* @__PURE__ */ b("path", {
 						d: "M4 10 H16 M11 5 L16 10 L11 15",
 						stroke: "currentColor",
 						strokeWidth: "1.5",
@@ -1876,17 +1896,17 @@ var Ve = {
 						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__ */ b("div", { className: "hidden lg:block w-px h-12 bg-gradient-to-b from-primary/60 via-transparent to-transparent" })
 			]
 		}),
-		/* @__PURE__ */ v(en, {
+		/* @__PURE__ */ b(nn, {
 			...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(e);
-	return f(() => {
+}), an = (e, t) => typeof t == "function" ? t(e) : t === "percent" ? `${e.toFixed(0)}%` : Math.round(e).toLocaleString("en-US"), on = ({ value: e, format: t = "integer", duration: n = 800 }) => {
+	let r = _(null), [i, a] = v(e);
+	return m(() => {
 		if (typeof IntersectionObserver > "u" || window.matchMedia?.("(prefers-reduced-motion: reduce)").matches) return;
 		let t = r.current;
 		if (!t) return;
@@ -1902,118 +1922,118 @@ var Ve = {
 			}
 		}, { threshold: .4 });
 		return i.observe(t), () => i.disconnect();
-	}, [e, n]), /* @__PURE__ */ v("span", {
+	}, [e, n]), /* @__PURE__ */ b("span", {
 		ref: r,
 		className: "font-tabular",
-		children: nn(i, t)
+		children: an(i, t)
 	});
-}, an = ({ stats: t, className: n }) => /* @__PURE__ */ v("div", {
+}, sn = ({ stats: t, className: n }) => /* @__PURE__ */ b("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", {
+	children: t.map((e, t) => /* @__PURE__ */ x("div", {
 		className: "relative bg-card p-7 lg:p-9 transition-colors duration-300 hover:bg-accent/40",
 		children: [
-			/* @__PURE__ */ y("div", {
+			/* @__PURE__ */ x("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", {
+				children: [e.icon ? /* @__PURE__ */ b("span", {
 					className: "text-foreground/80 [&_svg]:w-3.5 [&_svg]:h-3.5",
 					children: e.icon
-				}) : null, /* @__PURE__ */ v("span", { children: e.label })]
+				}) : null, /* @__PURE__ */ b("span", { children: e.label })]
 			}),
-			/* @__PURE__ */ y("div", {
+			/* @__PURE__ */ x("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", {
+					e.prefix ? /* @__PURE__ */ b("span", {
 						className: "text-3xl lg:text-4xl text-muted-foreground font-medium",
 						children: e.prefix
 					}) : null,
-					/* @__PURE__ */ v(rn, {
+					/* @__PURE__ */ b(on, {
 						value: e.value,
 						...e.format ? { format: e.format } : {}
 					}),
-					e.unit ? /* @__PURE__ */ v("span", {
+					e.unit ? /* @__PURE__ */ b("span", {
 						className: "text-2xl lg:text-3xl text-muted-foreground font-medium ml-0.5",
 						children: e.unit
 					}) : null
 				]
 			}),
-			e.sub ? /* @__PURE__ */ v("div", {
+			e.sub ? /* @__PURE__ */ b("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", {
+}), cn = (e) => /^[a-z][a-z0-9+.-]*:\/\//i.test(e), ln = ({ to: e, className: t, children: n }) => cn(e) ? /* @__PURE__ */ b("a", {
 	href: e,
 	className: t,
 	target: "_blank",
 	rel: "noopener noreferrer",
 	children: n
-}) : /* @__PURE__ */ v("a", {
+}) : /* @__PURE__ */ b("a", {
 	href: e,
 	className: t,
 	children: n
-}), cn = ({ title: t, subtitle: n, primaryCta: r, secondaryCta: i, footnote: a, className: o, LinkComponent: s = sn }) => {
+}), un = ({ title: t, subtitle: n, primaryCta: r, secondaryCta: i, footnote: a, className: o, LinkComponent: s = ln }) => {
 	let c = s;
-	return /* @__PURE__ */ v("section", {
+	return /* @__PURE__ */ b("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", {
+		children: /* @__PURE__ */ x("div", {
 			className: "relative max-w-2xl mx-auto",
 			children: [
-				/* @__PURE__ */ v("h2", {
+				/* @__PURE__ */ b("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", {
+				n ? /* @__PURE__ */ b("p", {
 					className: "mt-5 text-base md:text-lg text-muted-foreground leading-relaxed",
 					children: n
 				}) : null,
-				/* @__PURE__ */ y("div", {
+				/* @__PURE__ */ x("div", {
 					className: "mt-8 flex flex-wrap items-center justify-center gap-3",
-					children: [/* @__PURE__ */ y(c, {
+					children: [/* @__PURE__ */ x(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", {
+						children: [r.label, /* @__PURE__ */ b("span", {
 							"aria-hidden": "true",
 							className: "transition-transform group-hover:translate-x-0.5",
 							children: "→"
 						})]
-					}), i ? /* @__PURE__ */ v(c, {
+					}), i ? /* @__PURE__ */ b(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", {
+				a ? /* @__PURE__ */ b("div", {
 					className: "mt-6 text-xs text-muted-foreground",
 					children: a
 				}) : null
 			]
 		})
 	});
-}, ln = ({ to: e, className: t, children: n }) => /* @__PURE__ */ v("a", {
+}, dn = ({ to: e, className: t, children: n }) => /* @__PURE__ */ b("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", {
+}), fn = (e) => /^[a-z][a-z0-9+.-]*:\/\//i.test(e), pn = ({ link: e, Link: t }) => {
+	let n = e.external ?? fn(e.href), r = "inline-flex items-center gap-1.5 text-sm text-muted-foreground hover:text-foreground transition-colors";
+	return n ? /* @__PURE__ */ x("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, {
+		children: [e.label, e.badge ? /* @__PURE__ */ b(mn, { children: e.badge }) : null]
+	}) : /* @__PURE__ */ x(t, {
 		to: e.href,
 		className: r,
-		children: [e.label, e.badge ? /* @__PURE__ */ v(fn, { children: e.badge }) : null]
+		children: [e.label, e.badge ? /* @__PURE__ */ b(mn, { children: e.badge }) : null]
 	});
-}, fn = ({ children: e }) => /* @__PURE__ */ v("span", {
+}, mn = ({ children: e }) => /* @__PURE__ */ b("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__ */ new Date()).getFullYear(), p = /* @__PURE__ */ y("span", {
+}), hn = ({ 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 = dn, className: u }) => {
+	let d = l, f = (/* @__PURE__ */ new Date()).getFullYear(), p = /* @__PURE__ */ x("span", {
 		className: "text-xs text-muted-foreground",
 		children: [
 			"© ",
@@ -2022,27 +2042,27 @@ var Ve = {
 			s
 		]
 	});
-	return /* @__PURE__ */ v("footer", {
+	return /* @__PURE__ */ b("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", {
+		children: /* @__PURE__ */ x("div", {
 			className: "mx-auto max-w-7xl px-6 py-14 lg:py-16",
-			children: [/* @__PURE__ */ y("div", {
+			children: [/* @__PURE__ */ x("div", {
 				className: "grid grid-cols-2 md:grid-cols-12 gap-8 lg:gap-12",
-				children: [/* @__PURE__ */ y("div", {
+				children: [/* @__PURE__ */ x("div", {
 					className: "col-span-2 md:col-span-4 lg:col-span-5",
 					children: [
-						/* @__PURE__ */ v("div", {
+						/* @__PURE__ */ b("div", {
 							className: "text-base font-semibold text-foreground",
 							children: t
 						}),
-						n ? /* @__PURE__ */ v("p", {
+						n ? /* @__PURE__ */ b("p", {
 							className: "mt-3 text-sm text-muted-foreground leading-relaxed max-w-xs",
 							children: n
 						}) : null,
-						r && r.length > 0 ? /* @__PURE__ */ v("ul", {
+						r && r.length > 0 ? /* @__PURE__ */ b("ul", {
 							className: "mt-5 flex items-center gap-2",
 							"aria-label": c,
-							children: r.map((e) => /* @__PURE__ */ v("li", { children: /* @__PURE__ */ v("a", {
+							children: r.map((e) => /* @__PURE__ */ b("li", { children: /* @__PURE__ */ b("a", {
 								href: e.href,
 								target: "_blank",
 								rel: "noopener noreferrer",
@@ -2052,62 +2072,62 @@ var Ve = {
 							}) }, e.href))
 						}) : null
 					]
-				}), i.map((t, n) => /* @__PURE__ */ y("div", {
+				}), i.map((t, n) => /* @__PURE__ */ x("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", {
+					children: [/* @__PURE__ */ b("h3", {
 						className: "text-xs uppercase tracking-[0.08em] text-muted-foreground font-semibold mb-4",
 						children: t.title
-					}), /* @__PURE__ */ v("ul", {
+					}), /* @__PURE__ */ b("ul", {
 						className: "space-y-2.5",
-						children: t.links.map((e, t) => /* @__PURE__ */ v("li", { children: /* @__PURE__ */ v(dn, {
+						children: t.links.map((e, t) => /* @__PURE__ */ b("li", { children: /* @__PURE__ */ b(pn, {
 							link: e,
 							Link: d
 						}) }, t))
 					})]
 				}, n))]
-			}), /* @__PURE__ */ y("div", {
+			}), /* @__PURE__ */ x("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 ?? p }), o ? /* @__PURE__ */ v("div", {
+				children: [/* @__PURE__ */ b("div", { children: a ?? p }), o ? /* @__PURE__ */ b("div", {
 					className: "flex items-center gap-3",
 					children: o
 				}) : null]
 			})]
 		})
 	});
-}, mn = {
+}, gn = {
 	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", {
+}, _n = ({ href: t, label: n = "All systems operational", tone: r = "ok" }) => /* @__PURE__ */ x("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]),
+	children: [/* @__PURE__ */ b("span", {
+		className: e("w-1.5 h-1.5 rounded-full motion-safe:animate-pulse", gn[r]),
 		"aria-hidden": "true"
 	}), n]
-}), gn = ({ className: t, tone: n = "cool" }) => {
+}), vn = ({ 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", {
+	return /* @__PURE__ */ x("div", {
 		"aria-hidden": "true",
 		className: e("absolute inset-0 overflow-hidden pointer-events-none", t),
 		children: [
-			/* @__PURE__ */ v("div", {
+			/* @__PURE__ */ b("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", {
+			/* @__PURE__ */ b("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", {
+			/* @__PURE__ */ b("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", {
+}, yn = ({ className: t, variant: n = "dots", size: r = 32 }) => /* @__PURE__ */ b("div", {
 	"aria-hidden": "true",
 	className: e("absolute inset-0 pointer-events-none opacity-[0.06]", t),
 	style: {
@@ -2116,18 +2136,18 @@ var Ve = {
 		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 = {
+}), bn = 137.5, xn = 73.13, Sn = {
 	subtle: "opacity-50",
 	normal: "opacity-75",
 	strong: "opacity-100"
-}, xn = ({ count: t = 22, tone: n = "cool", intensity: r = "subtle", className: i }) => {
+}, Cn = ({ 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", {
+	return /* @__PURE__ */ b("div", {
 		"aria-hidden": "true",
-		className: e("absolute inset-0 overflow-hidden pointer-events-none", bn[r], i),
+		className: e("absolute inset-0 overflow-hidden pointer-events-none", Sn[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", {
+			let n = t * bn % 100, r = t * xn % 100, i = 2 + t % 3, o = t * .42 % 6, s = a[t % a.length];
+			return /* @__PURE__ */ b("span", {
 				className: "absolute rounded-full motion-safe:animate-twinkle",
 				style: {
 					left: `${n}%`,
@@ -2141,44 +2161,44 @@ var Ve = {
 			}, t);
 		})
 	});
-}, Sn = ({ title: t, tag: n, code: r, lang: i, html: a, caret: o = !1, className: s }) => /* @__PURE__ */ y("div", {
+}, wn = ({ title: t, tag: n, code: r, lang: i, html: a, caret: o = !1, className: s }) => /* @__PURE__ */ x("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", {
+	children: [t || n ? /* @__PURE__ */ x("div", {
 		className: "flex items-center justify-between px-4 py-2 border-b border-border/60 bg-background/40",
-		children: [/* @__PURE__ */ y("div", {
+		children: [/* @__PURE__ */ x("div", {
 			className: "flex items-center gap-2 text-xs text-muted-foreground font-mono",
-			children: [/* @__PURE__ */ y("span", {
+			children: [/* @__PURE__ */ x("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" })
+					/* @__PURE__ */ b("span", { className: "w-2.5 h-2.5 rounded-full bg-muted-foreground/30" }),
+					/* @__PURE__ */ b("span", { className: "w-2.5 h-2.5 rounded-full bg-muted-foreground/30" }),
+					/* @__PURE__ */ b("span", { className: "w-2.5 h-2.5 rounded-full bg-muted-foreground/30" })
 				]
-			}), t ? /* @__PURE__ */ v("span", {
+			}), t ? /* @__PURE__ */ b("span", {
 				className: "ml-2",
 				children: t
 			}) : null]
-		}), n ? /* @__PURE__ */ v("span", {
+		}), n ? /* @__PURE__ */ b("span", {
 			className: "text-[0.65rem] uppercase tracking-[0.08em] text-muted-foreground/80 font-semibold",
 			children: n
 		}) : null]
-	}) : null, /* @__PURE__ */ v("div", {
+	}) : null, /* @__PURE__ */ b("div", {
 		className: "relative",
-		children: a ? /* @__PURE__ */ v("div", {
+		children: a ? /* @__PURE__ */ b("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($, {
+		}) : r && i ? /* @__PURE__ */ b(Q, {
 			code: r,
 			lang: i
-		}) : /* @__PURE__ */ y("pre", {
+		}) : /* @__PURE__ */ x("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]
+			children: [/* @__PURE__ */ b("code", { children: r }), o ? /* @__PURE__ */ b("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(() => {
+}), Tn = ({ children: t, className: n, distance: r = 24, delay: i = 0, threshold: a = .15, disabled: o = !1 }) => {
+	let s = _(null), [c, l] = v(o);
+	return m(() => {
 		if (o) return;
 		if (typeof IntersectionObserver > "u") {
 			l(!0);
@@ -2196,7 +2216,7 @@ var Ve = {
 			rootMargin: "0px 0px -10% 0px"
 		});
 		return t.observe(e), () => t.disconnect();
-	}, [a, o]), /* @__PURE__ */ v("div", {
+	}, [a, o]), /* @__PURE__ */ b("div", {
 		ref: s,
 		className: e("motion-safe:transition-all motion-safe:duration-700 motion-safe:ease-out", n),
 		style: c ? {
@@ -2209,17 +2229,17 @@ var Ve = {
 		},
 		children: t
 	});
-}, wn = {
+}, En = {
 	info: {
 		ring: "border-info/30 bg-info/5 text-info",
 		icon: "text-info",
-		iconPath: /* @__PURE__ */ y(_, { children: [/* @__PURE__ */ v("circle", {
+		iconPath: /* @__PURE__ */ x(y, { children: [/* @__PURE__ */ b("circle", {
 			cx: "8",
 			cy: "8",
 			r: "6",
 			stroke: "currentColor",
 			strokeWidth: "1.5"
-		}), /* @__PURE__ */ v("path", {
+		}), /* @__PURE__ */ b("path", {
 			d: "M8 5.5 V8.5 M8 10.5 V11",
 			stroke: "currentColor",
 			strokeWidth: "1.5",
@@ -2229,13 +2249,13 @@ var Ve = {
 	tip: {
 		ring: "border-success/30 bg-success/5 text-success",
 		icon: "text-success",
-		iconPath: /* @__PURE__ */ y(_, { children: [/* @__PURE__ */ v("path", {
+		iconPath: /* @__PURE__ */ x(y, { children: [/* @__PURE__ */ b("path", {
 			d: "M5 8.5 L7 10.5 L11 6",
 			stroke: "currentColor",
 			strokeWidth: "1.5",
 			strokeLinecap: "round",
 			strokeLinejoin: "round"
-		}), /* @__PURE__ */ v("circle", {
+		}), /* @__PURE__ */ b("circle", {
 			cx: "8",
 			cy: "8",
 			r: "6",
@@ -2246,12 +2266,12 @@ var Ve = {
 	warning: {
 		ring: "border-warning/30 bg-warning/5 text-warning",
 		icon: "text-warning",
-		iconPath: /* @__PURE__ */ y(_, { children: [/* @__PURE__ */ v("path", {
+		iconPath: /* @__PURE__ */ x(y, { children: [/* @__PURE__ */ b("path", {
 			d: "M8 2 L14 13 L2 13 Z",
 			stroke: "currentColor",
 			strokeWidth: "1.5",
 			strokeLinejoin: "round"
-		}), /* @__PURE__ */ v("path", {
+		}), /* @__PURE__ */ b("path", {
 			d: "M8 6.5 V9 M8 10.5 V11",
 			stroke: "currentColor",
 			strokeWidth: "1.5",
@@ -2261,13 +2281,13 @@ var Ve = {
 	danger: {
 		ring: "border-destructive/40 bg-destructive/5 text-destructive",
 		icon: "text-destructive",
-		iconPath: /* @__PURE__ */ y(_, { children: [/* @__PURE__ */ v("circle", {
+		iconPath: /* @__PURE__ */ x(y, { children: [/* @__PURE__ */ b("circle", {
 			cx: "8",
 			cy: "8",
 			r: "6",
 			stroke: "currentColor",
 			strokeWidth: "1.5"
-		}), /* @__PURE__ */ v("path", {
+		}), /* @__PURE__ */ b("path", {
 			d: "M5.5 5.5 L10.5 10.5 M10.5 5.5 L5.5 10.5",
 			stroke: "currentColor",
 			strokeWidth: "1.5",
@@ -2277,7 +2297,7 @@ var Ve = {
 	note: {
 		ring: "border-border bg-card/40 text-muted-foreground",
 		icon: "text-muted-foreground",
-		iconPath: /* @__PURE__ */ y(_, { children: [/* @__PURE__ */ v("rect", {
+		iconPath: /* @__PURE__ */ x(y, { children: [/* @__PURE__ */ b("rect", {
 			x: "2.5",
 			y: "2.5",
 			width: "11",
@@ -2285,18 +2305,18 @@ var Ve = {
 			rx: "1.5",
 			stroke: "currentColor",
 			strokeWidth: "1.5"
-		}), /* @__PURE__ */ v("path", {
+		}), /* @__PURE__ */ b("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", {
+}, Dn = ({ type: t = "info", title: n, children: r, className: i }) => {
+	let a = En[t];
+	return /* @__PURE__ */ x("div", {
 		className: e("not-prose my-5 rounded-lg border px-4 py-3 flex gap-3", a.ring, i),
-		children: [/* @__PURE__ */ v("svg", {
+		children: [/* @__PURE__ */ b("svg", {
 			width: "16",
 			height: "16",
 			viewBox: "0 0 16 16",
@@ -2304,19 +2324,19 @@ var Ve = {
 			className: e("shrink-0 mt-0.5", a.icon),
 			"aria-hidden": "true",
 			children: a.iconPath
-		}), /* @__PURE__ */ y("div", {
+		}), /* @__PURE__ */ x("div", {
 			className: "min-w-0 flex-1",
-			children: [n ? /* @__PURE__ */ v("div", {
+			children: [n ? /* @__PURE__ */ b("div", {
 				className: "font-semibold text-foreground mb-1 leading-tight",
 				children: n
-			}) : null, /* @__PURE__ */ v("div", {
+			}) : null, /* @__PURE__ */ b("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 = () => {
+}, On = Qt, kn = (e) => e && On.includes(e) ? e : null, An = ({ 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] = v(!1), f = () => {
 		if (i) return i;
 		if (r) {
 			let e = typeof document < "u" ? document.createElement("div") : null;
@@ -2324,20 +2344,20 @@ var Ve = {
 		}
 		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", {
+	return /* @__PURE__ */ x("figure", {
+		className: e("not-prose my-5 rounded-lg overflow-hidden border border-border bg-card text-card-foreground", a),
+		children: [t || n ? /* @__PURE__ */ x("header", {
+			className: "flex items-center justify-between border-b border-border/60 px-4 py-2 bg-muted",
+			children: [t ? /* @__PURE__ */ b("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",
+			}) : /* @__PURE__ */ b("span", {}), n ? /* @__PURE__ */ b("span", {
+				className: "text-[0.65rem] uppercase tracking-wider text-muted-foreground font-semibold",
 				children: n
 			}) : null]
-		}) : null, /* @__PURE__ */ y("div", {
+		}) : null, /* @__PURE__ */ x("div", {
 			className: "relative",
-			children: [/* @__PURE__ */ v("button", {
+			children: [/* @__PURE__ */ b("button", {
 				type: "button",
 				onClick: () => {
 					let e = f();
@@ -2346,27 +2366,27 @@ var Ve = {
 					}).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", {
+				className: "absolute top-3 right-3 inline-flex items-center gap-1 rounded-md border border-border/60 bg-background px-2 py-1 text-xs text-muted-foreground hover:text-foreground transition-colors",
+				children: u ? /* @__PURE__ */ x(y, { children: [/* @__PURE__ */ b("svg", {
 					width: "12",
 					height: "12",
 					viewBox: "0 0 12 12",
 					fill: "none",
 					"aria-hidden": "true",
-					children: /* @__PURE__ */ v("path", {
+					children: /* @__PURE__ */ b("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", {
+				}), c] }) : /* @__PURE__ */ x(y, { children: [/* @__PURE__ */ x("svg", {
 					width: "12",
 					height: "12",
 					viewBox: "0 0 12 12",
 					fill: "none",
 					"aria-hidden": "true",
-					children: [/* @__PURE__ */ v("rect", {
+					children: [/* @__PURE__ */ b("rect", {
 						x: "3",
 						y: "3",
 						width: "6",
@@ -2374,83 +2394,83 @@ var Ve = {
 						rx: "1",
 						stroke: "currentColor",
 						strokeWidth: "1.5"
-					}), /* @__PURE__ */ v("path", {
+					}), /* @__PURE__ */ b("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", {
+			}), r ? /* @__PURE__ */ b("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($, {
+			}) : i && kn(n) ? /* @__PURE__ */ b(Q, {
 				code: i,
-				lang: Dn(n),
+				lang: kn(n),
 				className: "[&_pre]:!p-4 [&_pre]:!m-0 [&_pre]:!bg-transparent"
-			}) : /* @__PURE__ */ v("pre", {
+			}) : /* @__PURE__ */ b("pre", {
 				className: "p-4 text-sm leading-relaxed overflow-x-auto",
-				children: /* @__PURE__ */ v("code", { children: i })
+				children: /* @__PURE__ */ b("code", { children: i })
 			})]
 		})]
 	});
-}, kn = ({ children: t, className: n }) => {
-	let r = o.toArray(t).filter(l);
-	return /* @__PURE__ */ v("ol", {
+}, jn = ({ children: t, className: n }) => {
+	let r = c.toArray(t).filter(d);
+	return /* @__PURE__ */ b("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", {
+		children: r.map((e, t) => /* @__PURE__ */ x("li", {
 			className: "relative pl-8",
-			children: [/* @__PURE__ */ v("div", {
+			children: [/* @__PURE__ */ b("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", {
+}, Mn = ({ title: t, children: n, className: r }) => /* @__PURE__ */ x("div", {
 	className: e("-mt-1", r),
-	children: [t ? /* @__PURE__ */ v("h3", {
+	children: [t ? /* @__PURE__ */ b("h3", {
 		className: "text-base font-semibold text-foreground mb-2",
 		children: t
-	}) : null, /* @__PURE__ */ v("div", {
+	}) : null, /* @__PURE__ */ b("div", {
 		className: "text-sm text-muted-foreground leading-relaxed space-y-2",
 		children: n
 	})]
-}), jn = ({ to: e, className: t, children: n }) => /* @__PURE__ */ v("a", {
+}), Nn = ({ to: e, className: t, children: n }) => /* @__PURE__ */ b("a", {
 	href: e,
 	className: t,
 	children: n
-}), Mn = {
+}), Pn = {
 	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),
+}, Fn = ({ children: t, className: n, cols: r = 2, stagger: i = !0 }) => /* @__PURE__ */ b("div", {
+	className: e("not-prose my-6 grid gap-4", Pn[r], i && "stagger-in", n),
 	children: t
-}), Pn = ({ title: t, description: n, href: r, icon: i, className: a, LinkComponent: o = jn }) => /* @__PURE__ */ y(o, {
+}), In = ({ title: t, description: n, href: r, icon: i, className: a, LinkComponent: o = Nn }) => /* @__PURE__ */ x(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", {
+	children: [/* @__PURE__ */ x("div", {
 		className: e("flex items-center gap-4", n ? "mb-4" : ""),
-		children: [i ? /* @__PURE__ */ v("div", {
+		children: [i ? /* @__PURE__ */ b("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", {
+		}) : null, /* @__PURE__ */ x("div", {
 			className: "min-w-0 font-semibold text-foreground group-hover:text-primary transition-colors flex items-center gap-2",
-			children: [/* @__PURE__ */ v("span", {
+			children: [/* @__PURE__ */ b("span", {
 				className: "min-w-0",
 				children: t
-			}), /* @__PURE__ */ v("span", {
+			}), /* @__PURE__ */ b("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", {
+	}), n ? /* @__PURE__ */ b("div", {
 		className: "text-sm text-muted-foreground leading-relaxed",
 		children: n
 	}) : null]
-}), Fn = ({ contentSelector: e = "main" }) => (f(() => {
+}), Ln = ({ contentSelector: e = "main" }) => (m(() => {
 	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) => {
@@ -2484,63 +2504,72 @@ var Ve = {
 	}), 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 = {
+}, [e]), null), Rn = {
 	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(() => {
+}, zn = ({ search: t, renderItem: n, itemKey: r, onSelect: i, placeholder: a = "Search…", emptyLabel: o = "No results.", empty: s, open: c, onOpenChange: l, labels: u }) => {
+	let d = {
+		...Rn,
+		...u
+	}, p = c !== void 0, [y, S] = v(!1), C = p ? c : y, w = f((e) => {
+		p || S(e), l?.(e);
+	}, [p, l]), [T, E] = v(""), [D, O] = v(0), k = _(null), A = _(null), j = h(), M = g(() => T.trim() ? t(T) : [], [T, t]);
+	m(() => {
 		O(0);
-	}, [T]), f(() => {
+	}, [T]), m(() => {
 		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(() => {
+	}, [C, w]), m(() => {
 		if (!C) return;
+		let e = document.activeElement instanceof HTMLElement ? document.activeElement : null;
 		E(""), O(0);
-		let e = requestAnimationFrame(() => k.current?.focus());
-		return () => cancelAnimationFrame(e);
+		let t = requestAnimationFrame(() => k.current?.focus());
+		return () => {
+			cancelAnimationFrame(t), e?.isConnected && e.focus();
+		};
 	}, [C]);
-	let M = u(() => w(!1), [w]);
-	return C ? /* @__PURE__ */ y("div", {
+	let N = f(() => w(!1), [w]);
+	return C ? /* @__PURE__ */ x("div", {
+		ref: A,
 		role: "dialog",
 		"aria-modal": "true",
-		"aria-label": _.dialog,
+		"aria-label": d.dialog,
 		className: "fixed inset-0 z-50 flex items-start justify-center pt-[15vh] px-4",
-		children: [/* @__PURE__ */ v("button", {
+		onKeyDown: (e) => {
+			if (e.key === "Escape") {
+				e.preventDefault(), N();
+				return;
+			}
+			if (e.key !== "Tab") return;
+			let t = [...A.current?.querySelectorAll("button:not([disabled]), input:not([disabled]), a[href], [tabindex=\"0\"]") ?? []], n = t[0], r = t.at(-1);
+			e.shiftKey && document.activeElement === n && (e.preventDefault(), r?.focus()), !e.shiftKey && document.activeElement === r && (e.preventDefault(), n?.focus());
+		},
+		children: [/* @__PURE__ */ b("button", {
 			type: "button",
-			"aria-label": _.close,
-			onClick: M,
+			"aria-label": d.close,
+			onClick: N,
 			className: "absolute inset-0 bg-background/70 backdrop-blur-sm cursor-default"
-		}), /* @__PURE__ */ y("div", {
+		}), /* @__PURE__ */ x("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", {
+				/* @__PURE__ */ x("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", {
+						/* @__PURE__ */ b(Y, { className: "w-4 h-4 text-muted-foreground shrink-0" }),
+						/* @__PURE__ */ b("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)));
+									e.preventDefault(), O((e) => Math.min(e + 1, Math.max(M.length - 1, 0)));
 									return;
 								}
 								if (e.key === "ArrowUp") {
@@ -2548,44 +2577,44 @@ var Ve = {
 									return;
 								}
 								if (e.key === "Enter") {
-									let t = j[D];
-									t && (e.preventDefault(), i(t), M());
+									let t = M[D];
+									t && (e.preventDefault(), i(t), N());
 								}
 							},
 							placeholder: a,
 							"aria-autocomplete": "list",
-							"aria-controls": A,
-							"aria-activedescendant": j[D] ? `${A}-${r(j[D])}` : void 0,
+							"aria-controls": j,
+							"aria-activedescendant": M[D] ? `${j}-${r(M[D])}` : void 0,
 							className: "flex-1 bg-transparent text-sm outline-none placeholder:text-muted-foreground/70"
 						}),
-						/* @__PURE__ */ v("kbd", {
+						/* @__PURE__ */ b("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,
+				/* @__PURE__ */ b("div", {
+					id: j,
 					role: "listbox",
 					className: "max-h-[60vh] overflow-y-auto py-1.5",
-					children: T.trim() === "" ? s ?? /* @__PURE__ */ v("div", {
+					children: T.trim() === "" ? s ?? /* @__PURE__ */ b("div", {
 						className: "px-4 py-8 text-center text-sm text-muted-foreground",
-						children: _.startTyping
-					}) : j.length === 0 ? /* @__PURE__ */ v("div", {
+						children: d.startTyping
+					}) : M.length === 0 ? /* @__PURE__ */ b("div", {
 						className: "px-4 py-8 text-center text-sm text-muted-foreground",
 						children: o
-					}) : /* @__PURE__ */ v("ul", {
+					}) : /* @__PURE__ */ b("ul", {
 						className: "px-1.5",
-						children: j.map((t, a) => {
+						children: M.map((t, a) => {
 							let o = a === D, s = r(t);
-							return /* @__PURE__ */ v("li", {
-								id: `${A}-${s}`,
+							return /* @__PURE__ */ b("li", {
+								id: `${j}-${s}`,
 								role: "option",
 								"aria-selected": o,
-								children: /* @__PURE__ */ v("button", {
+								children: /* @__PURE__ */ b("button", {
 									type: "button",
 									onClick: () => {
-										i(t), M();
+										i(t), N();
 									},
 									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"),
@@ -2595,58 +2624,463 @@ var Ve = {
 						})
 					})
 				}),
-				/* @__PURE__ */ y("div", {
+				/* @__PURE__ */ x("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", {
+					children: [/* @__PURE__ */ x("div", {
 						className: "inline-flex items-center gap-3",
-						children: [/* @__PURE__ */ y("span", {
+						children: [/* @__PURE__ */ x("span", {
 							className: "inline-flex items-center gap-1",
 							children: [
-								/* @__PURE__ */ v("kbd", {
+								/* @__PURE__ */ b("kbd", {
 									className: "border border-border rounded px-1 py-0.5 font-mono",
 									children: "↑"
 								}),
-								/* @__PURE__ */ v("kbd", {
+								/* @__PURE__ */ b("kbd", {
 									className: "border border-border rounded px-1 py-0.5 font-mono",
 									children: "↓"
 								}),
-								_.navigate
+								d.navigate
 							]
-						}), /* @__PURE__ */ y("span", {
+						}), /* @__PURE__ */ x("span", {
 							className: "inline-flex items-center gap-1",
 							children: [
-								/* @__PURE__ */ v(ht, { className: "w-3 h-3" }),
+								/* @__PURE__ */ b(gt, { className: "w-3 h-3" }),
 								" ",
-								_.select
+								d.select
 							]
 						})]
-					}), /* @__PURE__ */ y("span", {
+					}), /* @__PURE__ */ x("span", {
 						className: "inline-flex items-center gap-1",
-						children: [/* @__PURE__ */ v("kbd", {
+						children: [/* @__PURE__ */ b("kbd", {
 							className: "border border-border rounded px-1 py-0.5 font-mono",
 							children: "⌘K"
-						}), _.toggle]
+						}), d.toggle]
 					})]
 				})
 			]
 		})]
 	}) : null;
-}, Rn = ({ onClick: t, placeholder: n = "Search docs…", openLabel: r = "Open search", className: i }) => /* @__PURE__ */ y("button", {
+}, Bn = ({ onClick: t, placeholder: n = "Search docs…", openLabel: r = "Open search", className: i }) => /* @__PURE__ */ x("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", {
+		/* @__PURE__ */ b(Y, { className: "w-4 h-4 shrink-0" }),
+		/* @__PURE__ */ b("span", {
 			className: "flex-1 text-left truncate",
 			children: n
 		}),
-		/* @__PURE__ */ v("kbd", {
+		/* @__PURE__ */ b("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
+//#region src/compositions/signalMotion.ts
+function Vn(e) {
+	let t = window.matchMedia("(prefers-reduced-motion: reduce)"), n = [], r = !1, i = !1, a = !1;
+	if (typeof CSS < "u" && CSS.supports("d", "path(\"M 0 0 L 1 1\")")) for (let t of e.querySelectorAll("path[data-wave]")) {
+		let e = t.getAttribute("d")?.match(/-?\d+(?:\.\d+)?/g)?.map(Number);
+		if (!e || e.length !== 12) continue;
+		let r = e, [i, a = "0"] = (t.dataset.wave ?? "").split("-"), o = i === "main", s = o ? [
+			0,
+			0,
+			-60,
+			34,
+			86,
+			54,
+			-44,
+			70,
+			-70,
+			-54,
+			0,
+			0
+		] : [
+			0,
+			0,
+			42,
+			-35,
+			-56,
+			45,
+			54,
+			-51,
+			-48,
+			32,
+			0,
+			0
+		], c = (e) => {
+			let t = r.map((t, n) => t + (s[n] ?? 0) * e);
+			return `path("M ${t[0]} ${t[1]} C ${t[2]} ${t[3]} ${t[4]} ${t[5]} ${t[6]} ${t[7]} S ${t[8]} ${t[9]} ${t[10]} ${t[11]}")`;
+		}, l = "cubic-bezier(.333,.524,.667,1)", u = "cubic-bezier(.333,0,.667,.476)", d = t.animate([
+			{
+				d: c(0),
+				easing: l
+			},
+			{
+				d: c(1),
+				easing: u
+			},
+			{
+				d: c(0),
+				easing: l
+			},
+			{
+				d: c(-1),
+				easing: u
+			},
+			{ d: c(0) }
+		], {
+			duration: o ? 12e3 : 15e3,
+			delay: -Number(a) * (o ? 320 : 450),
+			iterations: Infinity
+		});
+		d.pause(), n.push(d);
+	}
+	let o = () => {
+		if (a) return;
+		let o = r && i && !document.hidden && !t.matches;
+		e.dataset.motion = o ? "running" : "paused";
+		for (let e of n) t.matches ? e.cancel() : o && e.playState !== "running" ? e.play() : !o && e.playState === "running" && e.pause();
+	}, s = new IntersectionObserver(([e]) => {
+		i = e?.isIntersecting ?? !1, o();
+	}, { threshold: .01 });
+	return s.observe(e), document.addEventListener("visibilitychange", o), t.addEventListener("change", o), {
+		setEnabled(e) {
+			r = e, o();
+		},
+		dispose() {
+			a = !0, s.disconnect(), document.removeEventListener("visibilitychange", o), t.removeEventListener("change", o), n.forEach((e) => e.cancel()), e.dataset.motion = "paused";
+		}
+	};
+}
+//#endregion
+//#region src/compositions/signalField.tsx
+var $ = [
+	"M1080-160C870 90 1570 60 1530 400S1100 670 1320 990",
+	"M1055-160C845 98 1545 72 1505 408S1075 678 1295 998",
+	"M1030-160C820 106 1520 84 1480 416S1050 686 1270 1006",
+	"M1005-160C795 114 1495 96 1455 424S1025 694 1245 1014",
+	"M980-160C770 122 1470 108 1430 432S1000 702 1220 1022",
+	"M955-160C745 130 1445 120 1405 440S975 710 1195 1030",
+	"M930-160C720 138 1420 132 1380 448S950 718 1170 1038",
+	"M905-160C695 146 1395 144 1355 456S925 726 1145 1046",
+	"M880-160C670 154 1370 156 1330 464S900 734 1120 1054",
+	"M855-160C645 162 1345 168 1305 472S875 742 1095 1062",
+	"M830-160C620 170 1320 180 1280 480S850 750 1070 1070",
+	"M805-160C595 178 1295 192 1255 488S825 758 1045 1078"
+], Hn = [
+	"M-150 600C170 550-70 930 360 960S490 1100 780 1200",
+	"M-150 621C165 571-75 951 355 981S485 1121 775 1221",
+	"M-150 642C160 592-80 972 350 1002S480 1142 770 1242",
+	"M-150 663C155 613-85 993 345 1023S475 1163 765 1263",
+	"M-150 684C150 634-90 1014 340 1044S470 1184 760 1284"
+], Un = [
+	$[1],
+	$[4],
+	$[7],
+	$[10],
+	Hn[2]
+];
+function Wn({ animated: t = !1, paused: n = !1, className: r }) {
+	let i = _(null), a = _(null), o = h();
+	return m(() => {
+		let e = i.current;
+		if (!e) return;
+		let t = Vn(e);
+		return a.current = t, () => {
+			t.dispose(), a.current = null;
+		};
+	}, []), m(() => {
+		a.current?.setEnabled(t && !n);
+	}, [t, n]), /* @__PURE__ */ x("div", {
+		ref: i,
+		className: e("signal-atmosphere", r),
+		"aria-hidden": "true",
+		"data-motion": "paused",
+		children: [/* @__PURE__ */ b("div", { className: "field-light" }), /* @__PURE__ */ x("svg", {
+			className: "field-contours",
+			viewBox: "0 0 1600 1120",
+			fill: "none",
+			children: [
+				/* @__PURE__ */ x("defs", { children: [/* @__PURE__ */ x("linearGradient", {
+					id: `${o}-ink`,
+					x1: "750",
+					y1: "60",
+					x2: "1390",
+					y2: "1040",
+					gradientUnits: "userSpaceOnUse",
+					children: [
+						/* @__PURE__ */ b("stop", {
+							stopColor: "#A874FF",
+							stopOpacity: ".05"
+						}),
+						/* @__PURE__ */ b("stop", {
+							offset: ".34",
+							stopColor: "#A874FF",
+							stopOpacity: ".36"
+						}),
+						/* @__PURE__ */ b("stop", {
+							offset: ".7",
+							stopColor: "#7C3AED",
+							stopOpacity: ".12"
+						}),
+						/* @__PURE__ */ b("stop", {
+							offset: "1",
+							stopColor: "#A874FF",
+							stopOpacity: "0"
+						})
+					]
+				}), /* @__PURE__ */ x("linearGradient", {
+					id: `${o}-edge`,
+					x1: "0",
+					y1: "670",
+					x2: "740",
+					y2: "1120",
+					gradientUnits: "userSpaceOnUse",
+					children: [
+						/* @__PURE__ */ b("stop", {
+							stopColor: "#A874FF",
+							stopOpacity: "0"
+						}),
+						/* @__PURE__ */ b("stop", {
+							offset: ".5",
+							stopColor: "#A874FF",
+							stopOpacity: ".22"
+						}),
+						/* @__PURE__ */ b("stop", {
+							offset: "1",
+							stopColor: "#A874FF",
+							stopOpacity: "0"
+						})
+					]
+				})] }),
+				/* @__PURE__ */ b("g", {
+					className: "field-ribbons",
+					stroke: `url(#${o}-ink)`,
+					strokeWidth: ".8",
+					children: $.map((e, t) => /* @__PURE__ */ b("path", {
+						d: e,
+						"data-wave": `main-${t}`
+					}, e))
+				}),
+				/* @__PURE__ */ b("g", {
+					className: "field-return",
+					stroke: `url(#${o}-edge)`,
+					strokeWidth: ".7",
+					children: Hn.map((e, t) => /* @__PURE__ */ b("path", {
+						d: e,
+						"data-wave": `return-${t}`
+					}, e))
+				}),
+				Un.map((e, t) => /* @__PURE__ */ b("path", {
+					d: e,
+					className: `field-ambient-trace trace-${t}`,
+					"data-wave": [
+						"main-1",
+						"main-4",
+						"main-7",
+						"main-10",
+						"return-2"
+					][t],
+					stroke: "#B995FF",
+					strokeWidth: "1",
+					pathLength: "100"
+				}, e))
+			]
+		})]
+	});
+}
+//#endregion
+//#region src/compositions/signalControls.tsx
+function Gn({ locale: e, ...t }) {
+	let n = e === "de", r = n ? "Darstellung und Sprache" : "Appearance and language";
+	return /* @__PURE__ */ b(Ut, {
+		...t,
+		currentLanguage: e,
+		languages: [{
+			code: "en",
+			label: "EN"
+		}, {
+			code: "de",
+			label: "DE"
+		}],
+		labels: {
+			openMenu: r,
+			theme: n ? "Design" : "Theme",
+			language: n ? "Sprache" : "Language",
+			signIn: n ? "Anmelden" : "Sign in",
+			signOut: n ? "Abmelden" : "Sign out",
+			themes: {
+				system: "System",
+				light: n ? "Hell" : "Light",
+				dark: n ? "Dunkel" : "Dark"
+			}
+		},
+		trigger: /* @__PURE__ */ x("button", {
+			type: "button",
+			className: "signal-control signal-preferences",
+			"aria-label": r,
+			children: [/* @__PURE__ */ x("svg", {
+				viewBox: "0 0 24 24",
+				"aria-hidden": "true",
+				children: [/* @__PURE__ */ b("circle", {
+					cx: "12",
+					cy: "12",
+					r: "8.5"
+				}), /* @__PURE__ */ b("path", { d: "M3.5 12h17M12 3.5c4.5 4.5 4.5 12.5 0 17-4.5-4.5-4.5-12.5 0-17Z" })]
+			}), /* @__PURE__ */ b("span", { children: t.identity?.name.trim().charAt(0).toUpperCase() ?? e.toUpperCase() })]
+		})
+	});
+}
+function Kn({ label: t, onOpen: n, className: r }) {
+	return /* @__PURE__ */ x("button", {
+		type: "button",
+		className: e("signal-control signal-search", r),
+		onClick: n,
+		"aria-label": t,
+		children: [
+			/* @__PURE__ */ b(Y, {}),
+			/* @__PURE__ */ b("span", { children: t }),
+			/* @__PURE__ */ b("kbd", {
+				"aria-hidden": "true",
+				children: "⌘ K"
+			})
+		]
+	});
+}
+function qn({ children: t, className: n, ...r }) {
+	return /* @__PURE__ */ x("a", {
+		...r,
+		className: e("signal-control signal-header-action", n),
+		children: [/* @__PURE__ */ b("span", { children: t }), /* @__PURE__ */ b("svg", {
+			viewBox: "0 0 24 24",
+			"aria-hidden": "true",
+			children: /* @__PURE__ */ b("path", { d: "M4 12h15m-6-6 6 6-6 6" })
+		})]
+	});
+}
+//#endregion
+//#region src/compositions/signalHeader.tsx
+function Jn({ brand: t, links: n, navigationLabel: r, menuLabel: i, menuTitle: a, menuLinks: o, utilities: s, navigationAction: c, className: l, sticky: u = !1 }) {
+	let [d, f] = v(!1), [p, g] = v(!1), y = _(null), S = _(null), C = _(null), w = h();
+	m(() => {
+		if (!u) return;
+		let e = () => g(window.scrollY > 24);
+		return e(), window.addEventListener("scroll", e, { passive: !0 }), () => window.removeEventListener("scroll", e);
+	}, [u]);
+	let T = (e) => {
+		e && C.current && (C.current.style.transform = `translateX(${e.offsetLeft - 5}px) scaleX(${e.offsetWidth / 100})`);
+	};
+	return m(() => {
+		let e = y.current;
+		if (!e) return;
+		let t = () => T(S.current), n = new ResizeObserver(t);
+		return n.observe(e), t(), () => n.disconnect();
+	}, []), m(() => {
+		if (!d) return;
+		let e = (e) => {
+			e.target instanceof Node && !y.current?.contains(e.target) && f(!1);
+		};
+		return document.addEventListener("pointerdown", e), () => document.removeEventListener("pointerdown", e);
+	}, [d]), /* @__PURE__ */ b("header", {
+		ref: y,
+		className: e("signal-masthead", u && "signal-masthead-sticky", l),
+		"data-scrolled": u && p,
+		onKeyDown: (e) => {
+			e.key === "Escape" && d && (f(!1), S.current?.focus());
+		},
+		onBlur: (e) => {
+			e.currentTarget.contains(e.relatedTarget) || f(!1);
+		},
+		children: /* @__PURE__ */ x("div", {
+			className: "signal-header signal-shell",
+			children: [
+				/* @__PURE__ */ b("div", {
+					className: "signal-brand",
+					children: t
+				}),
+				/* @__PURE__ */ x("div", {
+					className: "signal-navigation-area",
+					children: [/* @__PURE__ */ x("nav", {
+						className: "signal-navigation",
+						"aria-label": r,
+						onPointerLeave: () => T(S.current),
+						children: [
+							/* @__PURE__ */ b("span", {
+								ref: C,
+								className: "signal-nav-marker",
+								"aria-hidden": "true"
+							}),
+							/* @__PURE__ */ x("button", {
+								ref: S,
+								className: "signal-nav-item",
+								type: "button",
+								"aria-expanded": d,
+								"aria-controls": w,
+								onClick: () => f(!d),
+								onPointerEnter: (e) => T(e.currentTarget),
+								onFocus: (e) => T(e.currentTarget),
+								children: [
+									/* @__PURE__ */ b("span", {
+										className: "signal-nav-dot",
+										"aria-hidden": "true"
+									}),
+									i,
+									/* @__PURE__ */ b("svg", {
+										viewBox: "0 0 16 16",
+										"aria-hidden": "true",
+										children: /* @__PURE__ */ b("path", { d: "m4 6 4 4 4-4" })
+									})
+								]
+							}),
+							n.map((e) => /* @__PURE__ */ x("a", {
+								href: e.href,
+								className: "signal-nav-item",
+								"aria-current": e.current ? "page" : void 0,
+								onPointerEnter: (e) => T(e.currentTarget),
+								onFocus: (e) => T(e.currentTarget),
+								children: [e.label, /* @__PURE__ */ b("svg", {
+									viewBox: "0 0 24 24",
+									"aria-hidden": "true",
+									children: /* @__PURE__ */ b("path", { d: "M6 18 18 6M6 6h12v12" })
+								})]
+							}, e.href)),
+							c
+						]
+					}), s && /* @__PURE__ */ b("div", {
+						className: "signal-header-utilities",
+						children: s
+					})]
+				}),
+				/* @__PURE__ */ x("nav", {
+					id: w,
+					className: "signal-menu",
+					"aria-label": i,
+					hidden: !d,
+					children: [/* @__PURE__ */ b("div", {
+						className: "signal-menu-intro",
+						children: a
+					}), /* @__PURE__ */ b("div", {
+						className: "signal-menu-links",
+						children: o.map((e) => /* @__PURE__ */ x("a", {
+							href: e.href,
+							onClick: () => f(!1),
+							children: [/* @__PURE__ */ x("span", { children: [e.label, e.description && /* @__PURE__ */ b("small", { children: e.description })] }), /* @__PURE__ */ b("svg", {
+								viewBox: "0 0 24 24",
+								"aria-hidden": "true",
+								children: /* @__PURE__ */ b("path", { d: "M6 18 18 6M6 6h12v12" })
+							})]
+						}, e.href))
+					})]
+				})
+			]
+		})
+	});
+}
+//#endregion
+//#region src/index.ts
+var Yn = "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 LOCALE_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 };
+export { on as AnimatedNumber, It as AppShell, gt as ArrowReturnIcon, me as Avatar, i as Badge, tt as BellIcon, Xt as Bento, Zt as BentoCell, ot as BotIcon, $e as BroadcastIcon, rt as BuildingIcon, R as Button, Dn as Callout, z as Card, oe as CardContent, ae as CardDescription, se as CardFooter, B as CardHeader, V as CardTitle, St as ChartIcon, ue as Checkbox, mt as ChevronLeftIcon, ht as ChevronRightIcon, ft as CloudIcon, An as CodeBlock, rn as CodeCompare, wn as CodeWindow, nt as CogIcon, Ye as CompassIcon, it as DatabaseIcon, _e as Dialog, be as DialogDescription, xe as DialogFooter, ve as DialogHeader, ye as DialogTitle, yt as DiscordIcon, In as DocCard, Fn as DocCards, qe as DocShell, Pt as DocsLayout, je as DropdownMenu, H as DropdownMenuContent, Ne as DropdownMenuGroup, W as DropdownMenuItem, Ie as DropdownMenuLabel, Pe as DropdownMenuPortal, Fe as DropdownMenuRadioGroup, Re as DropdownMenuRadioItem, U as DropdownMenuSeparator, Me as DropdownMenuTrigger, Ge as FeatureGrid, Qe as FileIcon, Ze as FolderIcon, _t as GitHubIcon, dt as GlobeIcon, yn as GridOverlay, We as HeroSection, Q as HighlightedCode, pt as HomeIcon, ut as HookIcon, ce as Input, P as LOCALE_COOKIE, de as Label, un as LandingCta, Jt as LandingHero, sn as LandingStats, ct as LayersIcon, bt as LinkedInIcon, Ve as LocaleSwitcher, at as LockIcon, Ue as LoginCard, vn as MeshBackdrop, Xe as PackageIcon, Ct as PageHeader, et as PencilIcon, Ut as ProfileMenu, lt as PuzzleIcon, Je as RocketIcon, xt as RssIcon, Qt as SHIKI_LANGS, Tn as ScrollReveal, Y as SearchIcon, zn as SearchModal, Bn as SearchTrigger, ge as Select, fe as Separator, Wn as SignalField, Jn as SignalHeader, qn as SignalHeaderAction, Gn as SignalPreferences, Kn as SignalSearch, hn as SiteFooter, he as Skeleton, Cn as Sparkles, _n as StatusBadge, Mn as Step, jn as Steps, N as THEME_CHANGE_EVENT, M as THEME_COOKIE, Ce as Tabs, Ee as TabsContent, we as TabsList, Te as TabsTrigger, st as TerminalIcon, le as Textarea, Gt as ThemeToggle, Oe as Toast, Ae as ToastDescription, ke as ToastTitle, Ln as TocScrollSpy, ze as Toggle, K as ToggleGroup, q as ToggleGroupItem, Yn as UI_SHADCN_NAME, s as VOLTRO_BOLT_PATH, r as VOLTRO_VIOLET, a as VoltroIcon, n as VoltroMark, t as VoltroWordmark, vt as XIcon, L as applyTheme, o as badgeVariants, ie as buttonVariants, e as cn, ne as deleteCookie, F as getCookie, re as parsePreferenceCookies, I as setCookie, j as shadcnWidgets, Wt as themeBootScript, G as toggleVariants, en as whenHighlighterReady };