@vespercms/admin 0.0.0-stage → 0.1.0-next.0

package/dist/shortcuts-B_JMAvF9.js

@@ -0,0 +1,4630 @@
+import { Component as e, Suspense as t, createContext as n, createElement as r, lazy as i, useCallback as a, useContext as o, useEffect as s, useLayoutEffect as c, useMemo as l, useRef as u, useState as d } from "react";
+import { Button as f, Cell as p, CheckboxButton as m, CheckboxField as h, Collection as g, Column as _, ComboBox as v, Dialog as y, Disclosure as b, DisclosurePanel as x, FieldError as S, FileTrigger as C, Header as w, Heading as T, Input as E, Label as D, Link as ee, ListBox as O, ListBoxItem as k, Menu as te, MenuItem as A, MenuSection as j, MenuTrigger as ne, Modal as M, ModalOverlay as N, Popover as P, RadioButton as F, RadioField as re, RadioGroup as I, Row as ie, Select as ae, SelectValue as oe, Separator as se, SubmenuTrigger as ce, SwitchButton as le, SwitchField as ue, Tab as de, TabList as fe, TabPanel as pe, Table as me, TableBody as he, TableHeader as ge, Tabs as _e, Tag as ve, TagGroup as ye, TagList as be, Text as xe, TextArea as Se, TextField as Ce, ToggleButton as we, Toolbar as Te, Tooltip as Ee, TooltipTrigger as De, Tree as Oe, TreeItem as ke, TreeItemContent as Ae, useDrag as je, useDragAndDrop as Me, useDrop as Ne } from "react-aria-components";
+import { Fragment as L, jsx as R, jsxs as z } from "react/jsx-runtime";
+import { CENTER as Pe, UPLOAD_MAX_BYTES as Fe, UPLOAD_WARN_BYTES as Ie, cropForRatio as Le, dirOf as Re, dragCorner as ze, extensionOf as Be, formatYamlSnippet as Ve, fromWallTime as He, gitBlobSha as Ue, humanize as We, imageValueOf as Ge, isImagePath as Ke, isPlainObject as B, isoWithOffset as qe, mediaReference as Je, moveRect as Ye, offsetOf as Xe, parseYamlSnippet as Ze, ratioLabel as Qe, resizeRect as $e, resolveMediaPath as et, resolveTimeZone as tt, roundFocus as nt, roundRect as rt, siteRatios as it, slugify as at, variantFor as ot, wallTime as st, zoneName as ct } from "@vespercms/core";
+import lt from "dompurify";
+//#region ../../node_modules/lucide/dist/esm/icons/accessibility.mjs
+var ut = [
+	["circle", {
+		cx: "16",
+		cy: "4",
+		r: "1"
+	}],
+	["path", { d: "m18 19 1-7-6 1" }],
+	["path", { d: "m5 8 3-3 5.5 3-2.36 3.5" }],
+	["path", { d: "M4.24 14.5a5 5 0 0 0 6.88 6" }],
+	["path", { d: "M13.76 17.5a5 5 0 0 0-6.88-6" }]
+], dt = [["path", { d: "M12 5v14" }], ["path", { d: "m19 12-7 7-7-7" }]], ft = [["path", { d: "m12 19-7-7 7-7" }], ["path", { d: "M19 12H5" }]], pt = [
+	["path", { d: "m16 3 4 4-4 4" }],
+	["path", { d: "M20 7H4" }],
+	["path", { d: "m8 21-4-4 4-4" }],
+	["path", { d: "M4 17h16" }]
+], mt = [["path", { d: "m5 12 7-7 7 7" }], ["path", { d: "M12 19V5" }]], ht = [["path", { d: "M6 12h9a4 4 0 0 1 0 8H7a1 1 0 0 1-1-1V5a1 1 0 0 1 1-1h7a4 4 0 0 1 0 8" }]], gt = [
+	["path", { d: "M16 14v2.2l1.6 1" }],
+	["path", { d: "M16 2v3" }],
+	["path", { d: "M21 7.338V5a2 2 0 00-2-2H5a2 2 0 00-2 2v14a2 2 0 002 2h2.338" }],
+	["path", { d: "M3 9h5.859" }],
+	["path", { d: "M8 2v3" }],
+	["circle", {
+		cx: "16",
+		cy: "16",
+		r: "6"
+	}]
+], _t = [
+	["path", { d: "M8 2v3" }],
+	["path", { d: "M16 2v3" }],
+	["rect", {
+		x: "3",
+		y: "3",
+		width: "18",
+		height: "18",
+		rx: "2"
+	}],
+	["path", { d: "M3 9h18" }],
+	["path", { d: "m14 13-4 4" }],
+	["path", { d: "m10 13 4 4" }]
+], vt = [["path", { d: "M20 6 9 17l-5-5" }]], yt = [["path", { d: "m6 9 6 6 6-6" }]], bt = [
+	["circle", {
+		cx: "12",
+		cy: "12",
+		r: "10"
+	}],
+	["line", {
+		x1: "12",
+		x2: "12",
+		y1: "8",
+		y2: "12"
+	}],
+	["line", {
+		x1: "12",
+		x2: "12.01",
+		y1: "16",
+		y2: "16"
+	}]
+], xt = [["path", { d: "m16 18 6-6-6-6" }], ["path", { d: "m8 6-6 6 6 6" }]], St = [["rect", {
+	width: "14",
+	height: "14",
+	x: "8",
+	y: "8",
+	rx: "2",
+	ry: "2"
+}], ["path", { d: "M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2" }]], Ct = [
+	["circle", {
+		cx: "12",
+		cy: "12",
+		r: "1"
+	}],
+	["circle", {
+		cx: "19",
+		cy: "12",
+		r: "1"
+	}],
+	["circle", {
+		cx: "5",
+		cy: "12",
+		r: "1"
+	}]
+], wt = [
+	["path", { d: "M15 3h6v6" }],
+	["path", { d: "M10 14 21 3" }],
+	["path", { d: "M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6" }]
+], Tt = [
+	["path", { d: "M13.659 22H18a2 2 0 0 0 2-2V8a2.4 2.4 0 0 0-.706-1.706l-3.588-3.588A2.4 2.4 0 0 0 14 2H6a2 2 0 0 0-2 2v11.5" }],
+	["path", { d: "M14 2v5a1 1 0 0 0 1 1h5" }],
+	["path", { d: "M8 12v-1" }],
+	["path", { d: "M8 18v-2" }],
+	["path", { d: "M8 7V6" }],
+	["circle", {
+		cx: "8",
+		cy: "20",
+		r: "2"
+	}]
+], Et = [
+	["path", { d: "M11.65 22H18a2 2 0 0 0 2-2V8a2.4 2.4 0 0 0-.706-1.706l-3.588-3.588A2.4 2.4 0 0 0 14 2H6a2 2 0 0 0-2 2v10.35" }],
+	["path", { d: "M14 2v5a1 1 0 0 0 1 1h5" }],
+	["path", { d: "M8 20v-7l3 1.474" }],
+	["circle", {
+		cx: "6",
+		cy: "20",
+		r: "2"
+	}]
+], Dt = [
+	["path", { d: "M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z" }],
+	["path", { d: "M14 2v5a1 1 0 0 0 1 1h5" }],
+	["path", { d: "M15.033 13.44a.647.647 0 0 1 0 1.12l-4.065 2.352a.645.645 0 0 1-.968-.56v-4.704a.645.645 0 0 1 .967-.56z" }]
+], Ot = [
+	["path", { d: "M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z" }],
+	["path", { d: "M14 2v5a1 1 0 0 0 1 1h5" }],
+	["path", { d: "M9 15h6" }],
+	["path", { d: "M12 18v-6" }]
+], kt = [
+	["path", { d: "M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z" }],
+	["path", { d: "M14 2v5a1 1 0 0 0 1 1h5" }],
+	["path", { d: "M8 13h2" }],
+	["path", { d: "M14 13h2" }],
+	["path", { d: "M8 17h2" }],
+	["path", { d: "M14 17h2" }]
+], At = [
+	["path", { d: "M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z" }],
+	["path", { d: "M14 2v5a1 1 0 0 0 1 1h5" }],
+	["path", { d: "M10 9H8" }],
+	["path", { d: "M16 13H8" }],
+	["path", { d: "M16 17H8" }]
+], jt = [
+	["path", { d: "M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z" }],
+	["path", { d: "M14 2v5a1 1 0 0 0 1 1h5" }],
+	["path", { d: "M12 12v6" }],
+	["path", { d: "m15 15-3-3-3 3" }]
+], Mt = [["path", { d: "M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z" }], ["path", { d: "M14 2v5a1 1 0 0 0 1 1h5" }]], Nt = [
+	["path", { d: "M2 9V5a2 2 0 0 1 2-2h3.9a2 2 0 0 1 1.69.9l.81 1.2a2 2 0 0 0 1.67.9H20a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2v-1" }],
+	["path", { d: "M2 13h10" }],
+	["path", { d: "m9 16 3-3-3-3" }]
+], Pt = [
+	["path", { d: "M20 10a1 1 0 0 0 1-1V6a1 1 0 0 0-1-1h-2.5a1 1 0 0 1-.8-.4l-.9-1.2A1 1 0 0 0 15 3h-2a1 1 0 0 0-1 1v5a1 1 0 0 0 1 1Z" }],
+	["path", { d: "M20 21a1 1 0 0 0 1-1v-3a1 1 0 0 0-1-1h-2.9a1 1 0 0 1-.88-.55l-.42-.85a1 1 0 0 0-.92-.6H13a1 1 0 0 0-1 1v5a1 1 0 0 0 1 1Z" }],
+	["path", { d: "M3 5a2 2 0 0 0 2 2h3" }],
+	["path", { d: "M3 3v13a2 2 0 0 0 2 2h3" }]
+], Ft = [
+	["circle", {
+		cx: "9",
+		cy: "12",
+		r: "1"
+	}],
+	["circle", {
+		cx: "9",
+		cy: "5",
+		r: "1"
+	}],
+	["circle", {
+		cx: "9",
+		cy: "19",
+		r: "1"
+	}],
+	["circle", {
+		cx: "15",
+		cy: "12",
+		r: "1"
+	}],
+	["circle", {
+		cx: "15",
+		cy: "5",
+		r: "1"
+	}],
+	["circle", {
+		cx: "15",
+		cy: "19",
+		r: "1"
+	}]
+], It = [
+	["rect", {
+		width: "18",
+		height: "18",
+		x: "3",
+		y: "3",
+		rx: "2",
+		ry: "2"
+	}],
+	["circle", {
+		cx: "9",
+		cy: "9",
+		r: "2"
+	}],
+	["path", { d: "m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21" }]
+], Lt = [
+	["path", { d: "M10.3 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2v10l-3.1-3.1a2 2 0 0 0-2.814.014L6 21" }],
+	["path", { d: "m14 19.5 3-3 3 3" }],
+	["path", { d: "M17 22v-5.5" }],
+	["circle", {
+		cx: "9",
+		cy: "9",
+		r: "2"
+	}]
+], Rt = [
+	["path", { d: "m22 11-1.296-1.296a2.4 2.4 0 0 0-3.408 0L11 16" }],
+	["path", { d: "M4 8a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2" }],
+	["circle", {
+		cx: "13",
+		cy: "7",
+		r: "1",
+		fill: "currentColor"
+	}],
+	["rect", {
+		x: "8",
+		y: "2",
+		width: "14",
+		height: "14",
+		rx: "2"
+	}]
+], zt = [
+	["line", {
+		x1: "19",
+		x2: "10",
+		y1: "4",
+		y2: "4"
+	}],
+	["line", {
+		x1: "14",
+		x2: "5",
+		y1: "20",
+		y2: "20"
+	}],
+	["line", {
+		x1: "15",
+		x2: "9",
+		y1: "4",
+		y2: "20"
+	}]
+], Bt = [["path", { d: "M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71" }], ["path", { d: "M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71" }]], Vt = [
+	["path", { d: "M11 5h10" }],
+	["path", { d: "M11 12h10" }],
+	["path", { d: "M11 19h10" }],
+	["path", { d: "M4 4h1v5" }],
+	["path", { d: "M4 9h2" }],
+	["path", { d: "M6.5 20H3.4c0-1 2.6-1.925 2.6-3.5a1.5 1.5 0 0 0-2.6-1.02" }]
+], Ht = [
+	["path", { d: "M3 5h.01" }],
+	["path", { d: "M3 12h.01" }],
+	["path", { d: "M3 19h.01" }],
+	["path", { d: "M8 5h13" }],
+	["path", { d: "M8 12h13" }],
+	["path", { d: "M8 19h13" }]
+], Ut = [
+	["rect", {
+		width: "18",
+		height: "18",
+		x: "3",
+		y: "3",
+		rx: "2"
+	}],
+	["path", { d: "M9 3v18" }],
+	["path", { d: "m16 15-3-3 3-3" }]
+], Wt = [
+	["rect", {
+		width: "18",
+		height: "18",
+		x: "3",
+		y: "3",
+		rx: "2"
+	}],
+	["path", { d: "M9 3v18" }],
+	["path", { d: "m14 9 3 3-3 3" }]
+], Gt = [["rect", {
+	width: "18",
+	height: "18",
+	x: "3",
+	y: "3",
+	rx: "2"
+}], ["path", { d: "M9 3v18" }]], Kt = [["path", { d: "M21.174 6.812a1 1 0 0 0-3.986-3.987L3.842 16.174a2 2 0 0 0-.5.83l-1.321 4.352a.5.5 0 0 0 .623.622l4.353-1.32a2 2 0 0 0 .83-.497z" }], ["path", { d: "m15 5 4 4" }]], qt = [["path", { d: "M5 12h14" }], ["path", { d: "M12 5v14" }]], Jt = [["path", { d: "M16 3a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2 1 1 0 0 1 1 1v1a2 2 0 0 1-2 2 1 1 0 0 0-1 1v2a1 1 0 0 0 1 1 6 6 0 0 0 6-6V5a2 2 0 0 0-2-2z" }], ["path", { d: "M5 3a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2 1 1 0 0 1 1 1v1a2 2 0 0 1-2 2 1 1 0 0 0-1 1v2a1 1 0 0 0 1 1 6 6 0 0 0 6-6V5a2 2 0 0 0-2-2z" }]], Yt = [
+	["path", { d: "M14 4a1 1 0 0 1 1-1" }],
+	["path", { d: "M15 10a1 1 0 0 1-1-1" }],
+	["path", { d: "M21 4a1 1 0 0 0-1-1" }],
+	["path", { d: "M21 9a1 1 0 0 1-1 1" }],
+	["path", { d: "m3 7 3 3 3-3" }],
+	["path", { d: "M6 10V5a2 2 0 0 1 2-2h2" }],
+	["rect", {
+		x: "3",
+		y: "14",
+		width: "7",
+		height: "7",
+		rx: "1"
+	}]
+], Xt = [["path", { d: "m21 21-4.34-4.34" }], ["circle", {
+	cx: "11",
+	cy: "11",
+	r: "8"
+}]], Zt = [["path", { d: "M14.536 21.686a.5.5 0 0 0 .937-.024l6.5-19a.496.496 0 0 0-.635-.635l-19 6.5a.5.5 0 0 0-.024.937l7.93 3.18a2 2 0 0 1 1.112 1.11z" }], ["path", { d: "m21.854 2.147-10.94 10.939" }]], Qt = [
+	["path", { d: "M10 5H3" }],
+	["path", { d: "M12 19H3" }],
+	["path", { d: "M14 3v4" }],
+	["path", { d: "M16 17v4" }],
+	["path", { d: "M21 12h-9" }],
+	["path", { d: "M21 19h-5" }],
+	["path", { d: "M21 5h-7" }],
+	["path", { d: "M8 10v4" }],
+	["path", { d: "M8 12H3" }]
+], $t = [["path", { d: "M12 3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7" }], ["path", { d: "M18.375 2.625a1 1 0 0 1 3 3l-9.013 9.014a2 2 0 0 1-.853.505l-2.873.84a.5.5 0 0 1-.62-.62l.84-2.873a2 2 0 0 1 .506-.852z" }]], en = [
+	["path", { d: "M10 11v6" }],
+	["path", { d: "M14 11v6" }],
+	["path", { d: "M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6" }],
+	["path", { d: "M3 6h18" }],
+	["path", { d: "M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2" }]
+], tn = [
+	["path", { d: "m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3" }],
+	["path", { d: "M12 9v4" }],
+	["path", { d: "M12 17h.01" }]
+], nn = [
+	["path", { d: "M12 3v12" }],
+	["path", { d: "m17 8-5-5-5 5" }],
+	["path", { d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" }]
+], rn = [["path", { d: "M18 6 6 18" }], ["path", { d: "m6 6 12 12" }]];
+//#endregion
+//#region ../ui/src/components/shared.tsx
+function V(...e) {
+	return e.filter(Boolean).join(" ");
+}
+var H = V("outline-none data-[focus-visible]:outline-2 data-[focus-visible]:outline-solid data-[focus-visible]:outline-offset-2 data-[focus-visible]:outline-focus", "data-[focus-visible]:ring-6 data-[focus-visible]:ring-(color:--glow-focus)"), U = "transition-[color,background-color,border-color] duration-120 ease-out", an = V("min-h-10 w-full rounded-md border border-border-strong bg-surface-sunken px-3 py-2 text-body text-content", "outline-none data-[focused]:outline-2 data-[focused]:outline-solid data-[focused]:outline-offset-2 data-[focused]:outline-focus", "data-[focused]:ring-6 data-[focused]:ring-(color:--glow-focus)", "data-[invalid]:border-danger data-[disabled]:opacity-60");
+function on({ label: e, isOptional: t }) {
+	return e ? /* @__PURE__ */ z(D, {
+		className: "block text-label text-content",
+		children: [e, t && /* @__PURE__ */ R(sn, {})]
+	}) : null;
+}
+function sn() {
+	return /* @__PURE__ */ z(L, { children: [" ", /* @__PURE__ */ R("span", {
+		className: "font-normal text-content-muted",
+		children: "(optional)"
+	})] });
+}
+function W({ description: e, errorMessage: t }) {
+	return /* @__PURE__ */ z(L, { children: [e && /* @__PURE__ */ R(xe, {
+		slot: "description",
+		className: "block text-small text-content-muted",
+		children: e
+	}), /* @__PURE__ */ R(S, {
+		className: "block text-small text-danger",
+		children: t
+	})] });
+}
+//#endregion
+//#region ../ui/src/components/Icon.tsx
+var cn = {
+	close: rn,
+	more: Ct,
+	drag: Ft,
+	chevron: yt,
+	check: vt,
+	bold: ht,
+	italic: zt,
+	bullets: Ht,
+	numbers: Vt,
+	quote: Jt,
+	code: xt,
+	link: Bt,
+	image: It,
+	add: qt,
+	upload: nn,
+	import: jt,
+	"replace-image": Lt,
+	back: ft,
+	"move-up": mt,
+	"move-down": dt,
+	"move-to": Nt,
+	duplicate: St,
+	"change-kind": Yt,
+	"list-pane": Gt,
+	"pane-collapse": Ut,
+	"pane-expand": Wt,
+	details: Qt,
+	"view-on-site": wt,
+	schedule: gt,
+	"publish-now": Zt,
+	unschedule: _t,
+	open: $t,
+	edit: Kt,
+	"add-child": Ot,
+	delete: en,
+	warning: tn,
+	accessibility: ut,
+	error: bt,
+	search: Xt,
+	media: Rt,
+	redirects: pt,
+	collection: At,
+	tree: Pt,
+	singleton: Qt,
+	"file-text": At,
+	"file-sheet": kt,
+	"file-archive": Tt,
+	"file-video": Dt,
+	"file-audio": Et,
+	file: Mt
+}, ln = /* @__PURE__ */ new Set([
+	"path",
+	"circle",
+	"rect",
+	"line",
+	"polyline",
+	"polygon",
+	"ellipse"
+]), un = /* @__PURE__ */ new Set([
+	"d",
+	"cx",
+	"cy",
+	"r",
+	"rx",
+	"ry",
+	"x",
+	"y",
+	"x1",
+	"x2",
+	"y1",
+	"y2",
+	"width",
+	"height",
+	"points"
+]);
+function G({ name: e, node: t, size: n = 20, className: i }) {
+	let a = t ?? (e ? cn[e] : []);
+	return /* @__PURE__ */ R("svg", {
+		xmlns: "http://www.w3.org/2000/svg",
+		viewBox: "0 0 24 24",
+		width: n,
+		height: n,
+		fill: "none",
+		stroke: "currentColor",
+		strokeWidth: 42 / n,
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		"aria-hidden": "true",
+		focusable: "false",
+		className: V("shrink-0", i),
+		children: a.map(([e, t], n) => ln.has(e) ? r(e, {
+			key: n,
+			...Object.fromEntries(Object.entries(t).filter(([e, t]) => un.has(e) && (typeof t == "string" || typeof t == "number")))
+		}) : null)
+	});
+}
+//#endregion
+//#region ../ui/src/components/Button.tsx
+var dn = {
+	primary: V("border-transparent bg-accent text-on-accent data-[hovered]:bg-accent-hover", "data-[hovered]:shadow-glow-accent data-[focus-visible]:shadow-glow-accent", U, "data-[hovered]:transition-[background-color,box-shadow] data-[hovered]:duration-180"),
+	secondary: V("border-border-strong bg-surface text-content data-[hovered]:bg-surface-sunken", U),
+	quiet: V("border-transparent text-accent data-[hovered]:bg-accent-subtle", U),
+	danger: V("border-transparent bg-danger text-on-accent data-[hovered]:opacity-90", U)
+}, fn = V("inline-flex min-h-10 items-center justify-center gap-2 rounded-md border px-4 text-label", "data-[disabled]:cursor-not-allowed data-[disabled]:opacity-50 data-[pending]:cursor-progress", H);
+function K({ variant: e = "secondary", className: t, children: n, pulse: r = 0, icon: i, ...a }) {
+	let o = u(null);
+	return s(() => {
+		let e = o.current;
+		if (r === 0 || !e) return;
+		e.classList.remove("animate-glow-pulse"), e.getBoundingClientRect(), e.classList.add("animate-glow-pulse");
+		let t = () => {
+			e.classList.remove("animate-glow-pulse");
+		};
+		return e.addEventListener("animationend", t, { once: !0 }), () => {
+			e.removeEventListener("animationend", t);
+		};
+	}, [r]), /* @__PURE__ */ z(f, {
+		...a,
+		ref: o,
+		className: V(fn, dn[e], t),
+		children: [i && /* @__PURE__ */ R(G, {
+			name: i,
+			size: 18
+		}), n]
+	});
+}
+function pn({ variant: e = "secondary", className: t, children: n, icon: r, ...i }) {
+	return /* @__PURE__ */ z(ee, {
+		...i,
+		className: V(fn, "no-underline", dn[e], t),
+		children: [r && /* @__PURE__ */ R(G, {
+			name: r,
+			size: 18
+		}), n]
+	});
+}
+function mn({ icon: e, label: t, className: n, ...r }) {
+	return /* @__PURE__ */ R(f, {
+		...r,
+		"aria-label": t,
+		className: V("inline-flex size-10 shrink-0 items-center justify-center rounded-md border border-transparent text-content-muted", "data-[hovered]:bg-surface-sunken data-[hovered]:text-content data-[disabled]:opacity-50", U, H, n),
+		children: /* @__PURE__ */ R(G, { name: e })
+	});
+}
+function hn({ className: e, variant: t = "inline", icon: n, children: r, ...i }) {
+	return /* @__PURE__ */ R(ee, {
+		...i,
+		className: V("cursor-pointer rounded-sm underline-offset-2", n && "inline-flex items-center gap-1", t === "inline" ? "text-accent underline data-[hovered]:text-accent-hover" : "font-semibold text-content no-underline data-[hovered]:text-accent data-[hovered]:underline", U, H, e),
+		children: (e) => /* @__PURE__ */ z(L, { children: [n && /* @__PURE__ */ R(G, {
+			name: n,
+			size: 16
+		}), typeof r == "function" ? r(e) : r] })
+	});
+}
+function gn({ accept: e, onSelect: t, children: n, variant: r = "secondary", icon: i }) {
+	return /* @__PURE__ */ R(C, {
+		acceptedFileTypes: e,
+		onSelect: (e) => {
+			let n = e?.[0];
+			n && t(n);
+		},
+		children: /* @__PURE__ */ R(K, {
+			variant: r,
+			...i ? { icon: i } : {},
+			children: n
+		})
+	});
+}
+//#endregion
+//#region ../ui/src/components/TextField.tsx
+function _n({ label: e, description: t, errorMessage: n, placeholder: r, className: i, inputClassName: a, icon: o, ...s }) {
+	let c = /* @__PURE__ */ R(E, {
+		placeholder: r,
+		className: V(an, o && "pl-10", a)
+	});
+	return /* @__PURE__ */ z(Ce, {
+		...s,
+		className: V("flex flex-col gap-2", i),
+		children: [
+			/* @__PURE__ */ R(on, { label: e }),
+			o ? /* @__PURE__ */ z("div", {
+				className: "relative",
+				children: [/* @__PURE__ */ R(G, {
+					name: o,
+					size: 18,
+					className: "pointer-events-none absolute top-1/2 left-3 -translate-y-1/2 text-content-muted"
+				}), c]
+			}) : c,
+			/* @__PURE__ */ R(W, {
+				description: t,
+				errorMessage: n
+			})
+		]
+	});
+}
+function vn({ label: e, description: t, errorMessage: n, placeholder: r, rows: i = 4, className: a, inputClassName: o, ...s }) {
+	return /* @__PURE__ */ z(Ce, {
+		...s,
+		className: V("flex flex-col gap-2", a),
+		children: [
+			/* @__PURE__ */ R(on, { label: e }),
+			/* @__PURE__ */ R(Se, {
+				rows: i,
+				placeholder: r,
+				className: V(an, "min-h-24 resize-y", o)
+			}),
+			/* @__PURE__ */ R(W, {
+				description: t,
+				errorMessage: n
+			})
+		]
+	});
+}
+//#endregion
+//#region ../ui/src/components/overlays.tsx
+var yn = "scrim fixed inset-0 z-50 data-[entering]:animate-none", bn = "glass-raised shadow-glass-overlay", xn = V("rounded-lg p-1", bn);
+function Sn({ title: e, isOpen: t, onOpenChange: n, children: r, isDismissable: i = !0, role: a = "dialog", size: o = "default" }) {
+	return /* @__PURE__ */ R(N, {
+		isOpen: t,
+		onOpenChange: n,
+		isDismissable: i,
+		className: V(yn, "flex items-center justify-center p-4"),
+		children: /* @__PURE__ */ R(M, {
+			className: V("max-h-full w-full overflow-y-auto rounded-lg", bn, o === "wide" ? "max-w-3xl" : "max-w-lg"),
+			children: /* @__PURE__ */ R(y, {
+				role: a,
+				className: "flex flex-col gap-4 p-6 outline-none",
+				children: ({ close: t }) => /* @__PURE__ */ z(L, { children: [/* @__PURE__ */ z("div", {
+					className: "flex items-start justify-between gap-4",
+					children: [/* @__PURE__ */ R(T, {
+						slot: "title",
+						className: "text-heading-2 text-content",
+						children: e
+					}), /* @__PURE__ */ R(mn, {
+						icon: "close",
+						label: "Close",
+						onPress: t,
+						className: "-mr-2 -mt-2"
+					})]
+				}), typeof r == "function" ? r(t) : r] })
+			})
+		})
+	});
+}
+function Cn({ title: e, isOpen: t, onOpenChange: n, children: r }) {
+	return /* @__PURE__ */ R(N, {
+		isOpen: t,
+		onOpenChange: n,
+		isDismissable: !0,
+		className: yn,
+		children: /* @__PURE__ */ R(M, {
+			className: V("fixed inset-y-0 right-0 flex w-full max-w-drawer flex-col rounded-l-lg", bn),
+			children: /* @__PURE__ */ R(y, {
+				className: "flex h-full flex-col outline-none",
+				children: ({ close: t }) => /* @__PURE__ */ z(L, { children: [/* @__PURE__ */ z("div", {
+					className: "flex items-center justify-between gap-4 px-6 pt-6 pb-4",
+					children: [/* @__PURE__ */ R(T, {
+						slot: "title",
+						className: "text-heading-2 text-content",
+						children: e
+					}), /* @__PURE__ */ R(mn, {
+						icon: "close",
+						label: "Close",
+						onPress: t,
+						className: "-mr-2"
+					})]
+				}), /* @__PURE__ */ R("div", {
+					className: "flex-1 overflow-y-auto px-6 pb-6",
+					children: typeof r == "function" ? r(t) : r
+				})] })
+			})
+		})
+	});
+}
+function q({ className: e }) {
+	return /* @__PURE__ */ R(G, {
+		name: "chevron",
+		size: 16,
+		className: V("text-content-muted", e)
+	});
+}
+function wn({ text: e, children: t }) {
+	return /* @__PURE__ */ z(De, {
+		delay: 400,
+		closeDelay: 0,
+		children: [t, /* @__PURE__ */ R(Ee, {
+			offset: 6,
+			className: V("rounded-md px-2 py-1 text-small text-content", bn),
+			children: e
+		})]
+	});
+}
+var Tn = V("flex min-h-9 cursor-default items-center rounded-md px-3 text-body outline-none", "data-[focused]:bg-accent-subtle data-[disabled]:opacity-50", "data-[focus-visible]:outline-2 data-[focus-visible]:outline-solid data-[focus-visible]:-outline-offset-2 data-[focus-visible]:outline-focus"), En = "relative mt-2 before:pointer-events-none before:absolute before:inset-x-2 before:-top-1 before:border-t before:border-border before:content-['']";
+function Dn(e, t, n, r) {
+	let i = e.indexOf(t), a = t.isDanger === !0 && i > 0 && !e[i - 1]?.isDanger || n && i === 0, o = t.items, s = /* @__PURE__ */ z(A, {
+		...o ? {} : { id: t.id },
+		textValue: t.label,
+		className: V(Tn, t.isDanger ? "text-danger" : "text-content", t.isCurrent && "bg-accent-subtle shadow-glow-selected", a && En),
+		children: [
+			t.icon && /* @__PURE__ */ R(G, {
+				...typeof t.icon == "string" ? { name: t.icon } : { node: t.icon },
+				size: 18,
+				className: V("mr-2", !t.isDanger && "text-content-muted")
+			}),
+			t.description ? /* @__PURE__ */ z("span", {
+				className: "flex min-w-0 flex-col py-1",
+				children: [/* @__PURE__ */ R(xe, {
+					slot: "label",
+					children: t.label
+				}), /* @__PURE__ */ R(xe, {
+					slot: "description",
+					className: "text-small text-content-muted",
+					children: t.description
+				})]
+			}) : t.label,
+			t.items && /* @__PURE__ */ R(q, { className: "ml-auto -rotate-90 pl-2" })
+		]
+	});
+	return o ? /* @__PURE__ */ z(ce, { children: [s, /* @__PURE__ */ R(P, {
+		offset: -4,
+		className: V("max-w-sm min-w-56", xn),
+		children: /* @__PURE__ */ R(te, {
+			"aria-label": t.label,
+			onAction: (e) => {
+				r(String(e));
+			},
+			items: o,
+			disabledKeys: o.filter((e) => e.isDisabled).map((e) => e.id),
+			className: "outline-none",
+			children: (e) => Dn(o, e, !1, r)
+		})
+	})] }) : s;
+}
+function On({ label: e, items: t, onAction: n, triggerText: r, triggerIcon: i, triggerPicture: a, trigger: o, header: c, choice: l, isOpen: p, onOpenChange: m }) {
+	let h = new Set(l?.options.map((e) => e.id)), _ = u(null), [v, y] = d(!1), b = u(null), x = (e) => {
+		b.current = e;
+	};
+	s(() => {
+		let e = b.current;
+		v || e === null || (b.current = null, _.current?.querySelector("button")?.focus(), h.has(e) ? l?.onClosed?.() : n(e));
+	});
+	let S = l ? [{
+		id: "choice",
+		choice: l
+	}, ...t.length > 0 ? [{
+		id: "items",
+		items: t
+	}] : []] : [];
+	return /* @__PURE__ */ z(ne, {
+		...p === void 0 ? {} : { isOpen: p },
+		onOpenChange: (e) => {
+			y(e), m?.(e);
+		},
+		children: [/* @__PURE__ */ R("span", {
+			ref: _,
+			className: "contents",
+			children: o ?? (r ? /* @__PURE__ */ z(f, {
+				className: V("inline-flex min-h-10 min-w-0 items-center gap-1 rounded-md border border-transparent text-body text-content data-[hovered]:bg-surface-sunken", a ? "px-2" : "px-3", "transition-[color,background-color,border-color] duration-120 ease-out", H),
+				children: [a ? /* @__PURE__ */ z(L, { children: [/* @__PURE__ */ R("span", {
+					className: "flex",
+					children: a
+				}), /* @__PURE__ */ R("span", {
+					className: "sr-only",
+					children: r
+				})] }) : /* @__PURE__ */ z(L, { children: [i && /* @__PURE__ */ R(G, {
+					name: i,
+					size: 18
+				}), /* @__PURE__ */ R("span", {
+					className: "min-w-0 truncate",
+					children: r
+				})] }), /* @__PURE__ */ R(q, {})]
+			}) : /* @__PURE__ */ R(mn, {
+				icon: "more",
+				label: e
+			}))
+		}), /* @__PURE__ */ z(P, {
+			placement: o ? "bottom start" : "bottom end",
+			className: V("min-w-56", xn),
+			children: [c && /* @__PURE__ */ R("div", {
+				"aria-hidden": "true",
+				className: "mb-1 border-b border-border px-3 pt-2 pb-3",
+				children: c
+			}), l ? /* @__PURE__ */ R(te, {
+				"aria-label": e,
+				onAction: (e) => {
+					x(String(e));
+				},
+				items: S,
+				disabledKeys: t.filter((e) => e.isDisabled).map((e) => e.id),
+				className: "outline-none",
+				children: (t) => t.id === "choice" ? /* @__PURE__ */ z(j, {
+					id: "choice",
+					selectionMode: "single",
+					disallowEmptySelection: !0,
+					selectedKeys: [t.choice.selected],
+					onSelectionChange: (e) => {
+						if (e === "all") return;
+						let [n] = [...e];
+						n !== void 0 && t.choice.onChange(String(n));
+					},
+					children: [/* @__PURE__ */ R(w, {
+						className: "px-3 pt-1 pb-1 text-small text-content-muted",
+						children: t.choice.title
+					}), /* @__PURE__ */ R(g, {
+						items: t.choice.options,
+						children: (e) => /* @__PURE__ */ R(A, {
+							id: e.id,
+							textValue: e.label,
+							className: V(Tn, "gap-2 text-content"),
+							children: ({ isSelected: t }) => /* @__PURE__ */ z(L, { children: [/* @__PURE__ */ R(G, {
+								name: "check",
+								size: 18,
+								className: V("text-accent", !t && "invisible")
+							}), e.label] })
+						})
+					})]
+				}) : /* @__PURE__ */ R(j, {
+					id: "items",
+					"aria-label": e,
+					items: t.items,
+					children: (e) => Dn(t.items, e, !0, x)
+				})
+			}) : /* @__PURE__ */ R(te, {
+				"aria-label": e,
+				onAction: (e) => {
+					x(String(e));
+				},
+				items: t,
+				disabledKeys: t.filter((e) => e.isDisabled).map((e) => e.id),
+				className: "outline-none",
+				children: (e) => Dn(t, e, !1, x)
+			})]
+		})]
+	});
+}
+function kn({ title: e, children: t, level: n = 2, ...r }) {
+	return /* @__PURE__ */ z(b, {
+		...r,
+		className: "vesper-disclosure group border-y border-border [.vesper-disclosure+&]:border-t-0",
+		children: [/* @__PURE__ */ R(T, {
+			level: n,
+			className: "m-0",
+			children: /* @__PURE__ */ z(f, {
+				slot: "trigger",
+				className: V("flex min-h-12 w-full items-center gap-2 rounded-md text-left text-heading-3 text-content", H),
+				children: [/* @__PURE__ */ R(q, { className: "-rotate-90 group-data-[expanded]:rotate-0" }), e]
+			})
+		}), /* @__PURE__ */ R(x, { children: /* @__PURE__ */ R("div", {
+			className: "pb-6",
+			children: t
+		}) })]
+	});
+}
+//#endregion
+//#region ../ui/src/components/choices.tsx
+var An = V("group flex min-h-9 cursor-default items-center gap-2 rounded-md px-3 py-1 text-body text-content outline-none", "data-[focused]:bg-accent-subtle data-[selected]:bg-accent-subtle data-[selected]:shadow-glow-selected", "data-[focus-visible]:outline-2 data-[focus-visible]:outline-solid data-[focus-visible]:-outline-offset-2 data-[focus-visible]:outline-focus"), jn = V("min-w-[var(--trigger-width)]", xn);
+function Mn() {
+	return /* @__PURE__ */ R(G, {
+		name: "check",
+		size: 16,
+		className: "invisible ml-auto text-accent group-data-[selected]:visible"
+	});
+}
+function Nn({ label: e, description: t, errorMessage: n, options: r, value: i, onChange: a, placeholder: o, className: s, ...c }) {
+	return /* @__PURE__ */ z(ae, {
+		...c,
+		value: i,
+		onChange: (e) => {
+			a(e === null ? null : String(e));
+		},
+		placeholder: o ?? "Choose…",
+		className: V("flex flex-col gap-2", s),
+		children: [
+			/* @__PURE__ */ R(on, { label: e }),
+			/* @__PURE__ */ z(f, {
+				className: V(an, "flex items-center justify-between text-left", H),
+				children: [/* @__PURE__ */ R(oe, {
+					className: "truncate data-[placeholder]:text-content-muted",
+					children: ({ isPlaceholder: e, selectedText: t, defaultChildren: n }) => e ? n : t
+				}), /* @__PURE__ */ R(q, {})]
+			}),
+			/* @__PURE__ */ R(W, {
+				description: t,
+				errorMessage: n
+			}),
+			/* @__PURE__ */ R(P, {
+				className: jn,
+				children: /* @__PURE__ */ R(O, {
+					className: "max-h-72 overflow-auto outline-none",
+					items: r,
+					children: (e) => /* @__PURE__ */ z(k, {
+						id: e.value,
+						textValue: e.label,
+						className: An,
+						children: [e.label, /* @__PURE__ */ R(Mn, {})]
+					})
+				})
+			})
+		]
+	});
+}
+function Pn({ label: e, description: t, errorMessage: n, options: r, value: i, onChange: a, placeholder: o, className: s, ...c }) {
+	let l = r.find((e) => e.value === i)?.prefix;
+	return /* @__PURE__ */ z(v, {
+		...c,
+		defaultItems: r,
+		value: i,
+		onChange: (e) => {
+			a(e === null ? null : String(e));
+		},
+		menuTrigger: "focus",
+		validationBehavior: "aria",
+		className: V("group/combobox flex flex-col gap-2", s),
+		children: [
+			/* @__PURE__ */ R(on, { label: e }),
+			/* @__PURE__ */ z("div", {
+				className: "relative",
+				children: [
+					l && /* @__PURE__ */ R("span", {
+						"aria-hidden": "true",
+						className: "pointer-events-none absolute inset-y-0 left-0 flex items-center pl-3 group-data-[disabled]/combobox:opacity-60",
+						children: l
+					}),
+					/* @__PURE__ */ R(E, {
+						placeholder: o,
+						className: V(an, "pr-10", l ? "pl-10" : void 0)
+					}),
+					/* @__PURE__ */ R(f, {
+						"aria-label": "Show options",
+						className: V("absolute inset-y-0 right-0 flex items-center rounded-md px-3 text-content-muted", H),
+						children: /* @__PURE__ */ R(q, {})
+					})
+				]
+			}),
+			/* @__PURE__ */ R(W, {
+				description: t,
+				errorMessage: n
+			}),
+			/* @__PURE__ */ R(P, {
+				className: jn,
+				children: /* @__PURE__ */ R(O, {
+					className: "max-h-72 overflow-auto outline-none",
+					children: (e) => /* @__PURE__ */ z(k, {
+						id: e.value,
+						textValue: e.label,
+						className: An,
+						children: [
+							e.prefix && /* @__PURE__ */ R("span", {
+								"aria-hidden": "true",
+								className: "flex shrink-0",
+								children: e.prefix
+							}),
+							e.label,
+							/* @__PURE__ */ R(Mn, {})
+						]
+					})
+				})
+			})
+		]
+	});
+}
+function Fn({ label: e, description: t, errorMessage: n, options: r, values: i, onChange: a, allowsCustomValue: o = !1, itemName: s = "item", className: c, isDisabled: u, isInvalid: p, ...m }) {
+	let [h, g] = d(""), _ = l(() => new Map(r.map((e) => [e.value, e])), [r]), y = r.filter((e) => !i.includes(e.value)), b = (e) => {
+		let t = e.trim();
+		t === "" || i.includes(t) || (o || _.has(t)) && (a([...i, t]), g(""));
+	}, x = (e) => _.get(e)?.label ?? e;
+	return /* @__PURE__ */ z("div", {
+		className: V("flex flex-col gap-2", c),
+		onKeyDownCapture: (e) => {
+			if (!(e.target instanceof HTMLInputElement)) return;
+			let t = e.target.value;
+			e.key === "Enter" && o && t.trim() !== "" && !e.target.getAttribute("aria-activedescendant") && (e.preventDefault(), e.stopPropagation(), b(t)), e.key === "Backspace" && t === "" && i.length > 0 && a(i.slice(0, -1));
+		},
+		children: [/* @__PURE__ */ z(v, {
+			...m,
+			items: y.filter((e) => e.label.toLowerCase().includes(h.toLowerCase())),
+			inputValue: h,
+			onInputChange: g,
+			value: null,
+			onChange: (e) => {
+				e !== null && b(String(e));
+			},
+			allowsCustomValue: o,
+			isDisabled: u,
+			isInvalid: p,
+			menuTrigger: "focus",
+			className: "flex flex-col gap-1",
+			children: [
+				/* @__PURE__ */ R(on, { label: e }),
+				/* @__PURE__ */ R(E, { className: an }),
+				/* @__PURE__ */ R(W, {
+					description: t,
+					errorMessage: n
+				}),
+				/* @__PURE__ */ R(P, {
+					className: jn,
+					children: /* @__PURE__ */ R(O, {
+						className: "max-h-72 overflow-auto outline-none",
+						renderEmptyState: () => /* @__PURE__ */ R("p", {
+							className: "px-3 py-2 text-small text-content-muted",
+							children: o ? "Press Enter to add it" : "No matches"
+						}),
+						children: (e) => /* @__PURE__ */ R(k, {
+							id: e.value,
+							textValue: e.label,
+							className: An,
+							children: e.label
+						})
+					})
+				})
+			]
+		}), i.length > 0 && /* @__PURE__ */ R(ye, {
+			"aria-label": typeof e == "string" ? `Selected ${e.toLowerCase()}` : "Selected",
+			onRemove: (e) => {
+				a(i.filter((t) => !e.has(t)));
+			},
+			children: /* @__PURE__ */ R(be, {
+				className: "flex flex-wrap gap-2",
+				children: i.map((e) => /* @__PURE__ */ z(ve, {
+					id: e,
+					textValue: x(e),
+					className: V("inline-flex items-center gap-1 rounded-sm border border-border bg-surface py-0.5 pr-0.5 pl-2 text-small text-content", H),
+					children: [x(e), /* @__PURE__ */ R(f, {
+						slot: "remove",
+						"aria-label": `Remove ${s}`,
+						className: V("inline-flex size-6 items-center justify-center rounded-sm text-content-muted data-[hovered]:bg-surface-sunken data-[hovered]:text-content", H),
+						children: /* @__PURE__ */ R(G, {
+							name: "close",
+							size: 16
+						})
+					})]
+				}, e))
+			})
+		})]
+	});
+}
+var In = V("group-data-[focus-visible]:outline-2 group-data-[focus-visible]:outline-solid group-data-[focus-visible]:outline-offset-2 group-data-[focus-visible]:outline-focus", "group-data-[focus-visible]:ring-6 group-data-[focus-visible]:ring-(color:--glow-focus)");
+function Ln({ children: e, className: t, ...n }) {
+	return /* @__PURE__ */ R(h, {
+		...n,
+		className: t,
+		children: /* @__PURE__ */ z(m, {
+			className: "group inline-flex items-start gap-2 text-body text-content",
+			children: [/* @__PURE__ */ R("span", {
+				"aria-hidden": "true",
+				className: V("mt-0.5 flex size-5 shrink-0 items-center justify-center rounded-sm border border-border-strong bg-surface", "group-data-[selected]:border-accent group-data-[selected]:bg-accent group-data-[selected]:text-on-accent", In),
+				children: /* @__PURE__ */ R("svg", {
+					viewBox: "0 0 16 16",
+					className: "hidden size-4 group-data-[selected]:block",
+					fill: "none",
+					stroke: "currentColor",
+					strokeWidth: "2",
+					children: /* @__PURE__ */ R("path", { d: "M3 8l3 3 7-7" })
+				})
+			}), e]
+		})
+	});
+}
+function Rn({ children: e, className: t, ...n }) {
+	return /* @__PURE__ */ R(ue, {
+		...n,
+		className: t,
+		children: /* @__PURE__ */ z(le, {
+			className: "group inline-flex items-center gap-3 text-body text-content",
+			children: [
+				/* @__PURE__ */ R("span", {
+					"aria-hidden": "true",
+					className: V("flex h-6 w-10 shrink-0 items-center rounded-full border border-border-strong bg-surface-sunken p-0.5", "transition-[background-color,border-color] duration-120 ease-out", "group-data-[selected]:border-accent group-data-[selected]:bg-accent", In),
+					children: /* @__PURE__ */ R("span", { className: "size-4 rounded-full bg-content-muted transition-transform duration-180 ease-out group-data-[selected]:translate-x-4 group-data-[selected]:bg-on-accent forced-colors:bg-[CanvasText]" })
+				}),
+				e,
+				/* @__PURE__ */ z("span", {
+					"aria-hidden": "true",
+					className: "text-small text-content-muted",
+					children: [/* @__PURE__ */ R("span", {
+						className: "group-data-[selected]:hidden",
+						children: "Off"
+					}), /* @__PURE__ */ R("span", {
+						className: "hidden group-data-[selected]:inline",
+						children: "On"
+					})]
+				})
+			]
+		})
+	});
+}
+function zn({ label: e, description: t, errorMessage: n, options: r, value: i, onChange: a, className: o, orientation: s = "vertical", ...c }) {
+	return /* @__PURE__ */ z(I, {
+		...c,
+		value: i,
+		onChange: a,
+		orientation: s,
+		className: V("flex flex-col gap-2", o),
+		children: [
+			e && /* @__PURE__ */ R(D, {
+				className: "text-label text-content",
+				children: e
+			}),
+			/* @__PURE__ */ R("div", {
+				className: V("flex gap-x-6 gap-y-2", s === "vertical" ? "flex-col" : "flex-row flex-wrap"),
+				children: r.map((e) => /* @__PURE__ */ R(re, {
+					value: e.value,
+					children: /* @__PURE__ */ z(F, {
+						className: "group inline-flex items-center gap-2 text-body text-content",
+						children: [
+							/* @__PURE__ */ R("span", {
+								"aria-hidden": "true",
+								className: V("flex size-5 shrink-0 items-center justify-center rounded-full border border-border-strong bg-surface", "group-data-[selected]:border-accent", In),
+								children: /* @__PURE__ */ R("span", { className: "hidden size-2.5 rounded-full bg-accent group-data-[selected]:block forced-colors:bg-[CanvasText]" })
+							}),
+							e.prefix && /* @__PURE__ */ R("span", {
+								"aria-hidden": "true",
+								children: e.prefix
+							}),
+							e.label
+						]
+					})
+				}, e.value))
+			}),
+			/* @__PURE__ */ R(W, {
+				description: t,
+				errorMessage: n
+			})
+		]
+	});
+}
+function Bn({ label: e, description: t, errorMessage: n, value: r, onChange: i, suggestions: a, placeholder: o, className: s, inputMode: c = "text", ...u }) {
+	let d = r.trim().toLowerCase(), f = l(() => (d === "" ? a : a.filter((e) => e.label.toLowerCase().includes(d) || e.value.toLowerCase().includes(d))).slice(0, 50), [d, a]);
+	return /* @__PURE__ */ z(v, {
+		...u,
+		allowsCustomValue: !0,
+		allowsEmptyCollection: !0,
+		items: f,
+		inputValue: r,
+		onInputChange: i,
+		menuTrigger: "input",
+		className: V("flex flex-col gap-2", s),
+		children: [
+			/* @__PURE__ */ R(on, { label: e }),
+			/* @__PURE__ */ R(E, {
+				placeholder: o,
+				inputMode: c,
+				className: an
+			}),
+			/* @__PURE__ */ R(W, {
+				description: t,
+				errorMessage: n
+			}),
+			/* @__PURE__ */ R(P, {
+				className: jn,
+				children: /* @__PURE__ */ R(O, {
+					className: "max-h-72 overflow-auto outline-none",
+					children: (e) => /* @__PURE__ */ z(k, {
+						id: e.value,
+						textValue: e.value,
+						className: V(An, "flex-col items-start gap-0"),
+						children: [/* @__PURE__ */ R("span", {
+							className: "block",
+							children: e.label
+						}), e.detail && /* @__PURE__ */ R("span", {
+							className: "block text-small text-content-muted",
+							children: e.detail
+						})]
+					})
+				})
+			})
+		]
+	});
+}
+//#endregion
+//#region ../ui/src/components/data.tsx
+function Vn({ label: e, columns: t, rows: n, renderCell: r, sort: i, onSortChange: a, emptyState: o, rowHref: s }) {
+	return /* @__PURE__ */ R("div", {
+		className: "overflow-x-auto",
+		children: /* @__PURE__ */ z(me, {
+			"aria-label": e,
+			...i ? { sortDescriptor: i } : {},
+			...a ? { onSortChange: a } : {},
+			className: "w-full border-separate border-spacing-0 text-left text-body",
+			children: [/* @__PURE__ */ R(ge, { children: t.map((e) => /* @__PURE__ */ R(_, {
+				id: e.id,
+				isRowHeader: e.isRowHeader ?? !1,
+				allowsSorting: e.allowsSorting ?? !1,
+				className: V("bg-surface-sunken px-3 py-2 text-label text-content-muted first:rounded-l-md last:rounded-r-md", "data-[allows-sorting]:cursor-pointer", H),
+				children: ({ sortDirection: t }) => /* @__PURE__ */ z("span", {
+					className: "inline-flex items-center gap-1",
+					children: [e.label, t && /* @__PURE__ */ R("span", {
+						"aria-hidden": "true",
+						children: t === "ascending" ? "↑" : "↓"
+					})]
+				})
+			}, e.id)) }), /* @__PURE__ */ R(he, {
+				items: n,
+				renderEmptyState: () => /* @__PURE__ */ R("p", {
+					className: "px-3 py-6 text-content-muted",
+					children: o ?? "Nothing here yet."
+				}),
+				children: (e) => /* @__PURE__ */ R(ie, {
+					id: e.id,
+					...s ? { href: s(e) } : {},
+					className: V("data-[hovered]:bg-accent-subtle data-[href]:cursor-pointer", U, "outline-none data-[focus-visible]:outline-2 data-[focus-visible]:outline-solid data-[focus-visible]:-outline-offset-2 data-[focus-visible]:outline-focus"),
+					children: t.map((t) => /* @__PURE__ */ R(p, {
+						className: V("border-b border-border px-3 py-3 align-top", "outline-none data-[focus-visible]:outline-2 data-[focus-visible]:outline-solid data-[focus-visible]:-outline-offset-2 data-[focus-visible]:outline-focus"),
+						children: r(e, t.id)
+					}, t.id))
+				})
+			})]
+		})
+	});
+}
+function Hn({ children: e, dot: t = !1, live: n = !0, tone: r = "neutral", className: i }) {
+	return /* @__PURE__ */ z("p", {
+		role: n ? "status" : void 0,
+		className: V("inline-flex items-center gap-2 text-small", r === "error" ? "text-danger" : "text-content-muted", i),
+		children: [t && /* @__PURE__ */ R("span", {
+			"aria-hidden": "true",
+			className: V("size-2 shrink-0 rounded-full", r === "error" ? "bg-danger" : "bg-content-muted")
+		}), e]
+	});
+}
+function Un({ title: e = "There is a problem", errors: t, focusOnMount: n = !0, focusKey: r, onGo: i }) {
+	let a = u(null), o = r ?? t.length, c = t.length > 0;
+	return s(() => {
+		n && c && a.current?.focus();
+	}, [n, o]), t.length === 0 ? null : /* @__PURE__ */ z("div", {
+		ref: a,
+		tabIndex: -1,
+		role: "alert",
+		"aria-labelledby": "vesper-error-summary-title",
+		className: "rounded-md border border-danger bg-surface p-4 outline-none focus-visible:outline-2 focus-visible:outline-solid focus-visible:outline-offset-2 focus-visible:outline-focus",
+		children: [/* @__PURE__ */ z("h2", {
+			id: "vesper-error-summary-title",
+			className: "flex items-center gap-2 text-heading-3 text-content",
+			children: [/* @__PURE__ */ R(G, {
+				name: "error",
+				className: "text-danger"
+			}), e]
+		}), /* @__PURE__ */ R("ul", {
+			className: "mt-2 list-disc space-y-1 pl-6 text-danger",
+			children: t.map((e, t) => /* @__PURE__ */ R("li", { children: /* @__PURE__ */ R("a", {
+				href: `#${e.fieldId}`,
+				onClick: (t) => {
+					if (i) {
+						t.preventDefault(), i(e.fieldId);
+						return;
+					}
+					let n = document.getElementById(e.fieldId);
+					n && (t.preventDefault(), n.focus());
+				},
+				className: "text-danger underline underline-offset-2",
+				children: e.message
+			}) }, `${e.fieldId}:${String(t)}`))
+		})]
+	});
+}
+//#endregion
+//#region ../ui/src/components/Mark.tsx
+function Wn({ size: e = 20, className: t }) {
+	let n = e <= 24;
+	return /* @__PURE__ */ z("svg", {
+		viewBox: "0 0 64 64",
+		width: e,
+		height: e,
+		"aria-hidden": "true",
+		focusable: "false",
+		className: V("shrink-0", t),
+		children: [
+			/* @__PURE__ */ R("path", {
+				d: n ? "M11 14 L29 50 L42 25" : "M12 14 L30 50 L43 25",
+				fill: "none",
+				stroke: "currentColor",
+				strokeWidth: n ? 11 : 9,
+				strokeLinecap: "round",
+				strokeLinejoin: "round"
+			}),
+			!n && /* @__PURE__ */ R("circle", {
+				cx: "51",
+				cy: "12",
+				r: "10",
+				className: "fill-accent opacity-20 forced-colors:hidden"
+			}),
+			/* @__PURE__ */ R("circle", {
+				cx: n ? 52 : 51,
+				cy: n ? 11 : 12,
+				r: n ? 7 : 5.5,
+				className: "fill-accent forced-colors:fill-[CanvasText]"
+			})
+		]
+	});
+}
+//#endregion
+//#region ../ui/src/components/Avatar.tsx
+function Gn(e) {
+	return e.replace(/^@/, "").trim().split(/\s+/).filter(Boolean).slice(0, 2).map((e) => Array.from(e)[0] ?? "").join("").toLocaleUpperCase();
+}
+function Kn({ name: e, src: t, size: n = 24, className: r }) {
+	let [i, a] = d(null), o = t !== void 0 && t !== "" && i !== t;
+	return /* @__PURE__ */ R("span", {
+		"aria-hidden": "true",
+		className: V("inline-flex shrink-0 items-center justify-center overflow-hidden rounded-full bg-accent-subtle font-semibold text-accent", n === 32 ? "size-8 text-small" : "size-6 text-caption", r),
+		children: o ? /* @__PURE__ */ R("img", {
+			src: t,
+			alt: "",
+			width: n,
+			height: n,
+			referrerPolicy: "no-referrer",
+			className: "size-full object-cover",
+			onError: () => {
+				a(t);
+			}
+		}) : Gn(e)
+	});
+}
+//#endregion
+//#region ../ui/src/components/Tabs.tsx
+function qn({ label: e, tabs: t, selected: n, onSelectedChange: r }) {
+	return /* @__PURE__ */ z(_e, {
+		selectedKey: n,
+		onSelectionChange: (e) => {
+			r(String(e));
+		},
+		className: "flex flex-col gap-6",
+		children: [/* @__PURE__ */ R(fe, {
+			"aria-label": e,
+			className: "flex flex-wrap gap-x-6 border-b border-border",
+			children: t.map((e) => /* @__PURE__ */ R(de, {
+				id: e.id,
+				className: V("relative -mb-px flex min-h-10 cursor-default items-center rounded-sm text-label text-content-muted outline-none", "after:absolute after:inset-x-0 after:bottom-0 after:h-0.5 after:rounded-full after:content-['']", "data-[hovered]:text-content data-[hovered]:after:bg-border-strong", "data-[selected]:text-content data-[selected]:after:bg-accent", "data-[focus-visible]:outline-2 data-[focus-visible]:outline-solid data-[focus-visible]:outline-offset-2 data-[focus-visible]:outline-focus", U),
+				children: e.label
+			}, e.id))
+		}), t.map((e) => /* @__PURE__ */ R(pe, {
+			id: e.id,
+			shouldForceMount: !0,
+			className: "outline-none data-[inert]:hidden",
+			children: /* @__PURE__ */ R("div", {
+				"data-tab": e.id,
+				hidden: e.id !== n,
+				className: "flex flex-col gap-6",
+				children: e.children
+			})
+		}, e.id))]
+	});
+}
+//#endregion
+//#region ../ui/src/components/Toolbar.tsx
+function Jn({ label: e, children: t, className: n }) {
+	return /* @__PURE__ */ R(Te, {
+		"aria-label": e,
+		className: V("flex flex-wrap items-center gap-1", n),
+		children: t
+	});
+}
+var Yn = V("inline-flex min-h-8 min-w-8 items-center justify-center rounded-sm border border-transparent px-2 text-small font-semibold text-content", "data-[hovered]:bg-surface-sunken data-[disabled]:opacity-50", U, H);
+function Xn() {
+	return /* @__PURE__ */ R(se, {
+		orientation: "vertical",
+		className: "mx-1 h-5 self-center border-l border-border"
+	});
+}
+function Zn(e) {
+	return e.icon ? {
+		inside: /* @__PURE__ */ R(G, {
+			name: e.icon,
+			size: 18
+		}),
+		named: { "aria-label": e.label },
+		tooltip: e.shortcut ? `${e.label} · ${e.shortcut.text}` : e.label
+	} : {
+		inside: e.children,
+		named: {},
+		tooltip: null
+	};
+}
+var Qn = "size-8 px-0";
+function $n(e) {
+	let t = u(null), n = e?.aria;
+	return s(() => {
+		n ? t.current?.setAttribute("aria-keyshortcuts", n) : t.current?.removeAttribute("aria-keyshortcuts");
+	}, [n]), t;
+}
+function er({ children: e, icon: t, label: n, shortcut: r, className: i, ...a }) {
+	let { inside: o, named: s, tooltip: c } = Zn({
+		children: e,
+		icon: t,
+		label: n,
+		shortcut: r
+	}), l = $n(r), u = /* @__PURE__ */ R(we, {
+		...a,
+		...s,
+		ref: l,
+		className: V(Yn, c !== null && Qn, "data-[selected]:bg-accent-subtle data-[selected]:text-accent", i),
+		children: o
+	});
+	return c === null ? u : /* @__PURE__ */ R(wn, {
+		text: c,
+		children: u
+	});
+}
+function tr({ children: e, icon: t, label: n, shortcut: r, className: i, ...a }) {
+	let { inside: o, named: s, tooltip: c } = Zn({
+		children: e,
+		icon: t,
+		label: n,
+		shortcut: r
+	}), l = $n(r), u = /* @__PURE__ */ R(f, {
+		...a,
+		...s,
+		ref: l,
+		className: V(Yn, c !== null && Qn, i),
+		children: o
+	});
+	return c === null ? u : /* @__PURE__ */ R(wn, {
+		text: c,
+		children: u
+	});
+}
+//#endregion
+//#region ../ui/src/components/Tree.tsx
+function nr({ label: e, items: t, textValue: n, renderRow: r, onAction: i, expandedKeys: a, onExpandedChange: o, dragAndDropHooks: s, onRowKeyDown: c, emptyState: l, currentKey: u, inset: d = 1 }) {
+	let p = /* @__PURE__ */ new Map(), m = (e) => {
+		for (let t of e) p.set(t.id, t), m(t.children);
+	};
+	m(t);
+	let h = t.some((e) => e.children.length > 0), _ = (e) => {
+		if (!c) return;
+		let t = e.target.closest("[role=\"row\"]");
+		if (t !== e.target) return;
+		let n = p.get(t.getAttribute("data-key") ?? "");
+		n && c(n, e);
+	}, v = (e) => /* @__PURE__ */ z(ke, {
+		id: e.id,
+		textValue: n(e),
+		...i ? { onAction: () => {
+			i(e);
+		} } : {},
+		className: V("group text-body outline-none", "data-[focus-visible]:outline-2 data-[focus-visible]:outline-solid data-[focus-visible]:-outline-offset-2 data-[focus-visible]:outline-focus", "data-[drop-target]:bg-accent-subtle data-[dragging]:opacity-50", e.id === u ? "bg-accent-subtle data-[hovered]:bg-accent-subtle-hover" : "data-[hovered]:bg-surface-sunken", U),
+		children: [/* @__PURE__ */ R(Ae, { children: ({ isExpanded: t, hasChildItems: n, level: i, allowsDragging: a }) => /* @__PURE__ */ z("div", {
+			className: "flex min-h-12 items-center gap-1 py-1",
+			style: {
+				paddingInlineStart: `calc(var(--spacing) * ${String(6 * (i - 1) + d)})`,
+				paddingInlineEnd: `calc(var(--spacing) * ${String(d)})`
+			},
+			children: [
+				a && /* @__PURE__ */ R(f, {
+					slot: "drag",
+					className: V("inline-flex size-8 shrink-0 cursor-grab items-center justify-center rounded-md text-content-muted data-[hovered]:text-content", "data-[disabled]:invisible", H),
+					children: /* @__PURE__ */ R(G, { name: "drag" })
+				}),
+				n ? /* @__PURE__ */ R(f, {
+					slot: "chevron",
+					className: V("inline-flex size-8 shrink-0 items-center justify-center rounded-md text-content-muted data-[hovered]:bg-surface-sunken", H),
+					children: /* @__PURE__ */ R(q, { className: t ? "rotate-0" : "-rotate-90" })
+				}) : h && /* @__PURE__ */ R("span", {
+					"aria-hidden": "true",
+					className: "inline-block size-8 shrink-0"
+				}),
+				r(e, {
+					isExpanded: t,
+					hasChildItems: n,
+					level: i
+				})
+			]
+		}) }), /* @__PURE__ */ R(g, {
+			items: e.children,
+			children: v
+		})]
+	});
+	return /* @__PURE__ */ R("div", {
+		onKeyDownCapture: _,
+		children: /* @__PURE__ */ R(Oe, {
+			"aria-label": e,
+			items: t,
+			...a ? { expandedKeys: a } : {},
+			...o ? { onExpandedChange: o } : {},
+			...s ? { dragAndDropHooks: s } : {},
+			renderEmptyState: () => /* @__PURE__ */ R("p", {
+				className: "py-6 text-content-muted",
+				style: { paddingInline: `calc(var(--spacing) * ${String(d + 2)})` },
+				children: l
+			}),
+			className: "flex w-full flex-col gap-0.5",
+			children: v
+		})
+	});
+}
+//#endregion
+//#region src/app/context.tsx
+var rr = "Vesper", ir = n(null);
+function J() {
+	let e = o(ir);
+	if (!e) throw Error("useStudio() must be used inside <App>.");
+	return e;
+}
+//#endregion
+//#region src/app/format.ts
+var ar = [
+	["year", 31536e3],
+	["month", 2592e3],
+	["week", 604800],
+	["day", 86400],
+	["hour", 3600],
+	["minute", 60]
+];
+function or(e, t = /* @__PURE__ */ new Date(), n) {
+	let r = new Date(e), i = Math.round((r.getTime() - t.getTime()) / 1e3);
+	if (Number.isNaN(i)) return "";
+	if (Math.abs(i) < 45) return "just now";
+	let a = new Intl.RelativeTimeFormat(n, { numeric: "auto" });
+	for (let [e, t] of ar) if (Math.abs(i) >= t || e === "minute") return a.format(Math.round(i / t), e);
+	return "just now";
+}
+function sr(e, t, n, r) {
+	return `${new Intl.NumberFormat(r).format(e)} ${e === 1 ? t : n}`;
+}
+//#endregion
+//#region src/app/load.ts
+function cr(e, t = "") {
+	let [n, r] = d(null), [i, o] = d(0), c = u(e);
+	s(() => {
+		c.current = e;
+	}), s(() => {
+		let e = !0;
+		return c.current().then((n) => {
+			e && r({
+				key: t,
+				load: {
+					state: "ready",
+					value: n
+				}
+			});
+		}, (n) => {
+			let i = n instanceof Error ? n.message : String(n);
+			e && r({
+				key: t,
+				load: {
+					state: "failed",
+					message: i
+				}
+			});
+		}), () => {
+			e = !1;
+		};
+	}, [t, i]);
+	let l = a(() => {
+		o((e) => e + 1);
+	}, []);
+	return [n?.key === t ? n.load : { state: "loading" }, l];
+}
+//#endregion
+//#region src/editor/values.ts
+function lr(e, t) {
+	let n = e;
+	for (let e of t) if (n = typeof e == "number" ? Array.isArray(n) ? n[e] : void 0 : B(n) ? n[e] : void 0, n === void 0) return;
+	return n;
+}
+function ur(e, t, n) {
+	return dr(e, t, 0, n);
+}
+function dr(e, t, n, r) {
+	if (n === t.length) return r;
+	let i = t[n];
+	if (typeof i == "number") {
+		let a = Array.isArray(e) ? [...e] : [];
+		return a[i] = dr(a[i], t, n + 1, r), a;
+	}
+	let a = B(e) ? { ...e } : {}, o = dr(a[i], t, n + 1, r);
+	return o === void 0 ? Reflect.deleteProperty(a, i) : a[i] = o, a;
+}
+function fr(e, t = "field") {
+	return `${t}.${e.map((e) => String(e).replace(/[^A-Za-z0-9_]/g, "_")).join(".")}`;
+}
+function pr(e) {
+	return e.map(String).join(".");
+}
+function Y(e) {
+	return e.path.at(-1) ?? "";
+}
+function mr(e) {
+	let t = {};
+	for (let n of e ?? []) n.default !== void 0 && !n.defaultDynamic && (t[Y(n)] = structuredClone(n.default));
+	return t;
+}
+//#endregion
+//#region src/editor/context.tsx
+var hr = n(null);
+function X() {
+	let e = o(hr);
+	if (!e) throw Error("useEditor() must be used inside an entry editor.");
+	return e;
+}
+//#endregion
+//#region src/widgets/basic.tsx
+var Z = V("min-h-10 w-full rounded-md border border-border-strong bg-surface-sunken px-3 py-2 text-body text-content", "outline-none focus-visible:outline-2 focus-visible:outline-solid focus-visible:outline-offset-2 focus-visible:outline-focus", "focus-visible:ring-6 focus-visible:ring-(color:--glow-focus)", "aria-[invalid=true]:border-danger disabled:opacity-60");
+function gr(e) {
+	return e.required ? "" : void 0;
+}
+function _r(e) {
+	let { onChange: t, field: n, id: r, describedBy: i, invalid: a, disabled: o } = e, s = e.value;
+	return {
+		id: r,
+		value: typeof s == "string" ? s : typeof s == "number" || typeof s == "boolean" ? String(s) : "",
+		onChange: (e) => {
+			t(e.target.value === "" ? gr(n) : e.target.value);
+		},
+		"aria-describedby": i,
+		"aria-invalid": a || void 0,
+		"aria-required": n.required || void 0,
+		disabled: o,
+		placeholder: n.placeholder,
+		autoComplete: n.autocomplete,
+		className: Z
+	};
+}
+function vr(e) {
+	return /* @__PURE__ */ R("input", {
+		type: "text",
+		..._r(e)
+	});
+}
+function yr(e) {
+	let t = _r(e);
+	return /* @__PURE__ */ R("input", {
+		type: "email",
+		inputMode: "email",
+		...t,
+		autoComplete: t.autoComplete ?? "email"
+	});
+}
+function br(e) {
+	let t = e.field.widget === "markdown" ? 8 : 3;
+	return /* @__PURE__ */ R("textarea", {
+		rows: t,
+		..._r(e),
+		className: V(Z, "resize-y")
+	});
+}
+function xr({ value: e, onChange: t, field: n, id: r, describedBy: i, invalid: a, disabled: o }) {
+	let [s, c] = d(e === void 0 ? "" : String(e)), l = n.constraints;
+	return /* @__PURE__ */ R("input", {
+		id: r,
+		type: "number",
+		inputMode: l?.integer ? "numeric" : "decimal",
+		value: s,
+		min: l?.min,
+		max: l?.max,
+		step: l?.step ?? (l?.integer ? 1 : "any"),
+		onChange: (e) => {
+			c(e.target.value), e.target.value === "" ? t(void 0) : Number.isFinite(e.target.valueAsNumber) && t(e.target.valueAsNumber);
+		},
+		"aria-describedby": i,
+		"aria-invalid": a || void 0,
+		"aria-required": n.required || void 0,
+		disabled: o,
+		className: V(Z, "max-w-48")
+	});
+}
+function Sr({ value: e, onChange: t, id: n, describedBy: r, invalid: i, disabled: a }) {
+	return /* @__PURE__ */ R(Rn, {
+		id: n,
+		isSelected: e === !0,
+		onChange: t,
+		isDisabled: a,
+		isInvalid: i,
+		"aria-labelledby": `${n}-label`,
+		"aria-describedby": r,
+		children: null
+	});
+}
+function Cr(e) {
+	return e instanceof Date && !Number.isNaN(e.getTime()) ? e.toISOString().slice(0, 10) : typeof e == "string" ? e.slice(0, 10) : "";
+}
+function wr({ value: e, onChange: t, field: n, id: r, describedBy: i, invalid: a, disabled: o }) {
+	return /* @__PURE__ */ R("input", {
+		id: r,
+		type: "date",
+		value: Cr(e),
+		onChange: (r) => {
+			let i = r.target.value;
+			t(i === "" ? gr(n) === "" && typeof e == "string" ? "" : void 0 : typeof e == "string" ? i : /* @__PURE__ */ new Date(`${i}T00:00:00.000Z`));
+		},
+		"aria-describedby": i,
+		"aria-invalid": a || void 0,
+		"aria-required": n.required || void 0,
+		disabled: o,
+		className: V(Z, "max-w-56")
+	});
+}
+function Tr(e) {
+	return e.constraints?.options ?? e.children?.[0]?.constraints?.options ?? [];
+}
+function Er({ value: e, onChange: t, field: n, id: r, describedBy: i, invalid: a, disabled: o }) {
+	return /* @__PURE__ */ R(Nn, {
+		id: r,
+		"aria-labelledby": `${r}-label`,
+		"aria-describedby": i,
+		options: Tr(n),
+		value: e ?? null,
+		onChange: (e) => {
+			t(e ?? void 0);
+		},
+		isInvalid: a,
+		isDisabled: o
+	});
+}
+function Dr({ value: e, onChange: t, field: n, id: r, describedBy: i, invalid: a, disabled: o }) {
+	return /* @__PURE__ */ R(zn, {
+		id: r,
+		"aria-labelledby": `${r}-label`,
+		"aria-describedby": i,
+		options: Tr(n),
+		value: e ?? null,
+		onChange: t,
+		isInvalid: a,
+		isDisabled: o,
+		orientation: Tr(n).length <= 3 ? "horizontal" : "vertical"
+	});
+}
+function Or({ value: e, onChange: t, field: n, id: r, describedBy: i, invalid: a, disabled: o }) {
+	let s = Array.isArray(e) ? e.filter((e) => typeof e == "string") : [], c = Tr(n), l = n.children?.[0]?.kind === "enum";
+	return /* @__PURE__ */ R(Fn, {
+		id: r,
+		"aria-labelledby": `${r}-label`,
+		"aria-describedby": i,
+		options: l ? c : s.map((e) => ({
+			value: e,
+			label: e
+		})),
+		values: s,
+		onChange: (e) => {
+			t(e.length === 0 && !n.required ? void 0 : e);
+		},
+		allowsCustomValue: !l,
+		itemName: l ? "option" : "tag",
+		isInvalid: a,
+		isDisabled: o
+	});
+}
+function kr({ value: e, onChange: t, field: n, id: r, describedBy: i, invalid: a, disabled: o }) {
+	let [s, c] = d(() => Ve(e)), [l, u] = d(null), f = `${r}-yaml`;
+	return /* @__PURE__ */ z(L, { children: [
+		/* @__PURE__ */ R("textarea", {
+			id: r,
+			rows: Math.min(12, Math.max(3, s.split("\n").length + 1)),
+			value: s,
+			spellCheck: !1,
+			onChange: (e) => {
+				c(e.target.value);
+				let n = Ze(e.target.value);
+				n.ok ? (u(null), t(n.value)) : u(n.message);
+			},
+			"aria-describedby": [
+				i,
+				`${r}-raw`,
+				l ? f : void 0
+			].filter(Boolean).join(" "),
+			"aria-invalid": a || l !== null || void 0,
+			"aria-required": n.required || void 0,
+			disabled: o,
+			className: V(Z, "resize-y font-mono text-small")
+		}),
+		/* @__PURE__ */ z("p", {
+			id: `${r}-raw`,
+			className: "text-small text-content-muted",
+			children: ["Edited as YAML", n.unknownReason ? `: Vesper has no control for this ${n.unknownReason} field.` : "."]
+		}),
+		l && /* @__PURE__ */ R("p", {
+			id: f,
+			className: "text-small text-danger",
+			children: l
+		})
+	] });
+}
+//#endregion
+//#region src/widgets/geo.tsx
+var Ar = i(() => import("./geo-map-CT3OGD7O.js"));
+function jr(e) {
+	if (!B(e)) return {};
+	let { lat: t, lng: n } = e;
+	return {
+		...typeof t == "number" ? { lat: t } : {},
+		...typeof n == "number" ? { lng: n } : {}
+	};
+}
+function Mr({ value: e, onChange: n, field: r, id: i, disabled: a, invalid: o, describedBy: s }) {
+	let c = jr(e), [l, u] = d(!1), f = (t, i) => {
+		let a = {
+			...B(e) ? e : {},
+			[t]: i
+		};
+		i === void 0 && Reflect.deleteProperty(a, t), n(Object.keys(a).length === 0 && !r.required ? void 0 : a);
+	}, p = r.widgetOptions;
+	return /* @__PURE__ */ z("div", {
+		className: "flex flex-col gap-3",
+		children: [/* @__PURE__ */ z("div", {
+			className: "flex flex-wrap gap-4",
+			children: [/* @__PURE__ */ R(Nr, {
+				id: i,
+				label: "Latitude",
+				hint: "−90 to 90, north is positive",
+				value: c.lat,
+				min: -90,
+				max: 90,
+				onChange: (e) => {
+					f("lat", e);
+				},
+				disabled: a,
+				invalid: o,
+				describedBy: s
+			}), /* @__PURE__ */ R(Nr, {
+				id: `${i}-lng`,
+				label: "Longitude",
+				hint: "−180 to 180, east is positive",
+				value: c.lng,
+				min: -180,
+				max: 180,
+				onChange: (e) => {
+					f("lng", e);
+				},
+				disabled: a,
+				invalid: o,
+				describedBy: s
+			})]
+		}), l ? /* @__PURE__ */ R(t, {
+			fallback: /* @__PURE__ */ R("p", {
+				className: "text-small text-content-muted",
+				children: "Loading the map…"
+			}),
+			children: /* @__PURE__ */ R(Ar, {
+				label: r.label,
+				point: c.lat !== void 0 && c.lng !== void 0 ? c : null,
+				center: p?.defaultCenter,
+				zoom: p?.zoom,
+				disabled: a,
+				onChange: (t) => {
+					n({
+						...B(e) ? e : {},
+						lat: t.lat,
+						lng: t.lng
+					});
+				}
+			})
+		}) : /* @__PURE__ */ R("div", { children: /* @__PURE__ */ R(K, {
+			variant: "quiet",
+			onPress: () => {
+				u(!0);
+			},
+			children: "Show on a map"
+		}) })]
+	});
+}
+function Nr({ id: e, label: t, hint: n, value: r, min: i, max: a, onChange: o, disabled: s, invalid: c, describedBy: l }) {
+	let [u, f] = d(r === void 0 ? "" : String(r)), [p, m] = d(r);
+	return r !== p && (m(r), f(r === void 0 ? "" : String(r))), /* @__PURE__ */ z("div", {
+		className: "flex flex-col gap-1",
+		children: [
+			/* @__PURE__ */ R("label", {
+				htmlFor: e,
+				className: "text-small text-content",
+				children: t
+			}),
+			/* @__PURE__ */ R("input", {
+				id: e,
+				type: "number",
+				inputMode: "decimal",
+				step: "any",
+				min: i,
+				max: a,
+				value: u,
+				onChange: (e) => {
+					f(e.target.value);
+					let t = e.target.value === "" ? void 0 : e.target.valueAsNumber;
+					(t === void 0 || Number.isFinite(t)) && (m(t), o(t));
+				},
+				"aria-describedby": [l, `${e}-hint`].filter(Boolean).join(" "),
+				"aria-invalid": c || void 0,
+				disabled: s,
+				className: V(Z, "w-44")
+			}),
+			/* @__PURE__ */ R("p", {
+				id: `${e}-hint`,
+				className: "text-small text-content-muted",
+				children: n
+			})
+		]
+	});
+}
+//#endregion
+//#region src/app/file-url.tsx
+function Pr(e) {
+	let { api: t } = J(), [n, r] = d(null);
+	return s(() => {
+		if (!e) return;
+		let n = !0;
+		return t.fileUrl(e).then((t) => {
+			n && r({
+				path: e,
+				url: t
+			});
+		}, () => {}), () => {
+			n = !1;
+		};
+	}, [t, e]), e && n?.path === e ? n.url : "";
+}
+function Fr({ path: e, className: t, loading: n }) {
+	let r = Pr(e);
+	return r ? /* @__PURE__ */ R("img", {
+		src: r,
+		alt: "",
+		loading: n,
+		className: t
+	}) : /* @__PURE__ */ R("span", {
+		"aria-hidden": "true",
+		className: t
+	});
+}
+//#endregion
+//#region src/editor/reveal.ts
+var Ir = "vesper:reveal";
+function Lr(e) {
+	return e.closest("[hidden], [inert]") !== null;
+}
+function Rr(e, t = 20, n = !1) {
+	let r = document.getElementById(e);
+	r && !Lr(r) ? (r.scrollIntoView({ block: "center" }), r.focus()) : (r && !n && (r.dispatchEvent(new CustomEvent(Ir, { bubbles: !0 })), n = !0), t > 0 && setTimeout(() => {
+		Rr(e, t - 1, n);
+	}, 25));
+}
+//#endregion
+//#region src/widgets/union.tsx
+function zr(e, t) {
+	return {
+		[e.discriminator ?? ""]: t.value,
+		...mr(t.children)
+	};
+}
+function Br(e) {
+	return e == null || e === "" ? !0 : Array.isArray(e) ? e.length === 0 : B(e) && Object.values(e).every(Br);
+}
+function Vr(e, t, n, r) {
+	let i = e.discriminator ?? "", a = ot(e, t), o = B(t) ? t : {}, s = mr(n.children), c = { [i]: n.value }, l = [];
+	for (let e of n.children) {
+		let t = Y(e), n = a?.children.find((e) => Y(e) === t), i = !a || n?.kind === e.kind ? o[t] : void 0;
+		i === void 0 ? r?.[t] === void 0 ? s[t] !== void 0 && (c[t] = s[t]) : c[t] = r[t] : (c[t] = i, Br(i) || l.push(e.label));
+	}
+	return {
+		value: c,
+		kept: l,
+		dropped: Object.keys(o).filter((e) => e !== i && !(e in c) && !Br(o[e])).map((e) => a?.children.find((t) => Y(t) === e)?.label ?? We(e))
+	};
+}
+function Hr(e) {
+	let t = (e) => e.length <= 1 ? e[0] ?? "" : `${e.slice(0, -1).join(", ")} and ${e.at(-1) ?? ""}`;
+	return [e.kept.length > 0 ? `${t(e.kept)} kept.` : "", e.dropped.length > 0 ? `${t(e.dropped)} removed.` : ""].filter(Boolean).join(" ");
+}
+var Ur = [
+	"title",
+	"name",
+	"label",
+	"heading",
+	"text"
+], Wr = (e) => e.replace(/[*_`]/g, "").trim();
+function Gr(e, t) {
+	let n = ot(t, e);
+	if (!n) {
+		let n = B(e) ? e[t.discriminator ?? ""] : void 0;
+		return {
+			name: typeof n == "string" && n ? `Unknown kind: ${n}` : "No kind",
+			detail: ""
+		};
+	}
+	if (!B(e)) return {
+		name: n.label,
+		detail: ""
+	};
+	let r = n.children.filter((e) => !e.hidden);
+	for (let t of [
+		n.summary,
+		...Ur,
+		...r.map(Y)
+	]) {
+		let r = t ? e[t] : void 0;
+		if (typeof r == "string" && Wr(r)) return {
+			name: n.label,
+			detail: Wr(r)
+		};
+	}
+	let i = r.find((e) => e.kind === "array");
+	if (i) {
+		let t = e[Y(i)], r = i.label.toLowerCase(), a = /[^s]s$/.test(r) ? r.slice(0, -1) : r;
+		return {
+			name: n.label,
+			detail: sr(Array.isArray(t) ? t.length : 0, a, r)
+		};
+	}
+	return {
+		name: n.label,
+		detail: ""
+	};
+}
+function Kr({ kind: e, path: t }) {
+	return /* @__PURE__ */ R("div", {
+		className: "flex flex-col gap-4",
+		children: e.children.filter((e) => !e.hidden).map((e) => /* @__PURE__ */ R(Va, {
+			field: e,
+			path: [...t, Y(e)]
+		}, Y(e)))
+	});
+}
+var qr = "";
+function Jr(e) {
+	let { value: t, onChange: n, field: r, path: i, id: a, describedBy: o, invalid: s, disabled: c, inRow: l } = e, d = u(/* @__PURE__ */ new Map()), f = ot(r, t), p = r.variants ?? [], m = f ? f.children.length > 0 ? /* @__PURE__ */ R(Kr, {
+		kind: f,
+		path: i
+	}) : l ? /* @__PURE__ */ R("p", {
+		className: "text-small text-content-muted",
+		children: "This kind has nothing more to fill in."
+	}) : null : t != null && !f ? /* @__PURE__ */ z("div", {
+		className: "flex flex-col gap-2",
+		children: [
+			/* @__PURE__ */ R("label", {
+				htmlFor: `${a}-yaml`,
+				className: "text-label text-content",
+				children: Gr(t, r).name
+			}),
+			/* @__PURE__ */ R("p", {
+				id: `${a}-unknown`,
+				className: "text-small text-content-muted",
+				children: "The site has no kind by this name. Change it to one it has, or edit it here."
+			}),
+			/* @__PURE__ */ R(kr, {
+				value: t,
+				onChange: n,
+				field: {
+					...r,
+					unknownReason: void 0
+				},
+				id: `${a}-yaml`,
+				describedBy: [o, `${a}-unknown`].filter(Boolean).join(" "),
+				invalid: s,
+				disabled: c
+			})
+		]
+	}) : null;
+	if (l) return m;
+	let h = (e) => {
+		f && d.current.set(f.value, B(t) ? t : {});
+		let i = p.find((t) => t.value === e);
+		n(i ? Vr(r, t, i, d.current.get(i.value)).value : void 0);
+	}, g = [...r.required ? [] : [{
+		value: qr,
+		label: "None"
+	}], ...p.map((e) => ({
+		value: e.value,
+		label: e.label
+	}))], _ = f ? f.value : t === void 0 ? qr : null, v = g.length <= 4 ? /* @__PURE__ */ R(zn, {
+		id: `${a}-kind`,
+		label: "Kind",
+		options: g,
+		value: _,
+		onChange: h,
+		isDisabled: c,
+		orientation: g.length <= 3 ? "horizontal" : "vertical"
+	}) : /* @__PURE__ */ R(Nn, {
+		id: `${a}-kind`,
+		label: "Kind",
+		options: g,
+		value: _,
+		onChange: (e) => {
+			h(e ?? qr);
+		},
+		isDisabled: c
+	});
+	return /* @__PURE__ */ z("div", {
+		className: "flex flex-col gap-4",
+		children: [
+			v,
+			f?.description && /* @__PURE__ */ R("p", {
+				className: "text-small text-content-muted",
+				children: f.description
+			}),
+			m
+		]
+	});
+}
+//#endregion
+//#region src/widgets/group.tsx
+function Yr({ field: e, path: t }) {
+	let n = (e.children ?? []).filter((e) => !e.hidden);
+	return /* @__PURE__ */ R("div", {
+		className: "flex flex-col gap-4",
+		children: n.map((e) => /* @__PURE__ */ R(Va, {
+			field: e,
+			path: [...t, Y(e)]
+		}, Y(e)))
+	});
+}
+function Xr(e) {
+	let t = e.children?.[0], n = e.label.toLowerCase(), r = t?.label && t.label !== "[]" && t.label !== "Item" ? t.label : "";
+	return {
+		one: r ? r.toLowerCase() : /[^s]s$/.test(n) ? n.slice(0, -1) : n,
+		many: n
+	};
+}
+var Zr = (e) => e.charAt(0).toLocaleUpperCase() + e.slice(1), Qr = [
+	"title",
+	"name",
+	"label",
+	"heading",
+	"text"
+];
+function $r(e) {
+	return e?.kind === "image" || e?.widget === "image" || e?.inferredWidget === "image";
+}
+function ei(e) {
+	return e.slice(e.lastIndexOf("/") + 1);
+}
+function ti(e) {
+	let t = B(e) ? e.src : e;
+	return typeof t == "string" ? t : "";
+}
+var ni = (e) => e.replace(/[*_`]/g, "").trim();
+function ri(e, t, n) {
+	let r = {
+		name: `${Zr(Xr(n).one)} ${String(t + 1)}`,
+		key: void 0
+	};
+	if (typeof e == "string") return e.trim() ? {
+		name: ni(e),
+		key: void 0
+	} : r;
+	if ($r(n.children?.[0])) {
+		let t = B(e) && typeof e.alt == "string" ? e.alt.trim() : "", n = ti(e);
+		return t ? {
+			name: t,
+			key: "alt"
+		} : n ? {
+			name: ei(n),
+			key: "src"
+		} : r;
+	}
+	if (!B(e)) return r;
+	let i = (n.children?.[0]?.children ?? []).filter((e) => !e.hidden).map(Y);
+	for (let t of [
+		n.summary,
+		...Qr,
+		...i
+	]) {
+		if (!t) continue;
+		let n = e[t];
+		if (typeof n == "string" && n.trim()) return {
+			name: ni(n),
+			key: t
+		};
+	}
+	return r;
+}
+function ii(e, t, n) {
+	if (!B(e)) return "";
+	let r = t.children ?? [], i = r.find((e) => e.kind === "array" && !e.hidden);
+	if (i) {
+		let t = e[Y(i)], { one: n, many: r } = Xr(i);
+		return sr(Array.isArray(t) ? t.length : 0, n, r);
+	}
+	for (let t of r) {
+		let r = Y(t), i = e[r];
+		if (r !== n && !t.hidden && typeof i == "string" && i.trim()) return ni(i);
+	}
+	return "";
+}
+function ai(e, t) {
+	if (!e) return 0;
+	let n = 0;
+	for (let [r, i] of e) (r === t || r.startsWith(`${t}.`)) && i.length > 0 && (n += i.length);
+	return n;
+}
+function oi(e) {
+	return e ? e.default !== void 0 && !e.defaultDynamic ? structuredClone(e.default) : e.kind === "object" ? {} : e.kind === "boolean" ? !1 : e.kind === "array" ? [] : e.kind === "number" ? 0 : "" : null;
+}
+var si = 0, ci = () => `item${String(++si)}`, li = "application/x-vesper-list-item";
+function ui(e) {
+	return e.length <= 1 ? e[0] ?? "" : `${e.slice(0, -1).join(", ")} and ${e.at(-1) ?? ""}`;
+}
+function di({ value: e, onChange: t, field: n, path: r, disabled: i, id: a }) {
+	let o = X(), c = Array.isArray(e) ? e : [], l = n.children?.[0], f = Xr(n), p = l?.kind === "union" ? l.variants ?? [] : null, m = l?.kind === "object" || p !== null || $r(l), h = n.constraints?.max, g = h !== void 0 && c.length >= h, _ = u(null), v = u(null), y = u(/* @__PURE__ */ new Map()), [b, x] = d(null), [S, C] = d(() => c.map(() => ci())), w = S;
+	S.length !== c.length && (w = c.map((e, t) => S[t] ?? ci()), C(w));
+	let [T, E] = d(() => /* @__PURE__ */ new Set()), [D, ee] = d(null), O = (e, t) => {
+		E((n) => {
+			if (n.has(e) === t) return n;
+			let r = new Set(n);
+			return t ? r.add(e) : r.delete(e), r;
+		});
+	}, [k, te] = d(o.issues);
+	if (k !== o.issues) {
+		te(o.issues);
+		let e = w.filter((e, t) => ai(o.issues, pr([...r, t])) > 0);
+		e.length > 0 && E((t) => /* @__PURE__ */ new Set([...t, ...e]));
+	}
+	s(() => {
+		let e = v.current;
+		if (!e) return;
+		let t = (t) => {
+			let n = t.target, r = [...e.children].findIndex((e) => e.contains(n)), i = w[r];
+			i && E((e) => e.has(i) ? e : /* @__PURE__ */ new Set([...e, i]));
+		};
+		return e.addEventListener(Ir, t), () => {
+			e.removeEventListener(Ir, t);
+		};
+	}, [w]);
+	let A = (e) => {
+		_.current && (_.current.textContent = e);
+	}, j = (e) => {
+		setTimeout(() => {
+			e()?.focus();
+		}, 0);
+	}, ne = (e) => document.getElementById(`${a}-more-${e}`)?.querySelector("button") ?? null, M = (e) => () => m ? document.getElementById(`${a}-row-${e}`) : ne(e), N = (e) => {
+		t(e.length === 0 && !n.required ? void 0 : e);
+	}, P = (e, t) => {
+		if (p && l) return Gr(e, l);
+		let { name: r, key: i } = ri(e, t, n);
+		return {
+			name: r,
+			detail: l && m ? ii(e, l, i) : ""
+		};
+	}, F = (e) => P(c[e] ?? null, e).name, re = (e) => p?.find((t) => t.value === e), I = (e, t) => {
+		if (t < 0 || t >= c.length || i) return;
+		let n = F(e), r = [...c], [a] = r.splice(e, 1);
+		r.splice(t, 0, a ?? null);
+		let o = [...w], [s = ci()] = o.splice(e, 1);
+		o.splice(t, 0, s), C(o), N(r), A(`Moved ${n} to position ${String(t + 1)} of ${String(r.length)}.`), j(M(s));
+	}, ie = (e) => {
+		if (g) return;
+		let t = structuredClone(c[e] ?? null), n = ci();
+		C([
+			...w.slice(0, e + 1),
+			n,
+			...w.slice(e + 1)
+		]), N([
+			...c.slice(0, e + 1),
+			t,
+			...c.slice(e + 1)
+		]), A(`Duplicated ${F(e)} as ${f.one} ${String(e + 2)}.`), j(M(n));
+	}, ae = (e) => {
+		let t = F(e), n = w.filter((t, n) => n !== e), r = c.filter((t, n) => n !== e);
+		C(n), N(r), A(`Removed ${t}.`);
+		let i = n[Math.min(e, r.length - 1)];
+		j(i ? M(i) : () => document.getElementById(`${a}-add`));
+	}, oe = (e, t) => {
+		if (g || i) return;
+		let n = ci();
+		C([
+			...w.slice(0, e),
+			n,
+			...w.slice(e)
+		]), m && O(n, !0);
+		let r = t && l ? zr(l, t) : oi(l);
+		N([
+			...c.slice(0, e),
+			r,
+			...c.slice(e)
+		]);
+		let o = `${f.one} ${String(e + 1)}`;
+		A(t ? `Added ${t.label}, ${o} of ${String(c.length + 1)}.` : `Added ${o}.`), j(() => document.getElementById(`${a}-panel-${n}`)?.querySelector("input, textarea, [contenteditable=\"true\"], button") ?? M(n)());
+	}, [se, ce] = d(null), [le, ue] = d(null), de = (e) => {
+		let t = v.current, n = se === null ? -1 : w.indexOf(se);
+		if (!t || n === -1) return null;
+		let r = t.getBoundingClientRect(), i = [...t.children].map((e) => e.getBoundingClientRect()), a = i.findIndex((t) => r.top + e < t.top + t.height / 2), o = a === -1 ? i.length : a, s = i[o - 1], c = i[o];
+		if (o === n || o === n + 1 || !s && !c) return null;
+		let l = (Number.parseFloat(getComputedStyle(t).rowGap) || 0) / 2;
+		return {
+			slot: o,
+			top: (s && c ? (s.bottom + c.top) / 2 : s ? s.bottom + l : (c?.top ?? 0) - l) - (t.parentElement?.getBoundingClientRect() ?? r).top
+		};
+	}, { dropProps: fe } = Ne({
+		ref: v,
+		isDisabled: se === null,
+		hasDropButton: !0,
+		getDropOperation: (e) => e.has(li) ? "move" : "cancel",
+		onDropEnter: ({ y: e }) => {
+			ue(de(e));
+		},
+		onDropMove: ({ y: e }) => {
+			let t = de(e);
+			ue((e) => e?.slot === t?.slot ? e : t);
+		},
+		onDropExit: () => {
+			ue(null);
+		},
+		onDrop: ({ y: e }) => {
+			let t = de(e), n = se === null ? -1 : w.indexOf(se);
+			ue(null), t && n !== -1 && I(n, t.slot > n ? t.slot - 1 : t.slot);
+		}
+	}), pe = i ? void 0 : (e) => ({
+		onStart: () => {
+			ce(e);
+		},
+		onEnd: () => {
+			ce(null), ue(null);
+		}
+	}), me = (e, t, n = !1) => {
+		let r = w[e];
+		if (!l || !r || i) return;
+		let a = c[e] ?? null, o = y.current.get(r) ?? /* @__PURE__ */ new Map(), s = Vr(l, a, t, o.get(t.value));
+		if (s.dropped.length > 0 && !n) {
+			x({
+				index: e,
+				itemId: r,
+				from: F(e),
+				to: t,
+				dropped: s.dropped
+			});
+			return;
+		}
+		let u = ot(l, a);
+		u && B(a) && o.set(u.value, a), y.current.set(r, o), N(c.map((t, n) => n === e ? s.value : t)), A(`Changed to ${t.label}. ${Hr(s)}`.trim()), j(M(r));
+	}, he = (e, t) => (p ?? []).filter((e) => e.value !== t).map((t) => ({
+		id: `${e}:${t.value}`,
+		label: t.label,
+		...t.description ? { description: t.description } : {}
+	})), ge = (e) => {
+		let t = [{
+			id: "up",
+			label: "Move up",
+			icon: "move-up",
+			isDisabled: i || e === 0
+		}, {
+			id: "down",
+			label: "Move down",
+			icon: "move-down",
+			isDisabled: i || e === c.length - 1
+		}], n = [{
+			id: "duplicate",
+			label: "Duplicate",
+			icon: "duplicate",
+			isDisabled: i || g
+		}, {
+			id: "remove",
+			label: "Remove",
+			icon: "delete",
+			isDanger: !0,
+			isDisabled: i
+		}];
+		if (!p || !l) return [...t, ...n];
+		let [r] = p, a = p.length === 1 && r ? {
+			id: `below:${r.value}`,
+			label: "Add below",
+			icon: "add"
+		} : {
+			id: "below",
+			label: "Add below",
+			icon: "add",
+			items: he("below")
+		}, o = he("change", ot(l, c[e] ?? null)?.value);
+		return [
+			...t,
+			{
+				...a,
+				isDisabled: i || g
+			},
+			...o.length > 0 ? [{
+				id: "change",
+				label: "Change to",
+				icon: "change-kind",
+				isDisabled: i,
+				items: o
+			}] : [],
+			...n
+		];
+	}, _e = (e) => (t) => {
+		t === "up" && I(e, e - 1), t === "down" && I(e, e + 1), t === "duplicate" && ie(e), t === "remove" && ae(e);
+		let n = t.startsWith("below:") ? re(t.slice(6)) : void 0;
+		n && oe(e + 1, n);
+		let r = t.startsWith("change:") ? re(t.slice(7)) : void 0;
+		r && me(e, r);
+	}, ve = (e, t, n) => /* @__PURE__ */ R(fi, {
+		id: `${a}-more-${t}`,
+		label: `Actions for ${n}`,
+		items: ge(e),
+		onAction: _e(e),
+		isOpen: D === t,
+		onOpenChange: (e) => {
+			ee(e ? t : null);
+		}
+	}), ye = `Add ${f.one}`, be = c.length > 0 && w.every((e) => T.has(e));
+	return /* @__PURE__ */ z("div", {
+		className: "relative flex flex-col gap-3",
+		children: [
+			m && c.length >= 3 && /* @__PURE__ */ R("div", {
+				className: "-mt-1 flex justify-end",
+				children: /* @__PURE__ */ R(K, {
+					variant: "quiet",
+					onPress: () => {
+						E(be ? /* @__PURE__ */ new Set() : new Set(w));
+					},
+					children: be ? "Close all" : "Open all"
+				})
+			}),
+			c.length === 0 && /* @__PURE__ */ R("p", {
+				className: "text-small text-content-muted",
+				children: "None yet."
+			}),
+			/* @__PURE__ */ R("ol", {
+				...fe,
+				ref: v,
+				className: V("flex flex-col", m ? "gap-2" : "gap-3"),
+				children: c.map((e, t) => {
+					let n = w[t] ?? String(t), { name: i, detail: s } = P(e, t), c = p && s ? `${i}, ${s}` : i;
+					if (!l) return null;
+					if (!m) return /* @__PURE__ */ z("li", {
+						className: "flex items-end gap-2",
+						children: [/* @__PURE__ */ R("div", {
+							className: "min-w-0 flex-1",
+							children: /* @__PURE__ */ R(Va, {
+								field: l,
+								path: [...r, t],
+								label: `${Zr(f.one)} ${String(t + 1)}`,
+								item: "inline"
+							})
+						}), ve(t, n, c)]
+					}, n);
+					let u = pr([...r, t]);
+					return /* @__PURE__ */ R("li", { children: /* @__PURE__ */ R(hi, {
+						id: a,
+						itemId: n,
+						name: i,
+						detail: s,
+						problems: ai(o.issues, u),
+						notes: ai(o.notes, u),
+						image: $r(l) ? ti(e) : null,
+						headingLevel: r.length === 1 ? 3 : null,
+						isOpen: T.has(n),
+						onOpenChange: (e) => {
+							O(n, e);
+						},
+						onKeyDown: (e) => {
+							e.altKey && e.key === "ArrowUp" ? (e.preventDefault(), I(t, t - 1)) : e.altKey && e.key === "ArrowDown" ? (e.preventDefault(), I(t, t + 1)) : e.shiftKey && e.key === "F10" || e.key === "ContextMenu" ? (e.preventDefault(), ee(n)) : e.continuePropagation();
+						},
+						menu: ve(t, n, c),
+						drag: pe?.(n),
+						editor: o,
+						children: /* @__PURE__ */ R(Va, {
+							field: l,
+							path: [...r, t],
+							label: i,
+							item: "row"
+						})
+					}) }, n);
+				})
+			}),
+			le && /* @__PURE__ */ R("span", {
+				"aria-hidden": "true",
+				className: "pointer-events-none absolute inset-x-0 h-0.5 -translate-y-1/2 rounded-full bg-accent",
+				style: { top: le.top }
+			}),
+			/* @__PURE__ */ z("div", {
+				className: "flex flex-col items-start gap-1",
+				children: [p && p.length > 1 ? /* @__PURE__ */ R(On, {
+					label: ye,
+					trigger: /* @__PURE__ */ R(K, {
+						id: `${a}-add`,
+						icon: "add",
+						isDisabled: i || g,
+						children: ye
+					}),
+					items: he("add"),
+					onAction: (e) => {
+						let t = re(e.slice(4));
+						t && oe(c.length, t);
+					}
+				}) : /* @__PURE__ */ R(K, {
+					id: `${a}-add`,
+					icon: "add",
+					isDisabled: i || g,
+					onPress: () => {
+						oe(c.length, p?.[0]);
+					},
+					children: ye
+				}), g && /* @__PURE__ */ z("p", {
+					className: "text-small text-content-muted",
+					children: [
+						"At most ",
+						sr(h, f.one, f.many),
+						"."
+					]
+				})]
+			}),
+			/* @__PURE__ */ R("p", {
+				ref: _,
+				role: "status",
+				className: "sr-only"
+			}),
+			/* @__PURE__ */ R(Sn, {
+				title: b ? `Change ${b.from} to ${b.to.label}?` : "",
+				role: "alertdialog",
+				isOpen: b !== null,
+				onOpenChange: (e) => {
+					e || x(null);
+				},
+				children: b && /* @__PURE__ */ z(L, { children: [/* @__PURE__ */ z("p", {
+					className: "mb-6",
+					children: [
+						ui(b.dropped),
+						" ",
+						b.dropped.length === 1 ? "has" : "have",
+						" no place in",
+						" ",
+						b.to.label,
+						", so ",
+						b.dropped.length === 1 ? "it is" : "they are",
+						" removed. Changing back before you save brings ",
+						b.dropped.length === 1 ? "it" : "them",
+						" ",
+						"back."
+					]
+				}), /* @__PURE__ */ z("div", {
+					className: "flex flex-wrap justify-end gap-3",
+					children: [/* @__PURE__ */ R(K, {
+						onPress: () => {
+							x(null), j(M(b.itemId));
+						},
+						children: "Cancel"
+					}), /* @__PURE__ */ z(K, {
+						variant: "danger",
+						onPress: () => {
+							x(null), me(b.index, b.to, !0);
+						},
+						children: ["Change to ", b.to.label]
+					})]
+				})] })
+			})
+		]
+	});
+}
+function fi(e) {
+	let { id: t, ...n } = e;
+	return /* @__PURE__ */ R("span", {
+		id: t,
+		className: "flex shrink-0",
+		children: /* @__PURE__ */ R(On, { ...n })
+	});
+}
+function pi({ src: e, entryPath: t }) {
+	let n = Pr(e ? et(e, t) : null);
+	return n ? /* @__PURE__ */ R("img", {
+		src: n,
+		alt: "",
+		className: "size-10 shrink-0 rounded-sm object-cover"
+	}) : /* @__PURE__ */ R("span", {
+		"aria-hidden": "true",
+		className: "size-10 shrink-0 rounded-sm bg-surface-sunken"
+	});
+}
+function mi({ dragProps: e, header: t }) {
+	return /* @__PURE__ */ R("span", {
+		...e,
+		"aria-hidden": "true",
+		onDragStart: (n) => {
+			e.onDragStart?.(n);
+			let r = t.current;
+			if (!r || n.defaultPrevented) return;
+			let i = r.getBoundingClientRect();
+			n.dataTransfer.setDragImage(r, n.clientX - i.left, n.clientY - i.top);
+		},
+		className: "ml-1 inline-flex size-8 shrink-0 cursor-grab items-center justify-center rounded-md text-content-muted hover:text-content active:cursor-grabbing",
+		children: /* @__PURE__ */ R(G, { name: "drag" })
+	});
+}
+function hi({ id: e, itemId: t, name: n, detail: r, problems: i, notes: a, image: o, headingLevel: s, isOpen: c, onOpenChange: l, onKeyDown: d, menu: p, drag: m, editor: h, children: g }) {
+	let _ = u(null), { dragProps: v, isDragging: y } = je({
+		isDisabled: !m,
+		hasDragButton: !0,
+		getItems: () => [{ [li]: t }],
+		getAllowedDropOperations: () => ["move"],
+		onDragStart: () => m?.onStart(),
+		onDragEnd: () => m?.onEnd()
+	}), S = /* @__PURE__ */ z(f, {
+		slot: "trigger",
+		id: `${e}-row-${t}`,
+		onKeyDown: d,
+		className: V("flex min-h-11 w-full min-w-0 items-center gap-2 rounded-md py-1 pl-2 text-left text-body text-content", H),
+		children: [
+			/* @__PURE__ */ R(q, { className: "shrink-0 -rotate-90 group-data-[expanded]:rotate-0" }),
+			o !== null && /* @__PURE__ */ R(pi, {
+				src: o,
+				entryPath: h.entryPath
+			}),
+			/* @__PURE__ */ R("span", {
+				className: "max-w-2/3 min-w-0 shrink-0 truncate",
+				children: n
+			}),
+			r && /* @__PURE__ */ z("span", {
+				className: "min-w-0 flex-1 truncate text-small text-content-muted",
+				children: [
+					/* @__PURE__ */ R("span", {
+						className: "sr-only",
+						children: ","
+					}),
+					" ",
+					r
+				]
+			}),
+			i > 0 && /* @__PURE__ */ z("span", {
+				className: "shrink-0 text-small text-danger",
+				children: [
+					/* @__PURE__ */ R("span", {
+						className: "sr-only",
+						children: ","
+					}),
+					" ",
+					sr(i, "problem", "problems")
+				]
+			}),
+			a > 0 && /* @__PURE__ */ z("span", {
+				className: "shrink-0 text-small text-content-muted",
+				children: [
+					/* @__PURE__ */ R("span", {
+						className: "sr-only",
+						children: ","
+					}),
+					" ",
+					sr(a, "note", "notes")
+				]
+			})
+		]
+	});
+	return /* @__PURE__ */ z(b, {
+		id: t,
+		isExpanded: c,
+		onExpandedChange: l,
+		className: V("group rounded-md border border-border bg-surface-raised", y && "opacity-50"),
+		children: [/* @__PURE__ */ z("div", {
+			ref: _,
+			className: V("flex items-center gap-1 rounded-md bg-surface-raised pr-1", !c && "hover:bg-surface-sunken"),
+			children: [
+				m && /* @__PURE__ */ R(mi, {
+					dragProps: v,
+					header: _
+				}),
+				s ? /* @__PURE__ */ R(T, {
+					level: s,
+					className: "m-0 min-w-0 flex-1",
+					children: S
+				}) : /* @__PURE__ */ R("div", {
+					className: "min-w-0 flex-1",
+					children: S
+				}),
+				p
+			]
+		}), /* @__PURE__ */ R(x, { children: /* @__PURE__ */ R("div", {
+			id: `${e}-panel-${t}`,
+			className: "border-t border-border px-4 pt-3 pb-4",
+			children: g
+		}) })]
+	});
+}
+//#endregion
+//#region src/widgets/icon.tsx
+function gi({ value: e, onChange: t, field: n, id: r, describedBy: i, invalid: a, disabled: o }) {
+	let { manifest: s } = J(), c = l(() => {
+		let e = s.icons ?? {};
+		return (n.constraints?.options ?? []).map((t) => {
+			let n = Object.hasOwn(e, t.value) ? e[t.value] : void 0;
+			return {
+				...t,
+				prefix: n ? /* @__PURE__ */ R(G, { node: n }) : /* @__PURE__ */ R("span", { className: "block size-5" })
+			};
+		});
+	}, [n, s.icons]);
+	return /* @__PURE__ */ R(Pn, {
+		id: r,
+		"aria-labelledby": `${r}-label`,
+		"aria-describedby": i,
+		options: c,
+		value: typeof e == "string" ? e : null,
+		onChange: (e) => {
+			t(e ?? void 0);
+		},
+		placeholder: "Search icons",
+		isRequired: n.required,
+		isInvalid: a,
+		isDisabled: o
+	});
+}
+//#endregion
+//#region src/a11y/FieldNotes.tsx
+function _i({ note: e }) {
+	return /* @__PURE__ */ z(L, { children: [
+		e.subject ? `${e.subject}: ` : "",
+		e.message,
+		" ",
+		/* @__PURE__ */ R("span", {
+			className: "text-content-muted",
+			children: e.why
+		})
+	] });
+}
+function vi({ id: e, notes: t }) {
+	return /* @__PURE__ */ R("ul", {
+		id: e,
+		className: "m-0 flex list-none flex-col gap-1 p-0",
+		children: t.map((e, t) => /* @__PURE__ */ R("li", {
+			className: "flex gap-2 text-small text-content",
+			children: /* @__PURE__ */ R(bi, { children: /* @__PURE__ */ R(_i, { note: e }) })
+		}, `${e.rule}:${String(t)}`))
+	});
+}
+function yi({ id: e, children: t }) {
+	return /* @__PURE__ */ R("p", {
+		id: e,
+		className: "flex gap-2 text-small text-content",
+		children: /* @__PURE__ */ R(bi, { children: t })
+	});
+}
+function bi({ children: e }) {
+	return /* @__PURE__ */ z(L, { children: [/* @__PURE__ */ R(G, {
+		name: "warning",
+		size: 16,
+		className: "mt-0.5 text-warning"
+	}), /* @__PURE__ */ z("span", { children: [/* @__PURE__ */ R("span", {
+		className: "font-semibold",
+		children: "Accessibility note: "
+	}), e] })] });
+}
+//#endregion
+//#region src/media/formats.ts
+var Q = (e, t, n) => String.fromCharCode(...e.subarray(t, t + n));
+function xi(e) {
+	if (e[0] === 255 && e[1] === 216 && e[2] === 255) return "jpeg";
+	if (Q(e, 0, 8) === "‰PNG\r\n\n") return "png";
+	if (Q(e, 0, 4) === "GIF8") return "gif";
+	if (Q(e, 0, 4) === "RIFF" && Q(e, 8, 4) === "WEBP") return "webp";
+	if (Q(e, 0, 5) === "%PDF-") return "pdf";
+	if (Q(e, 4, 4) === "ftyp") {
+		let t = $(e).getUint32(0), n = [Q(e, 8, 4)];
+		for (let r = 16; r + 4 <= Math.min(t, e.length); r += 4) n.push(Q(e, r, 4));
+		if (n.some((e) => e === "avif" || e === "avis")) return "avif";
+		if (n.some((e) => [
+			"heic",
+			"heix",
+			"hevc",
+			"hevx",
+			"heim",
+			"heis",
+			"mif1",
+			"msf1"
+		].includes(e))) return "heic";
+	}
+	let t = new TextDecoder().decode(e.subarray(0, 1024)).replace(/^\uFEFF/, "").trimStart();
+	return /^(<\?xml[^>]*>\s*)?(<!--[\s\S]*?-->\s*)*(<!DOCTYPE svg[^>]*>\s*)?<svg[\s>]/i.test(t) ? "svg" : "other";
+}
+function $(e) {
+	return new DataView(e.buffer, e.byteOffset, e.byteLength);
+}
+function Si(e) {
+	let t = [], n = 2;
+	for (; n + 4 <= e.length && e[n] === 255;) {
+		let r = e[n + 1] ?? 0;
+		if (r === 255) {
+			n += 1;
+			continue;
+		}
+		let i = $(e).getUint16(n + 2), a = n + 2 + i;
+		if (r === 218) return {
+			segments: t,
+			dataStart: n
+		};
+		t.push({
+			marker: r,
+			start: n,
+			end: a
+		}), n = a;
+	}
+	return {
+		segments: t,
+		dataStart: n
+	};
+}
+function Ci(e) {
+	if (e.length < 8) return { hasLocation: !1 };
+	let t = Q(e, 0, 2) === "II", n = $(e), r = (e) => n.getUint16(e, t), i = ((e) => n.getUint32(e, t))(4);
+	if (i + 2 > e.length) return { hasLocation: !1 };
+	let a, o = !1, s = r(i);
+	for (let t = 0; t < s; t++) {
+		let n = i + 2 + t * 12;
+		if (n + 12 > e.length) break;
+		let s = r(n);
+		s === 274 && (a = r(n + 8)), s === 34853 && (o = !0);
+	}
+	return {
+		...a === void 0 ? {} : { orientation: a },
+		hasLocation: o
+	};
+}
+var wi = /* @__PURE__ */ new Set([
+	224,
+	226,
+	238
+]);
+function Ti(e) {
+	let t = {
+		hasLocation: !1,
+		hasMetadata: !1
+	};
+	for (let n of Si(e).segments) {
+		let r = e.subarray(n.start + 4, n.end);
+		n.marker === 225 && Q(r, 0, 6) === "Exif\0\0" && Object.assign(t, Ci(r.subarray(6))), (n.marker >= 225 && n.marker <= 239 && !wi.has(n.marker) || n.marker === 254) && (t.hasMetadata = !0), n.marker >= 192 && n.marker <= 207 && ![
+			196,
+			200,
+			204
+		].includes(n.marker) && (t.height = $(e).getUint16(n.start + 5), t.width = $(e).getUint16(n.start + 7));
+	}
+	return t;
+}
+function Ei(e) {
+	let { segments: t, dataStart: n } = Si(e), r = [e.subarray(0, 2)];
+	for (let n of t) n.marker >= 225 && n.marker <= 239 && !wi.has(n.marker) || n.marker === 254 || r.push(e.subarray(n.start, n.end));
+	return r.push(e.subarray(n)), Fi(r);
+}
+var Di = /* @__PURE__ */ new Set([
+	"eXIf",
+	"tEXt",
+	"iTXt",
+	"zTXt",
+	"tIME"
+]);
+function Oi(e) {
+	let t = [], n = 8;
+	for (; n + 12 <= e.length;) {
+		let r = $(e).getUint32(n), i = Q(e, n + 4, 4), a = n + 12 + r;
+		if (t.push({
+			type: i,
+			start: n,
+			end: a
+		}), n = a, i === "IEND") break;
+	}
+	return t;
+}
+function ki(e) {
+	let t = Oi(e), n = t.find((e) => e.type === "IHDR"), r = t.find((e) => e.type === "eXIf");
+	return {
+		...n ? {
+			width: $(e).getUint32(n.start + 8),
+			height: $(e).getUint32(n.start + 12)
+		} : {},
+		...r ? Ci(e.subarray(r.start + 8, r.end - 4)) : { hasLocation: !1 },
+		hasMetadata: t.some((e) => Di.has(e.type))
+	};
+}
+function Ai(e) {
+	let t = [e.subarray(0, 8)];
+	for (let n of Oi(e)) Di.has(n.type) || t.push(e.subarray(n.start, n.end));
+	return Fi(t);
+}
+function ji(e) {
+	let t = [], n = 12;
+	for (; n + 8 <= e.length;) {
+		let r = $(e).getUint32(n + 4, !0), i = n + 8 + r + r % 2;
+		t.push({
+			type: Q(e, n, 4),
+			start: n,
+			end: Math.min(i, e.length)
+		}), n = i;
+	}
+	return t;
+}
+function Mi(e) {
+	let t = ji(e), n = $(e), r = {
+		hasLocation: !1,
+		hasMetadata: t.some((e) => e.type === "EXIF" || e.type === "XMP ")
+	}, i = t.find((e) => e.type === "EXIF");
+	if (i) {
+		let t = e.subarray(i.start + 8, i.end);
+		Q(t, 0, 6) === "Exif\0\0" && (t = t.subarray(6)), Object.assign(r, Ci(t));
+	}
+	for (let e of t) {
+		let t = e.start + 8;
+		if (e.type === "VP8X") {
+			r.width = 1 + (n.getUint32(t + 4, !0) & 16777215), r.height = 1 + (n.getUint32(t + 7, !0) & 16777215);
+			break;
+		}
+		if (e.type === "VP8 ") {
+			r.width = n.getUint16(t + 6, !0) & 16383, r.height = n.getUint16(t + 8, !0) & 16383;
+			break;
+		}
+		if (e.type === "VP8L") {
+			let e = n.getUint32(t + 1, !0);
+			r.width = 1 + (e & 16383), r.height = 1 + (e >> 14 & 16383);
+			break;
+		}
+	}
+	return r;
+}
+function Ni(e) {
+	let t = [];
+	for (let n of ji(e)) {
+		if (n.type === "EXIF" || n.type === "XMP ") continue;
+		let r = e.slice(n.start, n.end);
+		n.type === "VP8X" && (r[8] = (r[8] ?? 0) & -13), t.push(r);
+	}
+	let n = Fi(t), r = new Uint8Array(12 + n.length);
+	return r.set(e.subarray(0, 12)), r.set(n, 12), new DataView(r.buffer).setUint32(4, r.length - 8, !0), r;
+}
+function Pi(e, t) {
+	return e === "jpeg" ? Ti(t) : e === "png" ? ki(t) : e === "webp" ? Mi(t) : {
+		hasLocation: !1,
+		hasMetadata: !1
+	};
+}
+function Fi(e) {
+	let t = new Uint8Array(e.reduce((e, t) => e + t.length, 0)), n = 0;
+	for (let r of e) t.set(r, n), n += r.length;
+	return t;
+}
+//#endregion
+//#region src/media/hygiene.ts
+var Ii = /* @__PURE__ */ new Set([
+	"jpeg",
+	"png",
+	"gif",
+	"webp",
+	"avif",
+	"heic",
+	"svg"
+]);
+async function Li(e, t = {}) {
+	let n = t.maxEdge ?? 3e3, r = new Uint8Array(await e.arrayBuffer()), i = xi(r);
+	if (t.accept === "image" && !Ii.has(i)) return {
+		ok: !1,
+		message: `${e.name} isn’t an image this site can use (JPEG, PNG, WebP, AVIF, GIF or SVG).`
+	};
+	let a = [], o = r, s = e.name, c, l;
+	if (i === "svg") {
+		let e = Hi(new TextDecoder().decode(r));
+		e.removed && a.push("Removed scripts and unsafe links from the SVG"), o = new TextEncoder().encode(e.svg);
+	} else if (i === "heic") {
+		let e = await Vi(new Blob([r]), "image/jpeg", n);
+		if (!e) return {
+			ok: !1,
+			message: "This browser can’t convert iPhone (HEIC) photos. Export the photo as JPEG first, or upload it from Safari."
+		};
+		o = e.bytes, {width: c, height: l} = e, s = s.replace(/\.(heic|heif)$/i, "") + ".jpg", a.push("Converted from HEIC to JPEG", "Removed location and camera data");
+	} else if (i === "jpeg" || i === "png" || i === "webp") {
+		let e = Pi(i, r);
+		({width: c, height: l} = e);
+		let t = (e.orientation ?? 1) !== 1, s = Math.max(e.width ?? 0, e.height ?? 0) > n;
+		if (t || s) {
+			let u = i === "jpeg" ? "image/jpeg" : i === "png" ? "image/png" : "image/webp", d = await Vi(new Blob([r], { type: u }), u, n);
+			d ? (o = d.bytes, s && a.push(`Resized from ${String(e.width)}×${String(e.height)} to ${String(d.width)}×${String(d.height)}`), t && a.push("Turned the photo upright"), {width: c, height: l} = d) : (o = Ri(i, r), a.push("Couldn’t resize this image in this browser, so it was kept at full size"));
+		} else o = Ri(i, r);
+		e.hasLocation ? a.push("Removed location data") : e.hasMetadata && a.push("Removed camera and editing metadata");
+	}
+	return o.length > Fe ? {
+		ok: !1,
+		message: `${s} is ${zi(o.length)} even after processing. The limit is ${zi(Fe)}.`
+	} : {
+		ok: !0,
+		upload: {
+			bytes: o,
+			name: s,
+			type: i === "heic" ? "jpeg" : i,
+			notes: a,
+			large: o.length > Ie,
+			...c === void 0 ? {} : { width: c },
+			...l === void 0 ? {} : { height: l }
+		}
+	};
+}
+function Ri(e, t) {
+	return e === "jpeg" ? Ei(t) : e === "png" ? Ai(t) : Ni(t);
+}
+function zi(e) {
+	return `${(e / 1024 / 1024).toFixed(1)} MB`;
+}
+function Bi(e) {
+	return e < 1024 ? `${String(e)} bytes` : e < 1048576 ? `${String(Math.round(e / 1024))} KB` : zi(e);
+}
+async function Vi(e, t, n) {
+	if (typeof createImageBitmap != "function") return null;
+	let r;
+	try {
+		r = await createImageBitmap(e, { imageOrientation: "from-image" });
+	} catch {
+		return null;
+	}
+	let i = Math.min(1, n / Math.max(r.width, r.height)), a = Math.round(r.width * i), o = Math.round(r.height * i), s = document.createElement("canvas");
+	s.width = a, s.height = o;
+	let c = s.getContext("2d");
+	if (!c) return null;
+	c.imageSmoothingQuality = "high", c.drawImage(r, 0, 0, a, o), r.close();
+	let l = await new Promise((e) => {
+		s.toBlob(e, t, t === "image/png" ? void 0 : .9);
+	});
+	return !l || l.type !== t ? null : {
+		bytes: new Uint8Array(await l.arrayBuffer()),
+		width: a,
+		height: o
+	};
+}
+function Hi(e) {
+	let t = lt(window), n = !1;
+	t.addHook("uponSanitizeElement", (e, t) => {
+		if (t.tagName === "set" || /^animate/i.test(t.tagName)) {
+			let t = e.getAttribute("attributeName") ?? "";
+			/^(on|href$|xlink:href$)/i.test(t) && (e.parentNode?.removeChild(e), n = !0);
+		}
+	}), t.addHook("uponSanitizeAttribute", (e, t) => {
+		/^(href|xlink:href)$/i.test(t.attrName) && /^\s*(javascript|data|vbscript):/i.test(t.attrValue) && (t.keepAttr = !1, n = !0);
+	});
+	let r = t.sanitize(e, {
+		USE_PROFILES: {
+			svg: !0,
+			svgFilters: !0
+		},
+		FORBID_TAGS: [
+			"foreignObject",
+			"script",
+			"iframe",
+			"embed",
+			"object"
+		]
+	});
+	return t.removed.some((e) => !("element" in e) || e.element.nodeName !== "BODY") && (n = !0), {
+		svg: r.startsWith("<svg") ? r : "<svg xmlns=\"http://www.w3.org/2000/svg\"></svg>",
+		removed: n
+	};
+}
+//#endregion
+//#region src/media/file-icon.ts
+var Ui = [
+	["file-text", [
+		"pdf",
+		"doc",
+		"docx",
+		"odt",
+		"rtf",
+		"txt",
+		"md",
+		"mdx",
+		"mdoc",
+		"ppt",
+		"pptx",
+		"key"
+	]],
+	["file-sheet", [
+		"csv",
+		"tsv",
+		"xls",
+		"xlsx",
+		"ods",
+		"numbers"
+	]],
+	["file-archive", [
+		"zip",
+		"gz",
+		"tgz",
+		"tar",
+		"7z",
+		"rar"
+	]],
+	["file-video", [
+		"mp4",
+		"m4v",
+		"mov",
+		"webm",
+		"ogv"
+	]],
+	["file-audio", [
+		"mp3",
+		"m4a",
+		"wav",
+		"ogg",
+		"oga",
+		"flac",
+		"aac"
+	]]
+];
+function Wi(e) {
+	return Ui.find(([, t]) => t.includes(e))?.[0] ?? "file";
+}
+//#endregion
+//#region src/media/upload.ts
+async function Gi(e, t, n) {
+	let r = await Li(e, n);
+	if (!r.ok) return {
+		step: "refused",
+		message: r.message
+	};
+	let i = await Ue(r.upload.bytes), a = t.find((e) => e.hash === i);
+	return a ? {
+		step: "duplicate",
+		upload: r.upload,
+		existing: a.path
+	} : r.upload.large ? {
+		step: "confirm-large",
+		upload: r.upload
+	} : {
+		step: "ready",
+		upload: r.upload
+	};
+}
+async function Ki(e, t, n, r = {}) {
+	let i = await e.upload(new Blob([t.bytes]), t.name, n, r);
+	return i.ok ? {
+		ok: !0,
+		path: i.path
+	} : i;
+}
+//#endregion
+//#region src/media/MediaPicker.tsx
+function qi({ isOpen: e, onOpenChange: t, kind: n, extensions: r = [], folder: i, onChoose: a }) {
+	return /* @__PURE__ */ R(Sn, {
+		title: n === "image" ? "Choose an image" : "Choose a file",
+		isOpen: e,
+		onOpenChange: t,
+		children: e && /* @__PURE__ */ R(Ji, {
+			kind: n,
+			extensions: r,
+			folder: i,
+			onChoose: (e, n) => {
+				a(e, n), t(!1);
+			}
+		})
+	});
+}
+function Ji({ kind: e, extensions: t = [], folder: n, onChoose: r }) {
+	let { api: i, siteName: a, manifest: o } = J(), s = o.site.images?.maxUploadEdge, [c, f] = cr(() => i.listMedia(), "media"), [p, m] = d(null), [h, g] = d(""), _ = u(null), v = (n) => e === "image" ? Ke(n) : t.length === 0 || t.includes(Be(n)), y = l(() => {
+		let e = h.trim().toLowerCase();
+		return (c.state === "ready" ? c.value : []).filter((e) => v(e.path)).filter((t) => e === "" || t.path.toLowerCase().includes(e));
+	}, [c, h]), b = async (e) => {
+		m({
+			step: "working",
+			text: "Uploading…"
+		});
+		let t = await Ki(i, e.upload, n, { withNextSave: !0 });
+		t.ok ? (f(), r(t.path, e.upload.notes)) : m({
+			step: "refused",
+			message: t.message
+		});
+	}, x = e === "image" ? "image/*,.heic,.heif" : t.length > 0 ? t.map((e) => `.${e}`).join(",") : void 0;
+	return /* @__PURE__ */ z("div", {
+		className: "flex flex-col gap-6",
+		children: [/* @__PURE__ */ z("section", {
+			"aria-labelledby": "picker-upload",
+			className: "flex flex-col gap-3",
+			children: [
+				/* @__PURE__ */ R("h3", {
+					id: "picker-upload",
+					className: "text-heading-3",
+					children: "Upload from your computer"
+				}),
+				/* @__PURE__ */ R("p", {
+					className: "text-small text-content-muted",
+					children: e === "image" ? `Large photos are scaled down, turned upright, and stripped of location data before they’re added to ${a}.` : `The file is added to ${n}.`
+				}),
+				/* @__PURE__ */ R("input", {
+					ref: _,
+					type: "file",
+					accept: x,
+					tabIndex: -1,
+					"aria-hidden": "true",
+					className: "sr-only",
+					onChange: (t) => {
+						let n = t.target.files?.[0];
+						t.target.value = "", n && (m({
+							step: "working",
+							text: `Preparing ${n.name}…`
+						}), Gi(n, c.state === "ready" ? c.value : [], {
+							accept: e === "image" ? "image" : "any",
+							...s ? { maxEdge: s } : {}
+						}).then((e) => {
+							e.step === "ready" ? b(e) : m(e);
+						}));
+					}
+				}),
+				/* @__PURE__ */ R("div", { children: /* @__PURE__ */ R(K, {
+					icon: "upload",
+					onPress: () => {
+						_.current?.click();
+					},
+					children: e === "image" ? "Upload an image" : "Upload a file"
+				}) }),
+				/* @__PURE__ */ R(Xi, {
+					step: p,
+					onUpload: (e) => void b(e),
+					onReuse: r,
+					onCancel: () => {
+						m(null);
+					}
+				})
+			]
+		}), /* @__PURE__ */ z("section", {
+			"aria-labelledby": "picker-existing",
+			className: "flex flex-col gap-3",
+			children: [
+				/* @__PURE__ */ R("h3", {
+					id: "picker-existing",
+					className: "text-heading-3",
+					children: "Or choose one already in the site"
+				}),
+				/* @__PURE__ */ R(_n, {
+					label: "Search by file name",
+					type: "search",
+					icon: "search",
+					value: h,
+					onChange: g
+				}),
+				c.state === "loading" && /* @__PURE__ */ R("p", {
+					className: "text-small text-content-muted",
+					children: "Loading files…"
+				}),
+				c.state === "failed" && /* @__PURE__ */ z("p", {
+					role: "alert",
+					className: "text-danger",
+					children: ["Couldn’t list files: ", c.message]
+				}),
+				c.state === "ready" && y.length === 0 && /* @__PURE__ */ z("p", {
+					className: "text-content-muted",
+					children: [
+						"No ",
+						e === "image" ? "images" : "files",
+						" found."
+					]
+				}),
+				/* @__PURE__ */ R("ul", {
+					className: "grid max-h-80 grid-cols-1 gap-2 overflow-y-auto sm:grid-cols-2",
+					children: y.map((e) => /* @__PURE__ */ R("li", { children: /* @__PURE__ */ R(Yi, {
+						item: e,
+						onChoose: r
+					}) }, e.path))
+				})
+			]
+		})]
+	});
+}
+function Yi({ item: e, onChoose: t }) {
+	let n = e.path.slice(e.path.lastIndexOf("/") + 1);
+	return /* @__PURE__ */ z("button", {
+		type: "button",
+		onClick: () => {
+			t(e.path);
+		},
+		className: "flex w-full items-center gap-3 rounded-md border border-border p-2 text-left hover:bg-surface-sunken focus-visible:outline-2 focus-visible:outline-solid focus-visible:outline-offset-2 focus-visible:outline-focus focus-visible:ring-6 focus-visible:ring-(color:--glow-focus)",
+		children: [Ke(e.path) ? /* @__PURE__ */ R(Fr, {
+			path: e.path,
+			loading: "lazy",
+			className: "size-12 shrink-0 rounded-md object-cover"
+		}) : /* @__PURE__ */ R("span", {
+			"aria-hidden": "true",
+			className: "flex size-12 shrink-0 items-center justify-center rounded-md bg-surface-sunken text-content-muted",
+			children: /* @__PURE__ */ R(G, {
+				name: Wi(Be(e.path)),
+				size: 24
+			})
+		}), /* @__PURE__ */ z("span", {
+			className: "min-w-0",
+			children: [/* @__PURE__ */ R("span", {
+				className: "block truncate font-semibold",
+				children: n
+			}), /* @__PURE__ */ z("span", {
+				className: "block font-mono text-caption break-all text-content-muted",
+				children: [
+					e.path.slice(0, e.path.lastIndexOf("/")),
+					" · ",
+					Bi(e.size)
+				]
+			})]
+		})]
+	});
+}
+function Xi({ step: e, onUpload: t, onReuse: n, onCancel: r }) {
+	if (!e) return null;
+	if (e.step === "working") return /* @__PURE__ */ R("p", {
+		role: "status",
+		children: e.text
+	});
+	if (e.step === "refused") return /* @__PURE__ */ R("p", {
+		role: "alert",
+		className: "text-danger",
+		children: e.message
+	});
+	let i = e.upload.notes.length > 0 && /* @__PURE__ */ R("ul", {
+		className: "list-disc pl-6 text-small text-content-muted",
+		children: e.upload.notes.map((e) => /* @__PURE__ */ R("li", { children: e }, e))
+	});
+	return e.step === "duplicate" ? /* @__PURE__ */ z("div", {
+		role: "alert",
+		className: "flex flex-col gap-3 rounded-md border border-warning bg-surface-raised p-4",
+		children: [/* @__PURE__ */ z("p", { children: [
+			"This file is already in the site as ",
+			e.existing,
+			"."
+		] }), /* @__PURE__ */ z("div", {
+			className: "flex flex-wrap gap-3",
+			children: [/* @__PURE__ */ R(K, {
+				onPress: () => {
+					n(e.existing);
+				},
+				children: "Use the existing file"
+			}), /* @__PURE__ */ R(K, {
+				variant: "quiet",
+				onPress: () => {
+					t(e);
+				},
+				children: "Upload a copy anyway"
+			})]
+		})]
+	}) : e.step === "confirm-large" ? /* @__PURE__ */ z("div", {
+		role: "alert",
+		className: "flex flex-col gap-3 rounded-md border border-warning bg-surface-raised p-4",
+		children: [
+			/* @__PURE__ */ z("p", { children: [
+				e.upload.name,
+				" is ",
+				zi(e.upload.bytes.length),
+				". Large files make the site’s repository and pages heavier. Upload it anyway?"
+			] }),
+			i,
+			/* @__PURE__ */ z("div", {
+				className: "flex flex-wrap gap-3",
+				children: [/* @__PURE__ */ R(K, {
+					onPress: () => {
+						t(e);
+					},
+					children: "Upload it"
+				}), /* @__PURE__ */ R(K, {
+					variant: "quiet",
+					onPress: r,
+					children: "Cancel"
+				})]
+			})
+		]
+	}) : null;
+}
+//#endregion
+//#region src/widgets/crops.tsx
+function Zi(e) {
+	return e === "og" ? "Social image" : We(e);
+}
+var Qi = (e) => Math.round(e * 100);
+function $i(e) {
+	return {
+		width: `${String(100 / e.w)}%`,
+		height: `${String(100 / e.h)}%`,
+		left: `${String(-e.x / e.w * 100)}%`,
+		top: `${String(-e.y / e.h * 100)}%`
+	};
+}
+function ea({ id: e, src: t, size: n, value: r, ratios: i, onChange: a, disabled: o }) {
+	let [s, c] = d(null), [l, u] = d("");
+	if (!n) return /* @__PURE__ */ R("p", {
+		className: "text-small text-content-muted",
+		children: "Loading the image for the crop previews…"
+	});
+	let f = (t) => `${e}-crop-${t}`, p = (e) => {
+		requestAnimationFrame(() => {
+			document.getElementById(f(e))?.focus();
+		});
+	};
+	return /* @__PURE__ */ z("div", {
+		className: "flex flex-col gap-2",
+		children: [
+			/* @__PURE__ */ R("ul", {
+				"aria-label": "Crops",
+				className: "flex flex-wrap items-end gap-4",
+				children: i.map(({ name: e, ratio: i }) => {
+					let { rect: a, custom: s } = Le(r, e, i, n), l = Zi(e);
+					return /* @__PURE__ */ z("li", { children: [/* @__PURE__ */ z("figure", {
+						className: "flex flex-col gap-1",
+						children: [/* @__PURE__ */ R("div", {
+							className: "relative h-24 self-start overflow-hidden rounded-sm border border-border",
+							style: { aspectRatio: String(i) },
+							children: /* @__PURE__ */ R("img", {
+								src: t,
+								alt: "",
+								draggable: !1,
+								className: "absolute max-w-none",
+								style: $i(a)
+							})
+						}), /* @__PURE__ */ z("figcaption", {
+							className: "text-small text-content",
+							children: [
+								l,
+								" · ",
+								Qe(i),
+								s && /* @__PURE__ */ R("span", {
+									className: "text-content-muted",
+									children: " · Custom crop"
+								})
+							]
+						})]
+					}), /* @__PURE__ */ z(K, {
+						id: f(e),
+						variant: "quiet",
+						isDisabled: o,
+						className: "-ml-4",
+						onPress: () => {
+							c({
+								name: e,
+								ratio: i
+							});
+						},
+						children: ["Adjust crop ", /* @__PURE__ */ z("span", {
+							className: "sr-only",
+							children: ["for ", l]
+						})]
+					})] }, e);
+				})
+			}),
+			/* @__PURE__ */ R("p", {
+				role: "status",
+				className: "sr-only",
+				children: l
+			}),
+			s && /* @__PURE__ */ R(aa, {
+				src: t,
+				size: n,
+				name: s.name,
+				ratio: s.ratio,
+				start: Le(r, s.name, s.ratio, n),
+				onClose: () => {
+					c(null), p(s.name);
+				},
+				onApply: (e) => {
+					a({
+						...r.crops,
+						[s.name]: rt(e)
+					}), u(`Custom crop applied to ${Zi(s.name)}.`);
+				},
+				onReset: () => {
+					let { [s.name]: e, ...t } = r.crops;
+					a(t), u(`${Zi(s.name)} crop reset to the focal point.`);
+				}
+			})
+		]
+	});
+}
+function ta(e) {
+	return `${String(Qi(e.x))}% from the left, ${String(Qi(e.y))}% from the top, ${String(Qi(e.w))}% of the width`;
+}
+var na = {
+	ArrowLeft: [-1, 0],
+	ArrowRight: [1, 0],
+	ArrowUp: [0, -1],
+	ArrowDown: [0, 1]
+}, ra = {
+	ArrowRight: 1,
+	ArrowDown: 1,
+	ArrowLeft: -1,
+	ArrowUp: -1
+}, ia = [
+	{
+		corner: "top-left",
+		className: "-left-1.5 -top-1.5 cursor-nwse-resize"
+	},
+	{
+		corner: "top-right",
+		className: "-right-1.5 -top-1.5 cursor-nesw-resize"
+	},
+	{
+		corner: "bottom-left",
+		className: "-bottom-1.5 -left-1.5 cursor-nesw-resize"
+	},
+	{
+		corner: "bottom-right",
+		className: "-bottom-1.5 -right-1.5 cursor-nwse-resize"
+	}
+];
+function aa({ src: e, size: t, name: n, ratio: r, start: i, onClose: a, onApply: o, onReset: s }) {
+	let [l, f] = d(i.rect), [p, m] = d(!1), [h, g] = d(""), _ = u(null), v = u(null), y = u(null), b = `${Zi(n)} (${Qe(r)})`;
+	c(() => {
+		v.current?.focus();
+	}, []);
+	let x = (e, t) => {
+		f(e), m(!0), t && g(`Crop ${ta(e)}.`);
+	}, S = (e) => {
+		(p || i.custom) && o(l), e();
+	}, C = (e) => {
+		let t = _.current?.getBoundingClientRect();
+		return !t || t.width === 0 || t.height === 0 ? null : {
+			x: (e.clientX - t.left) / t.width,
+			y: (e.clientY - t.top) / t.height
+		};
+	}, w = (e) => {
+		if (e.button !== 0) return;
+		let t = e.target.dataset.corner, n = C(e);
+		n && (e.currentTarget.setPointerCapture(e.pointerId), y.current = t ? {
+			kind: "corner",
+			corner: t,
+			start: l
+		} : {
+			kind: "move",
+			from: n,
+			start: l
+		});
+	}, T = (e) => {
+		let n = y.current, i = n ? C(e) : null;
+		n && i && x(n.kind === "move" ? Ye(n.start, i.x - n.from.x, i.y - n.from.y) : ze(n.start, n.corner, i, r, t), !1);
+	}, E = () => {
+		y.current && (y.current = null, g(`Crop ${ta(l)}.`));
+	};
+	return /* @__PURE__ */ R(Sn, {
+		title: `Adjust the ${Zi(n)} crop`,
+		size: "wide",
+		isOpen: !0,
+		onOpenChange: (e) => {
+			e || a();
+		},
+		children: (n) => /* @__PURE__ */ z(L, { children: [
+			/* @__PURE__ */ R("p", {
+				id: "vesper-crop-help",
+				className: "text-small text-content-muted",
+				children: "Drag the box to move it, or a corner to resize it. With the box focused, the arrow keys move it, Shift and the arrow keys resize it, Enter applies and Escape cancels."
+			}),
+			/* @__PURE__ */ z("div", {
+				className: "relative mx-auto w-fit max-w-full touch-none select-none",
+				children: [
+					/* @__PURE__ */ R("img", {
+						ref: _,
+						src: e,
+						alt: "",
+						draggable: !1,
+						className: "block max-h-[60vh] max-w-full"
+					}),
+					/* @__PURE__ */ R("span", {
+						"aria-hidden": "true",
+						className: "absolute inset-x-0 top-0 bg-content/50",
+						style: { height: `${String(l.y * 100)}%` }
+					}),
+					/* @__PURE__ */ R("span", {
+						"aria-hidden": "true",
+						className: "absolute inset-x-0 bottom-0 bg-content/50",
+						style: { height: `${String((1 - l.y - l.h) * 100)}%` }
+					}),
+					/* @__PURE__ */ R("span", {
+						"aria-hidden": "true",
+						className: "absolute left-0 bg-content/50",
+						style: {
+							top: `${String(l.y * 100)}%`,
+							height: `${String(l.h * 100)}%`,
+							width: `${String(l.x * 100)}%`
+						}
+					}),
+					/* @__PURE__ */ R("span", {
+						"aria-hidden": "true",
+						className: "absolute right-0 bg-content/50",
+						style: {
+							top: `${String(l.y * 100)}%`,
+							height: `${String(l.h * 100)}%`,
+							width: `${String((1 - l.x - l.w) * 100)}%`
+						}
+					}),
+					/* @__PURE__ */ z("div", {
+						ref: v,
+						role: "application",
+						tabIndex: 0,
+						"aria-label": `Crop box for ${b}`,
+						"aria-describedby": "vesper-crop-position vesper-crop-help",
+						"data-crop-box": "",
+						onKeyDown: (e) => {
+							if (e.key === "Enter") {
+								e.preventDefault(), S(n);
+								return;
+							}
+							let i = na[e.key];
+							!i || e.altKey || e.ctrlKey || e.metaKey || (e.preventDefault(), x(e.shiftKey ? $e(l, l.w + (ra[e.key] ?? 0) * .01, r, t) : Ye(l, i[0] * .01, i[1] * .01), !0));
+						},
+						onPointerDown: w,
+						onPointerMove: T,
+						onPointerUp: E,
+						className: V("absolute cursor-move border border-on-accent outline-offset-0", H),
+						style: {
+							left: `${String(l.x * 100)}%`,
+							top: `${String(l.y * 100)}%`,
+							width: `${String(l.w * 100)}%`,
+							height: `${String(l.h * 100)}%`
+						},
+						children: [/* @__PURE__ */ R("span", {
+							"aria-hidden": "true",
+							className: "absolute inset-0 border border-content/60"
+						}), ia.map(({ corner: e, className: t }) => /* @__PURE__ */ R("span", {
+							"aria-hidden": "true",
+							"data-corner": e,
+							className: V("absolute size-3 border border-content bg-on-accent", t)
+						}, e))]
+					})
+				]
+			}),
+			/* @__PURE__ */ R("p", {
+				id: "vesper-crop-position",
+				className: "sr-only",
+				children: ta(l)
+			}),
+			/* @__PURE__ */ R("p", {
+				role: "status",
+				className: "sr-only",
+				children: h
+			}),
+			/* @__PURE__ */ z("div", {
+				className: "flex flex-wrap justify-end gap-2",
+				children: [
+					i.custom && /* @__PURE__ */ R(K, {
+						onPress: () => {
+							s(), n();
+						},
+						children: "Reset to focal point"
+					}),
+					/* @__PURE__ */ R(K, {
+						variant: "quiet",
+						onPress: n,
+						children: "Cancel"
+					}),
+					/* @__PURE__ */ R(K, {
+						variant: "primary",
+						onPress: () => {
+							S(n);
+						},
+						children: "Apply crop"
+					})
+				]
+			})
+		] })
+	});
+}
+//#endregion
+//#region src/widgets/focal-point.tsx
+var oa = (e) => Math.round(e * 100);
+function sa(e) {
+	let t = e ?? Pe;
+	return `${String(oa(t.x))}% across, ${String(oa(t.y))}% down`;
+}
+var ca = {
+	ArrowLeft: [-1, 0],
+	ArrowRight: [1, 0],
+	ArrowUp: [0, -1],
+	ArrowDown: [0, 1]
+};
+function la({ id: e, src: t, focus: n, onChange: r, onImageSize: i, disabled: a }) {
+	let o = u(null), s = u(!1), [c, l] = d(""), f = n ?? Pe, p = (e, t) => {
+		let n = nt(e);
+		r(n), t && l(`Focal point ${sa(n)}.`);
+	}, m = (e, t) => {
+		let n = o.current?.getBoundingClientRect();
+		return !n || n.width === 0 || n.height === 0 ? null : {
+			x: (e - n.left) / n.width,
+			y: (t - n.top) / n.height
+		};
+	};
+	return /* @__PURE__ */ z("div", {
+		className: "flex flex-col gap-3",
+		children: [
+			/* @__PURE__ */ R("p", {
+				id: `${e}-focus-help`,
+				className: "text-small text-content-muted",
+				children: "The focal point stays in view when the image is cropped. Click the image or drag the marker; or focus the image and use the arrow keys (Shift moves 10%)."
+			}),
+			/* @__PURE__ */ z("div", {
+				className: "flex flex-wrap items-start gap-4",
+				children: [/* @__PURE__ */ z("button", {
+					type: "button",
+					id: `${e}-focus`,
+					"aria-label": "Focal point",
+					"aria-describedby": `${e}-focus-position ${e}-focus-help`,
+					disabled: a,
+					onPointerDown: (e) => {
+						if (a || e.button !== 0) return;
+						let t = m(e.clientX, e.clientY);
+						t && (s.current = !0, e.currentTarget.setPointerCapture(e.pointerId), p(t, !1));
+					},
+					onPointerMove: (e) => {
+						if (!s.current) return;
+						let t = m(e.clientX, e.clientY);
+						t && p(t, !1);
+					},
+					onPointerUp: (e) => {
+						if (!s.current) return;
+						s.current = !1;
+						let t = m(e.clientX, e.clientY);
+						t && p(t, !0);
+					},
+					onKeyDown: (e) => {
+						let t = ca[e.key];
+						if (!t || a || e.altKey || e.ctrlKey || e.metaKey) return;
+						e.preventDefault();
+						let n = e.shiftKey ? .1 : .01;
+						p({
+							x: f.x + t[0] * n,
+							y: f.y + t[1] * n
+						}, !0);
+					},
+					className: V("relative max-w-full cursor-crosshair touch-none rounded-md disabled:cursor-not-allowed", H),
+					children: [/* @__PURE__ */ R("img", {
+						ref: o,
+						src: t,
+						alt: "",
+						draggable: !1,
+						onLoad: (e) => {
+							let { naturalWidth: t, naturalHeight: n } = e.currentTarget;
+							t > 0 && n > 0 && i?.({
+								width: t,
+								height: n
+							});
+						},
+						className: "block max-h-64 max-w-full rounded-md border border-border"
+					}), /* @__PURE__ */ R("span", {
+						"aria-hidden": "true",
+						"data-focal-marker": "",
+						className: "pointer-events-none absolute -ml-3 -mt-3 size-6 rounded-full border border-on-accent bg-accent/70",
+						style: {
+							left: `${String(f.x * 100)}%`,
+							top: `${String(f.y * 100)}%`
+						}
+					})]
+				}), /* @__PURE__ */ z("div", {
+					className: "flex flex-col gap-3",
+					children: [
+						/* @__PURE__ */ R(ua, {
+							id: `${e}-focus-x`,
+							label: "Across (%)",
+							hint: "0 is the left edge, 100 the right",
+							value: n ? oa(n.x) : void 0,
+							placeholder: oa(Pe.x),
+							disabled: a,
+							onChange: (e) => {
+								p({
+									x: e / 100,
+									y: f.y
+								}, !1);
+							}
+						}),
+						/* @__PURE__ */ R(ua, {
+							id: `${e}-focus-y`,
+							label: "Down (%)",
+							hint: "0 is the top, 100 the bottom",
+							value: n ? oa(n.y) : void 0,
+							placeholder: oa(Pe.y),
+							disabled: a,
+							onChange: (e) => {
+								p({
+									x: f.x,
+									y: e / 100
+								}, !1);
+							}
+						}),
+						n && /* @__PURE__ */ R("div", { children: /* @__PURE__ */ R(K, {
+							variant: "quiet",
+							isDisabled: a,
+							onPress: () => {
+								r(void 0), l("Focal point back to the center.");
+							},
+							children: "Use the center"
+						}) })
+					]
+				})]
+			}),
+			/* @__PURE__ */ R("p", {
+				id: `${e}-focus-position`,
+				className: "sr-only",
+				children: n ? sa(n) : `Not set: the center, ${sa(void 0)}`
+			}),
+			/* @__PURE__ */ R("p", {
+				role: "status",
+				className: "sr-only",
+				children: c
+			})
+		]
+	});
+}
+function ua({ id: e, label: t, hint: n, value: r, placeholder: i, disabled: a, onChange: o }) {
+	let [s, c] = d(r === void 0 ? "" : String(r)), [l, u] = d(r);
+	return r !== l && (u(r), c(r === void 0 ? "" : String(r))), /* @__PURE__ */ z("div", {
+		className: "flex flex-col gap-1",
+		children: [
+			/* @__PURE__ */ R("label", {
+				htmlFor: e,
+				className: "text-small text-content",
+				children: t
+			}),
+			/* @__PURE__ */ R("input", {
+				id: e,
+				type: "number",
+				inputMode: "numeric",
+				min: 0,
+				max: 100,
+				step: 1,
+				value: s,
+				placeholder: String(i),
+				disabled: a,
+				onChange: (e) => {
+					c(e.target.value);
+					let t = e.target.valueAsNumber;
+					Number.isFinite(t) && t >= 0 && t <= 100 && (u(Math.round(t)), o(Math.round(t)));
+				},
+				"aria-describedby": `${e}-hint`,
+				className: V(Z, "w-28")
+			}),
+			/* @__PURE__ */ R("p", {
+				id: `${e}-hint`,
+				className: "text-small text-content-muted",
+				children: n
+			})
+		]
+	});
+}
+//#endregion
+//#region src/widgets/image.tsx
+function da(e, t, n) {
+	return e ? Re(e) : `${t}/assets/${n}`;
+}
+function fa(e) {
+	return e.slice(e.lastIndexOf("/") + 1);
+}
+function pa(e, t) {
+	let n = e.widgetOptions?.ratios;
+	return (Array.isArray(n) ? n.filter((e) => typeof e == "string" && e in t) : Object.keys(t)).map((e) => ({
+		name: e,
+		ratio: t[e] ?? 1
+	}));
+}
+function ma({ value: e, onChange: t, field: n, id: r, describedBy: i, invalid: a, disabled: o, path: s }) {
+	let { manifest: c } = J(), l = X(), [u, f] = d(!1), [p, m] = d([]), [h, g] = d(null), _ = n.kind === "object", v = B(e) ? e : {}, y = _ ? v.src : e, b = typeof y == "string" ? y : "", x = b ? et(b, l.entryPath) : null, S = Pr(x), C = _ && (n.children ?? []).some((e) => e.path.at(-1) === "alt"), w = _ && (n.children ?? []).some((e) => e.path.at(-1) === "decorative"), T = v.decorative === !0, E = typeof v.alt == "string" ? v.alt : "", D = (l.notes?.get(pr(s)) ?? []).filter((e) => e.target.kind === "field" && e.target.path[s.length] === "alt"), ee = (e) => _ && (n.children ?? []).some((t) => t.path.at(-1) === e), O = ee("focus"), k = ee("crops"), [te, A] = d(null), [j, ne] = d(b);
+	j !== b && (ne(b), A(null));
+	let M = h === b, N = T ? "You replaced the image. Check that it’s still decorative." : "You replaced the image. Check that the alt text still describes it.", P = (e) => {
+		if (e === x) return;
+		let n = Je(e, l.entryPath);
+		if (!_) {
+			t(n);
+			return;
+		}
+		let { focus: r, crops: i, ...a } = v;
+		t({
+			...a,
+			src: n
+		}), b && (E !== "" || T) && g(n);
+	}, F = (e) => {
+		t(e);
+	};
+	return /* @__PURE__ */ z("div", {
+		className: "flex flex-col gap-4",
+		children: [
+			b ? /* @__PURE__ */ z("div", {
+				className: "flex flex-wrap items-start gap-4",
+				children: [x ? S && /* @__PURE__ */ R("img", {
+					src: S,
+					alt: "",
+					className: "max-h-48 max-w-full rounded-md border border-border object-contain"
+				}) : /* @__PURE__ */ z("p", {
+					className: "text-small text-content-muted",
+					children: [
+						"The studio can’t show a preview of ",
+						b,
+						"."
+					]
+				}), /* @__PURE__ */ z("div", {
+					className: "flex min-w-0 flex-col gap-2",
+					children: [/* @__PURE__ */ R("p", {
+						id: `${r}-file`,
+						className: "font-mono text-small break-all",
+						children: fa(b)
+					}), /* @__PURE__ */ z("div", {
+						className: "flex flex-wrap gap-2",
+						children: [/* @__PURE__ */ R(K, {
+							id: r,
+							isDisabled: o,
+							"aria-describedby": [i, `${r}-file`].filter(Boolean).join(" "),
+							icon: "replace-image",
+							onPress: () => {
+								f(!0);
+							},
+							children: "Replace image"
+						}), /* @__PURE__ */ R(K, {
+							variant: "quiet",
+							isDisabled: o,
+							onPress: () => {
+								m([]), g(null), t(n.required ? _ ? {
+									...v,
+									src: ""
+								} : "" : void 0);
+							},
+							children: "Remove image"
+						})]
+					})]
+				})]
+			}) : /* @__PURE__ */ R("div", { children: /* @__PURE__ */ R(K, {
+				id: r,
+				isDisabled: o,
+				"aria-describedby": i,
+				onPress: () => {
+					f(!0);
+				},
+				children: "Choose image"
+			}) }),
+			p.length > 0 && /* @__PURE__ */ z("p", {
+				role: "status",
+				className: "text-small text-content-muted",
+				children: [
+					"Added. ",
+					p.join(". "),
+					"."
+				]
+			}),
+			C && !T && /* @__PURE__ */ z("div", {
+				className: "flex flex-col gap-1",
+				children: [
+					/* @__PURE__ */ R("label", {
+						htmlFor: `${r}-alt`,
+						className: "text-label text-content",
+						children: "Alt text"
+					}),
+					/* @__PURE__ */ R("textarea", {
+						id: `${r}-alt`,
+						rows: 2,
+						value: E,
+						onChange: (e) => {
+							g(null), F({
+								...v,
+								alt: e.target.value
+							});
+						},
+						"aria-describedby": [
+							`${r}-alt-help`,
+							D.length > 0 ? `${r}-alt-a11y` : "",
+							M ? `${r}-replaced` : "",
+							i
+						].filter(Boolean).join(" "),
+						"aria-invalid": a || void 0,
+						"aria-required": "true",
+						disabled: o,
+						className: V(Z, "resize-y")
+					}),
+					/* @__PURE__ */ R("p", {
+						id: `${r}-alt-help`,
+						className: "text-small text-content-muted",
+						children: "Describe what this image communicates on this page."
+					}),
+					D.length > 0 && /* @__PURE__ */ R(vi, {
+						id: `${r}-alt-a11y`,
+						notes: D
+					}),
+					M && /* @__PURE__ */ R(yi, {
+						id: `${r}-replaced`,
+						children: N
+					})
+				]
+			}),
+			w && /* @__PURE__ */ R(Ln, {
+				isSelected: T,
+				isDisabled: o,
+				"aria-describedby": T && M ? `${r}-replaced` : void 0,
+				onChange: (e) => {
+					if (g(null), e) F({
+						...v,
+						alt: "",
+						decorative: !0
+					});
+					else {
+						let { decorative: e, ...t } = v;
+						F(t);
+					}
+				},
+				children: "Decorative image (it adds nothing a reader needs)"
+			}),
+			w && T && M && /* @__PURE__ */ R(yi, {
+				id: `${r}-replaced`,
+				children: N
+			}),
+			x && (O || k) && /* @__PURE__ */ R(kn, {
+				title: "Focal point & crops",
+				children: /* @__PURE__ */ z("div", {
+					className: "flex flex-col gap-6",
+					children: [
+						O && S && /* @__PURE__ */ R(la, {
+							id: r,
+							src: S,
+							focus: Ge(v).focus,
+							disabled: o,
+							onImageSize: A,
+							onChange: (e) => {
+								let { focus: t, ...n } = v;
+								F(e ? {
+									...n,
+									focus: e
+								} : n);
+							}
+						}),
+						k && S && /* @__PURE__ */ R(ea, {
+							id: r,
+							src: S,
+							size: te,
+							value: Ge(v),
+							ratios: pa(n, it(c.site.images?.ratios)),
+							disabled: o,
+							onChange: (e) => {
+								let { crops: t, ...n } = v;
+								F(Object.keys(e).length > 0 ? {
+									...n,
+									crops: e
+								} : n);
+							}
+						}),
+						k && !O && S && /* @__PURE__ */ R("img", {
+							src: S,
+							alt: "",
+							hidden: !0,
+							onLoad: (e) => {
+								let { naturalWidth: t, naturalHeight: n } = e.currentTarget;
+								t > 0 && n > 0 && A({
+									width: t,
+									height: n
+								});
+							}
+						})
+					]
+				})
+			}),
+			/* @__PURE__ */ R(qi, {
+				isOpen: u,
+				onOpenChange: f,
+				kind: "image",
+				folder: da(x, c.site.srcDir, l.collection.name),
+				onChoose: (e, t) => {
+					m(t ?? []), P(e), requestAnimationFrame(() => {
+						document.getElementById(r)?.focus();
+					});
+				}
+			})
+		]
+	});
+}
+function ha(e) {
+	let t = typeof e == "string" ? e.split(",") : Array.isArray(e) ? e : [], n = {
+		"application/pdf": ["pdf"],
+		"video/mp4": ["mp4"],
+		"audio/mpeg": ["mp3"],
+		"text/csv": ["csv"]
+	};
+	return t.flatMap((e) => {
+		let t = String(e).trim().toLowerCase();
+		return t.startsWith(".") ? [t.slice(1)] : n[t] ?? [];
+	});
+}
+function ga({ value: e, onChange: t, field: n, id: r, describedBy: i, disabled: a }) {
+	let o = X(), [s, c] = d(!1), l = typeof e == "string" ? e : "", u = l ? et(l, o.entryPath) : null, f = Pr(u), p = ha(n.widgetOptions?.accept);
+	return /* @__PURE__ */ z("div", {
+		className: "flex flex-col gap-2",
+		children: [
+			l && /* @__PURE__ */ z("p", {
+				id: `${r}-file`,
+				className: "text-small",
+				children: [
+					u && f ? /* @__PURE__ */ R("a", {
+						href: f,
+						target: "_blank",
+						rel: "noopener noreferrer",
+						className: "text-accent underline underline-offset-2",
+						children: fa(l)
+					}) : fa(l),
+					" ",
+					/* @__PURE__ */ z("span", {
+						className: "text-content-muted",
+						children: [
+							"(",
+							Be(l).toUpperCase() || "file",
+							")"
+						]
+					})
+				]
+			}),
+			/* @__PURE__ */ z("div", {
+				className: "flex flex-wrap gap-2",
+				children: [/* @__PURE__ */ R(K, {
+					id: r,
+					isDisabled: a,
+					"aria-describedby": [i, l ? `${r}-file` : ""].filter(Boolean).join(" ") || void 0,
+					onPress: () => {
+						c(!0);
+					},
+					children: l ? "Replace file" : "Choose file"
+				}), l && /* @__PURE__ */ R(K, {
+					variant: "quiet",
+					isDisabled: a,
+					onPress: () => {
+						t(n.required ? "" : void 0);
+					},
+					children: "Remove file"
+				})]
+			}),
+			/* @__PURE__ */ R(qi, {
+				isOpen: s,
+				onOpenChange: c,
+				kind: "file",
+				extensions: p,
+				folder: u ? Re(u) : "public/files",
+				onChoose: (e) => {
+					t(Je(e, o.entryPath)), requestAnimationFrame(() => {
+						document.getElementById(r)?.focus();
+					});
+				}
+			})
+		]
+	});
+}
+//#endregion
+//#region src/widgets/reference.tsx
+function _a(e) {
+	if (typeof e == "string") return e;
+	if (B(e)) {
+		let t = e.id ?? e.slug;
+		if (typeof t == "string") return t;
+	}
+}
+function va(e, t) {
+	return B(e) ? {
+		...e,
+		id: t
+	} : t;
+}
+function ya(e) {
+	let { api: t, collection: n } = J(), r = X(), [i] = cr(() => e ? t.listEntries(e) : Promise.resolve([]), e ?? ""), a = l(() => i.state === "ready" ? i.value : [], [i]);
+	return {
+		options: l(() => {
+			let t = a.filter((t) => e !== r.collection.name || t.id !== r.entryId), n = /* @__PURE__ */ new Map();
+			for (let e of t) n.set(e.title, (n.get(e.title) ?? 0) + 1);
+			return t.map((e) => ({
+				value: e.id,
+				label: (n.get(e.title) ?? 0) > 1 ? `${e.title} (${e.id})` : e.title
+			}));
+		}, [
+			a,
+			e,
+			r.collection.name,
+			r.entryId
+		]),
+		load: i,
+		label: (e ? n(e)?.label : void 0) ?? e ?? "entries"
+	};
+}
+function ba(e, t) {
+	return e.find((e) => e.value === t)?.label ?? `${t} (not found)`;
+}
+function xa(e) {
+	return e.reference?.collection ?? e.children?.[0]?.reference?.collection;
+}
+function Sa({ value: e, onChange: t, field: n, id: r, describedBy: i, invalid: a, disabled: o }) {
+	let { options: s, load: c, label: l } = ya(xa(n)), u = _a(e), d = u && !s.some((e) => e.value === u) ? [...s, {
+		value: u,
+		label: ba(s, u)
+	}] : s;
+	return /* @__PURE__ */ R(Pn, {
+		id: r,
+		"aria-labelledby": `${r}-label`,
+		"aria-describedby": i,
+		options: d,
+		value: u ?? null,
+		onChange: (n) => {
+			t(n === null ? void 0 : va(e, n));
+		},
+		placeholder: c.state === "loading" ? "Loading…" : `Search ${l.toLowerCase()}`,
+		isInvalid: a,
+		isDisabled: o
+	});
+}
+function Ca({ value: e, onChange: t, field: n, id: r, describedBy: i, invalid: a, disabled: o }) {
+	let { options: s, load: c, label: l } = ya(xa(n)), d = Array.isArray(e) ? e : [], f = d.map(_a), p = u(null), m = (e) => {
+		p.current && (p.current.textContent = e);
+	}, h = (e) => {
+		t(e.length === 0 && !n.required ? void 0 : e);
+	}, g = (e, t) => {
+		let n = [...d], [r] = n.splice(e, 1);
+		n.splice(t, 0, r), h(n), m(`Moved ${ba(s, _a(r) ?? "")} to position ${String(t + 1)}.`);
+	}, _ = s.filter((e) => !f.includes(e.value));
+	return /* @__PURE__ */ z("div", {
+		className: "flex flex-col gap-3",
+		children: [
+			d.length > 0 && /* @__PURE__ */ R("ol", {
+				className: "flex flex-col divide-y divide-border border-y border-border",
+				children: d.map((e, t) => {
+					let n = ba(s, _a(e) ?? "");
+					return /* @__PURE__ */ z("li", {
+						className: "flex flex-wrap items-center gap-2 py-2",
+						children: [
+							/* @__PURE__ */ R("span", {
+								className: "min-w-0 flex-1",
+								children: n
+							}),
+							/* @__PURE__ */ R(K, {
+								variant: "quiet",
+								isDisabled: o || t === 0,
+								onPress: () => {
+									g(t, t - 1);
+								},
+								"aria-label": `Move ${n} up`,
+								children: "Up"
+							}),
+							/* @__PURE__ */ R(K, {
+								variant: "quiet",
+								isDisabled: o || t === d.length - 1,
+								onPress: () => {
+									g(t, t + 1);
+								},
+								"aria-label": `Move ${n} down`,
+								children: "Down"
+							}),
+							/* @__PURE__ */ R(K, {
+								variant: "quiet",
+								isDisabled: o,
+								onPress: () => {
+									h(d.filter((e, n) => n !== t)), m(`Removed ${n}.`), document.getElementById(r)?.focus();
+								},
+								"aria-label": `Remove ${n}`,
+								children: "Remove"
+							})
+						]
+					}, `${String(_a(e))}-${String(t)}`);
+				})
+			}),
+			/* @__PURE__ */ R(Pn, {
+				id: r,
+				"aria-labelledby": `${r}-label`,
+				"aria-describedby": i,
+				options: _,
+				value: null,
+				onChange: (e) => {
+					e !== null && (h([...d, e]), m(`Added ${ba(s, e)}.`));
+				},
+				placeholder: c.state === "loading" ? "Loading…" : `Add from ${l.toLowerCase()}`,
+				isInvalid: a,
+				isDisabled: o
+			}),
+			/* @__PURE__ */ R("p", {
+				ref: p,
+				role: "status",
+				className: "sr-only"
+			})
+		]
+	});
+}
+//#endregion
+//#region src/widgets/markdown-lazy.tsx
+var wa = i(() => import("./markdown-KUkv11EB.js").then((e) => ({ default: e.MarkdownWidget })));
+function Ta(e) {
+	return /* @__PURE__ */ R(t, {
+		fallback: /* @__PURE__ */ R("p", {
+			role: "status",
+			className: "text-small text-content-muted",
+			children: "Loading the editor…"
+		}),
+		children: /* @__PURE__ */ R(wa, { ...e })
+	});
+}
+//#endregion
+//#region src/editor/PagePicker.tsx
+var Ea = /* @__PURE__ */ new WeakMap();
+function Da() {
+	let { api: e } = J(), [t, n] = d([]);
+	return s(() => {
+		let t = !0, r = Ea.get(e);
+		return r || (r = e.listPages(), Ea.set(e, r)), r.then((e) => {
+			t && n(e);
+		}, () => {
+			Ea.delete(e);
+		}), () => {
+			t = !1;
+		};
+	}, [e]), t;
+}
+function Oa(e) {
+	return e.map((e) => ({
+		value: e.url,
+		label: e.title,
+		detail: e.url
+	}));
+}
+function ka({ onPick: e, absolute: t, fieldLabel: n, isDisabled: r }) {
+	let i = Da(), [a, o] = d(!1), s = l(() => i.map((e) => ({
+		value: t ? new URL(e.url, t).href : e.url,
+		label: `${e.title} (${e.url})`
+	})), [i, t]);
+	return i.length === 0 ? null : /* @__PURE__ */ z(L, { children: [/* @__PURE__ */ R(K, {
+		variant: "quiet",
+		...r ? { isDisabled: r } : {},
+		onPress: () => {
+			o(!0);
+		},
+		"aria-label": `Choose a page for ${n}`,
+		children: "Choose a page…"
+	}), /* @__PURE__ */ R(Sn, {
+		title: "Choose a page",
+		isOpen: a,
+		onOpenChange: o,
+		children: /* @__PURE__ */ R(Pn, {
+			label: "Page",
+			description: "Search by title. Its address goes in the field.",
+			options: s,
+			value: null,
+			onChange: (t) => {
+				t && (e(t), o(!1));
+			}
+		})
+	})] });
+}
+//#endregion
+//#region src/widgets/special.tsx
+var Aa = /^#[0-9a-f]{6}$/i;
+function ja(e, ...t) {
+	return [e, ...t].filter(Boolean).join(" ");
+}
+function Ma({ color: e }) {
+	return /* @__PURE__ */ R("span", {
+		className: "inline-block size-6 shrink-0 rounded-sm border border-border-strong",
+		style: { backgroundColor: e }
+	});
+}
+function Na({ value: e, onChange: t, field: n, id: r, describedBy: i, invalid: a, disabled: o }) {
+	let s = n.widgetOptions?.palette, c = typeof e == "string" ? e : "";
+	if (s && Object.keys(s).length > 0) {
+		let e = Object.entries(s).map(([e, t]) => ({
+			value: t,
+			label: `${e} (${t})`,
+			prefix: /* @__PURE__ */ R(Ma, { color: t })
+		}));
+		return c && !e.some((e) => e.value.toLowerCase() === c.toLowerCase()) && e.push({
+			value: c,
+			label: `Current colour (${c})`,
+			prefix: /* @__PURE__ */ R(Ma, { color: c })
+		}), /* @__PURE__ */ R(zn, {
+			id: r,
+			"aria-labelledby": `${r}-label`,
+			"aria-describedby": i,
+			options: e,
+			value: e.find((e) => e.value.toLowerCase() === c.toLowerCase())?.value ?? null,
+			onChange: t,
+			isInvalid: a,
+			isDisabled: o
+		});
+	}
+	return /* @__PURE__ */ z("div", {
+		className: "flex items-center gap-3",
+		children: [/* @__PURE__ */ R("input", {
+			id: r,
+			type: "text",
+			value: c,
+			placeholder: "#1a73e8",
+			spellCheck: !1,
+			autoComplete: "off",
+			onChange: (e) => {
+				t(e.target.value === "" && !n.required ? void 0 : e.target.value);
+			},
+			"aria-describedby": i,
+			"aria-invalid": a || void 0,
+			"aria-required": n.required || void 0,
+			disabled: o,
+			className: V(Z, "max-w-40 font-mono")
+		}), n.widgetOptions?.alpha !== !0 && /* @__PURE__ */ R("input", {
+			type: "color",
+			"aria-label": `Pick ${n.label.toLowerCase()} from a colour picker`,
+			value: Aa.test(c) ? c.toLowerCase() : "#000000",
+			onChange: (e) => {
+				t(e.target.value);
+			},
+			disabled: o,
+			className: "size-10 cursor-pointer rounded-md border border-border-strong bg-surface p-1 focus-visible:outline-2 focus-visible:outline-solid focus-visible:outline-offset-2 focus-visible:outline-focus focus-visible:ring-6 focus-visible:ring-(color:--glow-focus)"
+		})]
+	});
+}
+function Pa({ value: e, onChange: t, field: n, id: r, describedBy: i, invalid: a, disabled: o }) {
+	let c = X(), l = typeof n.widgetOptions?.from == "string" ? n.widgetOptions.from : void 0, u = l ? c.values[l] : void 0, f = typeof u == "string" ? u : "", p = typeof e == "string" ? e : "", [m, h] = d(() => c.isNew && l !== void 0 && (p === "" || p === Fa(f)));
+	s(() => {
+		if (!m) return;
+		let e = Fa(f);
+		e !== p && t(e === "" && !n.required ? void 0 : e);
+	}, [
+		m,
+		f,
+		p,
+		t,
+		n.required
+	]);
+	let g = c.collection.fields?.find((e) => e.path[0] === l)?.label ?? l;
+	return /* @__PURE__ */ z(L, { children: [/* @__PURE__ */ R("input", {
+		id: r,
+		type: "text",
+		value: p,
+		spellCheck: !1,
+		autoComplete: "off",
+		onChange: (e) => {
+			h(!1), t(e.target.value === "" && !n.required ? void 0 : e.target.value);
+		},
+		"aria-describedby": ja(i, m && `${r}-follows`),
+		"aria-invalid": a || void 0,
+		"aria-required": n.required || void 0,
+		disabled: o,
+		className: V(Z, "font-mono")
+	}), m && g && /* @__PURE__ */ z("p", {
+		id: `${r}-follows`,
+		className: "text-small text-content-muted",
+		children: [
+			"Follows the ",
+			g.toLowerCase(),
+			" until you edit it."
+		]
+	})] });
+}
+function Fa(e) {
+	return at(e).replaceAll("/", "-");
+}
+function Ia({ value: e, onChange: t, field: n, id: r, describedBy: i, invalid: a, disabled: o }) {
+	let { manifest: s } = J(), c = typeof e == "string" ? e : "", l = /^https?:\/\/\S+$/i.test(c), u = s.site.urls?.site, d = n.format !== "url" || u !== void 0;
+	return /* @__PURE__ */ z("div", {
+		className: "flex flex-wrap items-center gap-3",
+		children: [
+			/* @__PURE__ */ R("input", {
+				id: r,
+				type: "url",
+				inputMode: "url",
+				value: c,
+				placeholder: n.placeholder ?? "https://",
+				onChange: (e) => {
+					t(e.target.value === "" && !n.required ? void 0 : e.target.value);
+				},
+				"aria-describedby": i,
+				"aria-invalid": a || void 0,
+				"aria-required": n.required || void 0,
+				disabled: o,
+				className: Z
+			}),
+			l && /* @__PURE__ */ z("a", {
+				href: c,
+				target: "_blank",
+				rel: "noopener noreferrer",
+				className: "shrink-0 rounded-sm text-accent underline underline-offset-2 hover:text-accent-hover focus-visible:outline-2 focus-visible:outline-solid focus-visible:outline-offset-2 focus-visible:outline-focus focus-visible:ring-6 focus-visible:ring-(color:--glow-focus)",
+				children: ["Open ", /* @__PURE__ */ z("span", {
+					className: "sr-only",
+					children: [c, " in a new tab"]
+				})]
+			}),
+			d && /* @__PURE__ */ R(ka, {
+				fieldLabel: n.label,
+				...n.format === "url" && u ? { absolute: u } : {},
+				...o ? { isDisabled: !0 } : {},
+				onPick: (e) => {
+					t(e);
+				}
+			})
+		]
+	});
+}
+function La({ value: e, onChange: t, field: n, id: r, describedBy: i, invalid: a, disabled: o }) {
+	let { manifest: s } = J(), { zone: c, isSite: l } = tt(s.site.timeZone), u = e instanceof Date ? e : typeof e == "string" && e ? new Date(e) : null, d = u !== null && !Number.isNaN(u.getTime()), f = ct(c, d ? u : /* @__PURE__ */ new Date());
+	return /* @__PURE__ */ z(L, { children: [/* @__PURE__ */ R("input", {
+		id: r,
+		type: "datetime-local",
+		value: d ? st(u, c) : "",
+		onChange: (n) => {
+			if (n.target.value === "") {
+				t(void 0);
+				return;
+			}
+			let r = He(n.target.value, c);
+			r && t(typeof e == "string" ? qe(r, Xe(r) ?? 0) : r);
+		},
+		"aria-describedby": ja(i, `${r}-zone`),
+		"aria-invalid": a || void 0,
+		"aria-required": n.required || void 0,
+		disabled: o,
+		required: n.required,
+		className: V(Z, "max-w-64")
+	}), /* @__PURE__ */ R("p", {
+		id: `${r}-zone`,
+		className: "text-small text-content-muted",
+		children: l ? `Times are in ${f}, the site’s time zone.` : `Times are in your time zone, ${f}.`
+	})] });
+}
+//#endregion
+//#region src/widgets/registry.ts
+var Ra = {
+	text: { component: vr },
+	textarea: { component: br },
+	email: { component: yr },
+	url: { component: Ia },
+	number: { component: xr },
+	switch: { component: Sr },
+	date: { component: wr },
+	datetime: { component: La },
+	select: { component: Er },
+	radio: {
+		component: Dr,
+		group: !0
+	},
+	icon: { component: gi },
+	tags: { component: Or },
+	multiselect: { component: Or },
+	group: {
+		component: Yr,
+		group: !0,
+		rendersChildren: !0,
+		section: !0
+	},
+	union: {
+		component: Jr,
+		group: !0,
+		rendersChildren: !0,
+		section: !0
+	},
+	repeater: {
+		component: di,
+		group: !0,
+		rendersChildren: !0,
+		section: !0
+	},
+	raw: { component: kr },
+	markdown: { component: Ta },
+	slug: { component: Pa },
+	color: { component: Na },
+	geo: {
+		component: Mr,
+		group: "boxed"
+	},
+	reference: { component: Sa },
+	references: {
+		component: Ca,
+		group: !0
+	},
+	image: {
+		component: ma,
+		group: "boxed",
+		childControls: { alt: "-alt" }
+	},
+	file: {
+		component: ga,
+		group: !0
+	}
+}, za = {
+	string: "text",
+	number: "number",
+	boolean: "switch",
+	date: "date",
+	enum: "select",
+	object: "group",
+	union: "union",
+	array: "repeater",
+	reference: "reference",
+	image: "image"
+};
+function Ba(e) {
+	for (let t of [
+		e.widget,
+		e.inferredWidget,
+		za[e.kind]
+	]) {
+		let e = t ? Ra[t] : void 0;
+		if (e) return e;
+	}
+	return Ra.raw;
+}
+//#endregion
+//#region src/editor/Field.tsx
+function Va({ field: e, path: n, label: r, item: i, asSection: a = !0 }) {
+	let o = X(), { widgets: s } = J(), c = fr(n, o.idPrefix), l = o.issues.get(pr(n)) ?? [], u = e.widget ? s[e.widget] : void 0, d = Ba(e), f = u ? void 0 : d.childControls, p = (o.notes?.get(pr(n)) ?? []).filter((e) => {
+		let t = e.target.kind === "field" ? e.target.path[n.length] : void 0;
+		return !(typeof t == "string" && f && t in f);
+	}), m = e.description ? `${c}-help` : void 0, h = l.length > 0 ? `${c}-error` : void 0, g = p.length > 0 ? `${c}-a11y` : void 0, _ = [
+		m,
+		h,
+		g
+	].filter(Boolean).join(" ") || void 0, v = {
+		value: lr(o.values, n),
+		onChange: (e) => {
+			o.setValue(n, e);
+		},
+		field: e,
+		id: c,
+		describedBy: _,
+		invalid: l.length > 0,
+		disabled: o.disabled || e.readOnly === !0,
+		path: n
+	}, y = i === "row" ? {
+		...v,
+		inRow: !0
+	} : v, b = u ? /* @__PURE__ */ R(Ha, {
+		fallback: /* @__PURE__ */ R(d.component, { ...y }),
+		name: e.widget ?? "",
+		children: /* @__PURE__ */ R(t, {
+			fallback: /* @__PURE__ */ R("p", {
+				className: "text-small text-content-muted",
+				children: "Loading…"
+			}),
+			children: /* @__PURE__ */ R(u, { ...v })
+		})
+	}) : /* @__PURE__ */ R(d.component, { ...y }), x = r ?? e.label, S = !e.required && !i && e.kind !== "boolean" && e.readOnly !== !0 ? /* @__PURE__ */ R(sn, {}) : null, C = m ? /* @__PURE__ */ R("p", {
+		id: m,
+		className: "text-small text-content-muted",
+		children: e.description
+	}) : null, w = h ? /* @__PURE__ */ R("p", {
+		id: h,
+		className: "text-small text-danger",
+		children: l.join(" ")
+	}) : null, T = g ? /* @__PURE__ */ R(vi, {
+		id: g,
+		notes: p
+	}) : null;
+	if (!u && d.group) {
+		let t = d.section && n.length === 1 && a && !o.idPrefix && !i, r = d.section && (e.kind === "object" || e.kind === "union") && !t && i !== "row", s = /* @__PURE__ */ z("fieldset", {
+			"aria-describedby": _,
+			className: V("flex min-w-0 flex-col gap-2", t && "gap-3", r && "border-l border-border pl-4", d.group === "boxed" && !i && "rounded-md border border-border p-4"),
+			children: [
+				/* @__PURE__ */ R("legend", {
+					id: `${c}-label`,
+					tabIndex: -1,
+					className: V("mb-1 outline-none", i === "row" ? "sr-only" : "text-label text-content"),
+					children: t ? /* @__PURE__ */ z("h2", {
+						className: "text-heading-3 text-content",
+						children: [x, S]
+					}) : /* @__PURE__ */ z(L, { children: [x, S] })
+				}),
+				C,
+				b,
+				w,
+				T
+			]
+		});
+		return t ? /* @__PURE__ */ R("div", {
+			className: "mt-4 border-t border-border pt-6",
+			children: s
+		}) : s;
+	}
+	return /* @__PURE__ */ z("div", {
+		className: "flex min-w-0 flex-col gap-2",
+		children: [
+			/* @__PURE__ */ z("label", {
+				id: `${c}-label`,
+				htmlFor: c,
+				className: "text-label text-content",
+				children: [x, S]
+			}),
+			b,
+			C,
+			w,
+			T
+		]
+	});
+}
+var Ha = class extends e {
+	state = { failed: !1 };
+	static getDerivedStateFromError() {
+		return { failed: !0 };
+	}
+	render() {
+		return this.state.failed ? /* @__PURE__ */ z(L, { children: [/* @__PURE__ */ z("p", {
+			className: "text-small text-content-muted",
+			children: [
+				"The “",
+				this.props.name,
+				"” control couldn’t load, so this is a plain one."
+			]
+		}), this.props.fallback] }) : this.props.children;
+	}
+}, Ua = typeof navigator < "u" && /Mac|iPhone|iPad/.test(navigator.platform || navigator.userAgent);
+function Wa(...e) {
+	let t = e.at(-1) ?? "", n = e.slice(0, -1);
+	if (Ua) {
+		let e = {
+			Alt: "⌥",
+			Shift: "⇧",
+			Mod: "⌘"
+		}, r = [
+			"Alt",
+			"Shift",
+			"Mod"
+		].filter((e) => n.includes(e));
+		return {
+			text: `${r.map((t) => e[t]).join("")}${t}`,
+			aria: [...r.map((e) => e === "Mod" ? "Meta" : e), t].join("+")
+		};
+	}
+	return {
+		text: [...n.map((e) => e === "Mod" ? "Ctrl" : e), t].join("+"),
+		aria: [...n.map((e) => e === "Mod" ? "Control" : e), t].join("+")
+	};
+}
+//#endregion
+export { q as $, cr as A, Jn as B, X as C, Y as D, mr as E, J as F, Un as G, qn as H, nr as I, Ln as J, Hn as K, Me as L, or as M, ir as N, pr as O, rr as P, Bn as Q, er as R, hr as S, lr as T, Kn as U, Xn as V, Wn as W, zn as X, Pn as Y, Nn as Z, Ir as _, ka as a, vn as at, Pr as b, qi as c, pn as ct, Ki as d, hn as dt, Sn as et, Wi as f, G as ft, Gr as g, Xr as h, Ba as i, xn as it, sr as j, ur as k, Xi as l, gn as lt, _i as m, H as mt, Wa as n, On as nt, Oa as o, _n as ot, Bi as p, V as pt, Vn as q, Va as r, wn as rt, Da as s, K as st, Ua as t, Cn as tt, Gi as u, mn as ut, Rr as v, fr as w, Z as x, Fr as y, tr as z };