@driftime/sanity-plugin-handbook 0.2.0 → 0.3.0

package/dist/index.js

@@ -1,2097 +1,2823 @@
-import { useClient, useSchema, defineArrayMember, defineField, defineType, useCurrentUser, definePlugin } from "sanity";
-import { jsxs, jsx, Fragment } from "react/jsx-runtime";
-import { forwardRef, useState, useEffect, createContext, useContext, useRef, createElement, useCallback, useMemo } from "react";
-import { Card, Flex, Text, Box, Stack, Heading, useClickOutsideEvent, Popover, Code, Button } from "@sanity/ui";
-function BookTextIcon(props) {
-  return /* @__PURE__ */ jsxs(
-    "svg",
-    {
-      xmlns: "http://www.w3.org/2000/svg",
-      viewBox: "0 0 24 24",
-      fill: "none",
-      stroke: "currentColor",
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      ...props,
-      children: [
-        /* @__PURE__ */ jsx("path", { d: "M4 19.5v-15A2.5 2.5 0 0 1 6.5 2H19a1 1 0 0 1 1 1v18a1 1 0 0 1-1 1H6.5a1 1 0 0 1 0-5H20" }),
-        /* @__PURE__ */ jsx("path", { d: "M8 11h8" }),
-        /* @__PURE__ */ jsx("path", { d: "M8 7h6" })
-      ]
-    }
-  );
-}
-const ArrowLeftIcon = /* @__PURE__ */ forwardRef(function(props, ref) {
-  return /* @__PURE__ */ jsxs(
-    "svg",
-    {
-      "data-sanity-icon": "arrow-left",
-      width: "1em",
-      height: "1em",
-      viewBox: "0 0 25 25",
-      fill: "none",
-      xmlns: "http://www.w3.org/2000/svg",
-      ...props,
-      ref,
-      children: [
-        /* @__PURE__ */ jsx("path", { d: "M5.5 12.5H20", stroke: "currentColor", strokeWidth: 1.2, strokeLinejoin: "round" }),
-        /* @__PURE__ */ jsx(
-          "path",
-          {
-            d: "M11 18L5.5 12.5L11 7",
-            stroke: "currentColor",
-            strokeWidth: 1.2,
-            strokeLinejoin: "round"
-          }
-        )
-      ]
-    }
-  );
-}), ChevronDownIcon = /* @__PURE__ */ forwardRef(function(props, ref) {
-  return /* @__PURE__ */ jsx(
-    "svg",
-    {
-      "data-sanity-icon": "chevron-down",
-      width: "1em",
-      height: "1em",
-      viewBox: "0 0 25 25",
-      fill: "none",
-      xmlns: "http://www.w3.org/2000/svg",
-      ...props,
-      ref,
-      children: /* @__PURE__ */ jsx(
-        "path",
-        {
-          d: "M17 10L12.5 14.5L8 10",
-          stroke: "currentColor",
-          strokeWidth: 1.2,
-          strokeLinejoin: "round"
-        }
-      )
-    }
-  );
-}), ChevronRightIcon = /* @__PURE__ */ forwardRef(function(props, ref) {
-  return /* @__PURE__ */ jsx(
-    "svg",
-    {
-      "data-sanity-icon": "chevron-right",
-      width: "1em",
-      height: "1em",
-      viewBox: "0 0 25 25",
-      fill: "none",
-      xmlns: "http://www.w3.org/2000/svg",
-      ...props,
-      ref,
-      children: /* @__PURE__ */ jsx(
-        "path",
-        {
-          d: "M10 8L14.5 12.5L10 17",
-          stroke: "currentColor",
-          strokeWidth: 1.2,
-          strokeLinejoin: "round"
-        }
-      )
-    }
-  );
-});
-function PaneHeader({ title }) {
-  return /* @__PURE__ */ jsx("div", { style: { position: "sticky", top: 0, zIndex: 1, lineHeight: 0 }, children: /* @__PURE__ */ jsx(Card, { tone: "inherit", children: /* @__PURE__ */ jsx(Flex, { direction: "column", padding: 3, style: { boxSizing: "border-box" }, children: /* @__PURE__ */ jsx(Flex, { align: "flex-start", children: /* @__PURE__ */ jsx(Card, { flex: 1, paddingLeft: 2, padding: 2, children: /* @__PURE__ */ jsx(Flex, { align: "center", gap: 1, children: /* @__PURE__ */ jsx(Text, { size: 1, textOverflow: "ellipsis", weight: "semibold", style: { cursor: "default", outline: "none" }, children: title }) }) }) }) }) }) });
-}
-const query = `*[_type == "handbook.handbook"][0]{
-  groups[]{
-    _key,
-    title,
-    guides[]{
-      _key,
-      ...@->{
-        _id,
-        _type,
-        title,
-        description,
-        content[]{
-          ...,
-          _type == "handbook.image" => {
-            ...,
-            "asset": { "url": asset.asset->url }
-          },
-          _type == "handbook.video" => {
-            ...,
-            "asset": { "url": asset.asset->url }
-          }
-        }
-      }
-    }
-  }
-}`, listenQuery = '*[_type == "handbook.handbook" || _type == "handbook.guide"]';
-function useHandbookConfiguration() {
-  const client = useClient({ apiVersion: "2026-01-01" }), [configuration, setConfiguration] = useState(null), [loading, setLoading] = useState(!0);
-  return useEffect(() => {
-    async function fetchConfiguration() {
-      const result = await client.fetch(query);
-      setConfiguration(result), setLoading(!1);
-    }
-    fetchConfiguration();
-    const subscription = client.listen(listenQuery).subscribe(() => {
-      fetchConfiguration();
-    });
-    return () => {
-      subscription.unsubscribe();
-    };
-  }, [client]), { configuration, loading };
+import { CommandList, PreviewCard, SanityDefaultPreview, defineArrayMember, defineField, definePlugin, defineType, useClient, useCurrentUser, useSchema } from "sanity";
+import { c } from "react/compiler-runtime";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { createContext, createElement, useContext, useEffect, useRef, useState } from "react";
+import { Box, Button, Card, Flex, Heading, Layer, LayerProvider, Stack, Text, useClickOutsideEvent, useElementSize, useTheme_v2 } from "@sanity/ui";
+import { Code } from "@sanity/ui/code";
+import { Pane, PaneContent, PaneLayout } from "sanity/structure";
+import { PaneContext, PaneLayoutContext } from "sanity/_singletons";
+import { ArrowLeftIcon } from "@sanity/icons/ArrowLeft";
+import { ChevronDownIcon } from "@sanity/icons/ChevronDown";
+import { ChevronRightIcon } from "@sanity/icons/ChevronRight";
+import { Popover } from "@sanity/ui/popover";
+import { PortableText } from "@portabletext/react";
+/** Properties every icon the plugin draws is rendered with. */
+const defaultIconProps = {
+	width: "1em",
+	height: "1em",
+	strokeWidth: 1.5
+};
+function BookOpenTextIcon(props) {
+	let $ = c(8), t0, t1, t2, t3, t4, t5;
+	$[0] === Symbol.for("react.memo_cache_sentinel") ? (t0 = /* @__PURE__ */ jsx("path", { d: "M12 7v14" }), t1 = /* @__PURE__ */ jsx("path", { d: "M16 12h2" }), t2 = /* @__PURE__ */ jsx("path", { d: "M16 8h2" }), t3 = /* @__PURE__ */ jsx("path", { d: "M3 18a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h5a4 4 0 0 1 4 4 4 4 0 0 1 4-4h5a1 1 0 0 1 1 1v13a1 1 0 0 1-1 1h-6a3 3 0 0 0-3 3 3 3 0 0 0-3-3z" }), t4 = /* @__PURE__ */ jsx("path", { d: "M6 12h2" }), t5 = /* @__PURE__ */ jsx("path", { d: "M6 8h2" }), $[0] = t0, $[1] = t1, $[2] = t2, $[3] = t3, $[4] = t4, $[5] = t5) : (t0 = $[0], t1 = $[1], t2 = $[2], t3 = $[3], t4 = $[4], t5 = $[5]);
+	let t6;
+	return $[6] === props ? t6 = $[7] : (t6 = /* @__PURE__ */ jsxs("svg", {
+		xmlns: "http://www.w3.org/2000/svg",
+		width: 24,
+		height: 24,
+		viewBox: "0 0 24 24",
+		fill: "none",
+		stroke: "currentColor",
+		strokeWidth: 2,
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		...props,
+		children: [
+			t0,
+			t1,
+			t2,
+			t3,
+			t4,
+			t5
+		]
+	}), $[6] = props, $[7] = t6), t6;
+}
+/**
+* Creates a Sanity Studio icon component from an SVG icon.
+*
+* @param icon - The icon component to wrap.
+* @param props - Additional props merged over the default properties a Studio icon is drawn with.
+* @returns A Studio icon component.
+*/
+function createSanityIcon(icon, props) {
+	let Icon = icon;
+	function SanityIcon() {
+		return createElement(Icon, {
+			...defaultIconProps,
+			...props
+		});
+	}
+	return SanityIcon;
+}
+function PortableCode(t0) {
+	let $ = c(8), props, style;
+	$[0] === t0 ? (props = $[1], style = $[2]) : ({style, ...props} = t0, $[0] = t0, $[1] = props, $[2] = style);
+	let t1;
+	$[3] === style ? t1 = $[4] : (t1 = {
+		paddingBlock: 2,
+		paddingInline: 4,
+		fontSize: "0.875em",
+		backgroundColor: "var(--card-code-bg-color)",
+		borderRadius: 2,
+		...style
+	}, $[3] = style, $[4] = t1);
+	let t2;
+	return $[5] !== props || $[6] !== t1 ? (t2 = /* @__PURE__ */ jsx("code", {
+		style: t1,
+		...props
+	}), $[5] = props, $[6] = t1, $[7] = t2) : t2 = $[7], t2;
+}
+function CodeDecorator(t0) {
+	let $ = c(2), { children } = t0, t1;
+	return $[0] === children ? t1 = $[1] : (t1 = /* @__PURE__ */ jsx(PortableCode, { children }), $[0] = children, $[1] = t1), t1;
+}
+function ListItemStyle(t0) {
+	let $ = c(3), { children } = t0, t1;
+	$[0] === Symbol.for("react.memo_cache_sentinel") ? (t1 = { marginTop: "0.375em" }, $[0] = t1) : t1 = $[0];
+	let t2;
+	return $[1] === children ? t2 = $[2] : (t2 = /* @__PURE__ */ jsx(Text, {
+		size: 1,
+		style: t1,
+		children
+	}), $[1] = children, $[2] = t2), t2;
+}
+function PortableBlockquote(t0) {
+	let $ = c(15), children, muted, props, style;
+	$[0] === t0 ? (children = $[1], muted = $[2], props = $[3], style = $[4]) : ({muted, children, style, ...props} = t0, $[0] = t0, $[1] = children, $[2] = muted, $[3] = props, $[4] = style);
+	let t1;
+	$[5] === style ? t1 = $[6] : (t1 = {
+		borderLeft: "2px solid var(--card-border-color)",
+		...style
+	}, $[5] = style, $[6] = t1);
+	let t2;
+	$[7] === Symbol.for("react.memo_cache_sentinel") ? (t2 = { fontStyle: "italic" }, $[7] = t2) : t2 = $[7];
+	let t3;
+	$[8] !== children || $[9] !== muted ? (t3 = /* @__PURE__ */ jsx(Text, {
+		size: 1,
+		muted,
+		style: t2,
+		children
+	}), $[8] = children, $[9] = muted, $[10] = t3) : t3 = $[10];
+	let t4;
+	return $[11] !== props || $[12] !== t1 || $[13] !== t3 ? (t4 = /* @__PURE__ */ jsx(Box, {
+		paddingY: 1,
+		paddingLeft: 3,
+		style: t1,
+		...props,
+		children: t3
+	}), $[11] = props, $[12] = t1, $[13] = t3, $[14] = t4) : t4 = $[14], t4;
+}
+function PortableHeading(props) {
+	let $ = c(2), t0;
+	return $[0] === props ? t0 = $[1] : (t0 = /* @__PURE__ */ jsx(Text, {
+		as: "h2",
+		size: 1,
+		weight: "medium",
+		...props
+	}), $[0] = props, $[1] = t0), t0;
+}
+function PortableParagraph(props) {
+	let $ = c(2), t0;
+	return $[0] === props ? t0 = $[1] : (t0 = /* @__PURE__ */ jsx(Text, {
+		size: 1,
+		...props
+	}), $[0] = props, $[1] = t0), t0;
+}
+function ParagraphStyle(t0) {
+	let $ = c(2), { children } = t0, t1;
+	return $[0] === children ? t1 = $[1] : (t1 = /* @__PURE__ */ jsx(PortableParagraph, { children }), $[0] = children, $[1] = t1), t1;
+}
+function HeadingStyle(t0) {
+	let $ = c(2), { children } = t0, t1;
+	return $[0] === children ? t1 = $[1] : (t1 = /* @__PURE__ */ jsx(PortableHeading, { children }), $[0] = children, $[1] = t1), t1;
+}
+function BlockquoteStyle(t0) {
+	let $ = c(2), { children } = t0, t1;
+	return $[0] === children ? t1 = $[1] : (t1 = /* @__PURE__ */ jsx(PortableBlockquote, { children }), $[0] = children, $[1] = t1), t1;
 }
-function isDefined(value) {
-  return value == null || value === !1 ? !1 : typeof value == "string" ? value.trim() !== "" : Array.isArray(value) ? value.some((element) => isDefined(element)) : typeof value == "object" ? Object.keys(value).length > 0 : !0;
+const linkAnnotation = defineArrayMember({
+	name: "link",
+	type: "object",
+	description: "Link applied to the selected text.",
+	preview: {
+		select: { href: "href" },
+		prepare(selection) {
+			let { href } = selection;
+			return { title: href ?? "Link" };
+		}
+	},
+	fields: [defineField({
+		name: "href",
+		title: "URL",
+		type: "url",
+		description: "Web address destination for this link. Supports http, https, mailto, and tel schemes.",
+		validation: (rule) => rule.uri({ scheme: [
+			"http",
+			"https",
+			"mailto",
+			"tel"
+		] })
+	})]
+});
+function InfoIcon(props) {
+	let $ = c(5), t0, t1, t2;
+	$[0] === Symbol.for("react.memo_cache_sentinel") ? (t0 = /* @__PURE__ */ jsx("circle", {
+		cx: "12",
+		cy: "12",
+		r: "10"
+	}), t1 = /* @__PURE__ */ jsx("path", { d: "M12 16v-4" }), t2 = /* @__PURE__ */ jsx("path", { d: "M12 8h.01" }), $[0] = t0, $[1] = t1, $[2] = t2) : (t0 = $[0], t1 = $[1], t2 = $[2]);
+	let t3;
+	return $[3] === props ? t3 = $[4] : (t3 = /* @__PURE__ */ jsxs("svg", {
+		xmlns: "http://www.w3.org/2000/svg",
+		width: 24,
+		height: 24,
+		viewBox: "0 0 24 24",
+		fill: "none",
+		stroke: "currentColor",
+		strokeWidth: 2,
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		...props,
+		children: [
+			t0,
+			t1,
+			t2
+		]
+	}), $[3] = props, $[4] = t3), t3;
 }
-function isPermittedEditor(editors, email) {
-  return isDefined(editors) ? isDefined(email) ? editors.includes(email) : !1 : !0;
+function LightbulbIcon(props) {
+	let $ = c(5), t0, t1, t2;
+	$[0] === Symbol.for("react.memo_cache_sentinel") ? (t0 = /* @__PURE__ */ jsx("path", { d: "M15 14c.2-1 .7-1.7 1.5-2.5 1-.9 1.5-2.2 1.5-3.5A6 6 0 0 0 6 8c0 1 .2 2.2 1.5 3.5.7.7 1.3 1.5 1.5 2.5" }), t1 = /* @__PURE__ */ jsx("path", { d: "M9 18h6" }), t2 = /* @__PURE__ */ jsx("path", { d: "M10 22h4" }), $[0] = t0, $[1] = t1, $[2] = t2) : (t0 = $[0], t1 = $[1], t2 = $[2]);
+	let t3;
+	return $[3] === props ? t3 = $[4] : (t3 = /* @__PURE__ */ jsxs("svg", {
+		xmlns: "http://www.w3.org/2000/svg",
+		width: 24,
+		height: 24,
+		viewBox: "0 0 24 24",
+		fill: "none",
+		stroke: "currentColor",
+		strokeWidth: 2,
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		...props,
+		children: [
+			t0,
+			t1,
+			t2
+		]
+	}), $[3] = props, $[4] = t3), t3;
 }
+function TriangleAlertIcon(props) {
+	let $ = c(5), t0, t1, t2;
+	$[0] === Symbol.for("react.memo_cache_sentinel") ? (t0 = /* @__PURE__ */ jsx("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" }), t1 = /* @__PURE__ */ jsx("path", { d: "M12 9v4" }), t2 = /* @__PURE__ */ jsx("path", { d: "M12 17h.01" }), $[0] = t0, $[1] = t1, $[2] = t2) : (t0 = $[0], t1 = $[1], t2 = $[2]);
+	let t3;
+	return $[3] === props ? t3 = $[4] : (t3 = /* @__PURE__ */ jsxs("svg", {
+		xmlns: "http://www.w3.org/2000/svg",
+		width: 24,
+		height: 24,
+		viewBox: "0 0 24 24",
+		fill: "none",
+		stroke: "currentColor",
+		strokeWidth: 2,
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		...props,
+		children: [
+			t0,
+			t1,
+			t2
+		]
+	}), $[3] = props, $[4] = t3), t3;
+}
+/** Presentation for each callout variant. */
+const presentation = {
+	tip: {
+		icon: LightbulbIcon,
+		tone: "positive"
+	},
+	info: {
+		icon: InfoIcon,
+		tone: "primary"
+	},
+	warning: {
+		icon: TriangleAlertIcon,
+		tone: "caution"
+	}
+};
+function CalloutContent(t0) {
+	let $ = c(17), children, props, variant;
+	$[0] === t0 ? (children = $[1], props = $[2], variant = $[3]) : ({variant, children, ...props} = t0, $[0] = t0, $[1] = children, $[2] = props, $[3] = variant);
+	let { icon: Icon, tone } = presentation[variant], t1;
+	$[4] === Symbol.for("react.memo_cache_sentinel") ? (t1 = {
+		flexShrink: 0,
+		marginTop: "-2px",
+		fontSize: "16px",
+		color: "var(--card-icon-color)"
+	}, $[4] = t1) : t1 = $[4];
+	let t2;
+	$[5] === Icon ? t2 = $[6] : (t2 = /* @__PURE__ */ jsx("div", {
+		style: t1,
+		children: /* @__PURE__ */ jsx(Icon, { ...defaultIconProps })
+	}), $[5] = Icon, $[6] = t2);
+	let t3;
+	$[7] === Symbol.for("react.memo_cache_sentinel") ? (t3 = { color: "var(--card-icon-color)" }, $[7] = t3) : t3 = $[7];
+	let t4;
+	$[8] === children ? t4 = $[9] : (t4 = /* @__PURE__ */ jsx(Text, {
+		size: 1,
+		style: t3,
+		children
+	}), $[8] = children, $[9] = t4);
+	let t5;
+	$[10] !== t2 || $[11] !== t4 ? (t5 = /* @__PURE__ */ jsxs(Flex, {
+		align: "flex-start",
+		gap: 3,
+		children: [t2, t4]
+	}), $[10] = t2, $[11] = t4, $[12] = t5) : t5 = $[12];
+	let t6;
+	return $[13] !== props || $[14] !== t5 || $[15] !== tone ? (t6 = /* @__PURE__ */ jsx(Card, {
+		padding: 4,
+		radius: 2,
+		tone,
+		...props,
+		children: t5
+	}), $[13] = props, $[14] = t5, $[15] = tone, $[16] = t6) : t6 = $[16], t6;
+}
+function CalloutPreview(t0) {
+	let $ = c(8), { variant, body } = t0, t1 = variant ?? "tip", t2;
+	$[0] === Symbol.for("react.memo_cache_sentinel") ? (t2 = {
+		display: "flex",
+		flexDirection: "column",
+		gap: 12
+	}, $[0] = t2) : t2 = $[0];
+	let t3;
+	$[1] === body ? t3 = $[2] : (t3 = body?.map(_temp2$1), $[1] = body, $[2] = t3);
+	let t4;
+	$[3] === t3 ? t4 = $[4] : (t4 = /* @__PURE__ */ jsx("div", {
+		style: t2,
+		children: t3
+	}), $[3] = t3, $[4] = t4);
+	let t5;
+	return $[5] !== t1 || $[6] !== t4 ? (t5 = /* @__PURE__ */ jsx(CalloutContent, {
+		variant: t1,
+		children: t4
+	}), $[5] = t1, $[6] = t4, $[7] = t5) : t5 = $[7], t5;
+}
+function _temp2$1(t0) {
+	let { _key, children } = t0;
+	return /* @__PURE__ */ jsx("div", {
+		style: { whiteSpace: "pre-wrap" },
+		children: children.map(_temp$3).join("")
+	}, _key);
+}
+function _temp$3(child) {
+	return child.text;
+}
+function MessageCircleIcon(props) {
+	let $ = c(3), t0;
+	$[0] === Symbol.for("react.memo_cache_sentinel") ? (t0 = /* @__PURE__ */ jsx("path", { d: "M2.992 16.342a2 2 0 0 1 .094 1.167l-1.065 3.29a1 1 0 0 0 1.236 1.168l3.413-.998a2 2 0 0 1 1.099.092 10 10 0 1 0-4.777-4.719" }), $[0] = t0) : t0 = $[0];
+	let t1;
+	return $[1] === props ? t1 = $[2] : (t1 = /* @__PURE__ */ jsx("svg", {
+		xmlns: "http://www.w3.org/2000/svg",
+		width: 24,
+		height: 24,
+		viewBox: "0 0 24 24",
+		fill: "none",
+		stroke: "currentColor",
+		strokeWidth: 2,
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		...props,
+		children: t0
+	}), $[1] = props, $[2] = t1), t1;
+}
+/** Type name of the callout block. */
+const calloutTypeName = "handbook.callout", calloutType = defineType({
+	name: calloutTypeName,
+	type: "object",
+	title: "Callout",
+	icon: createSanityIcon(MessageCircleIcon),
+	description: "Highlighted message block drawing attention to tips, supplementary information, or warnings.",
+	components: { preview: CalloutPreview },
+	preview: {
+		select: {
+			variant: "variant",
+			body: "body"
+		},
+		prepare(selection) {
+			let { variant, body } = selection;
+			return {
+				title: "Callout",
+				variant,
+				body
+			};
+		}
+	},
+	fields: [defineField({
+		name: "variant",
+		type: "string",
+		description: "Visual style and intent of the callout.",
+		initialValue: "tip",
+		validation: (rule) => rule.required(),
+		options: {
+			list: [
+				{
+					title: "Tip",
+					value: "tip"
+				},
+				{
+					title: "Information",
+					value: "info"
+				},
+				{
+					title: "Warning",
+					value: "warning"
+				}
+			],
+			layout: "radio",
+			direction: "horizontal"
+		}
+	}), defineField({
+		name: "body",
+		type: "array",
+		description: "Content displayed inside the callout. Supports inline formatting and links.",
+		of: [defineArrayMember({
+			name: "block",
+			type: "block",
+			styles: [{
+				title: "Normal",
+				value: "normal",
+				component: ParagraphStyle
+			}],
+			lists: [],
+			marks: {
+				decorators: [
+					{
+						title: "Bold",
+						value: "strong"
+					},
+					{
+						title: "Italic",
+						value: "em"
+					},
+					{
+						title: "Strikethrough",
+						value: "strike-through"
+					},
+					{
+						title: "Code",
+						value: "code",
+						component: CodeDecorator
+					}
+				],
+				annotations: [linkAnnotation]
+			}
+		})]
+	})]
+});
+function CodeContent(t0) {
+	let $ = c(14), code, language, props, style;
+	$[0] === t0 ? (code = $[1], language = $[2], props = $[3], style = $[4]) : ({code, language, style, ...props} = t0, $[0] = t0, $[1] = code, $[2] = language, $[3] = props, $[4] = style);
+	let t1;
+	$[5] === style ? t1 = $[6] : (t1 = {
+		overflowX: "auto",
+		...style
+	}, $[5] = style, $[6] = t1);
+	let t2;
+	$[7] !== code || $[8] !== language ? (t2 = /* @__PURE__ */ jsx(Code, {
+		size: 1,
+		language,
+		children: code
+	}), $[7] = code, $[8] = language, $[9] = t2) : t2 = $[9];
+	let t3;
+	return $[10] !== props || $[11] !== t1 || $[12] !== t2 ? (t3 = /* @__PURE__ */ jsx(Card, {
+		padding: 4,
+		radius: 2,
+		tone: "transparent",
+		style: t1,
+		...props,
+		children: t2
+	}), $[10] = props, $[11] = t1, $[12] = t2, $[13] = t3) : t3 = $[13], t3;
+}
+/**
+* Checks whether a value is defined and non-empty, treating `false`, empty strings, and objects with
+* no keys as absent. An array is absent unless one of its elements is itself present, while anything
+* built from a class counts as present on existence alone. Not intended for boolean flags.
+*
+* @param value - The value to check.
+* @returns True if the value is defined and not empty.
+*/
+function isDefined(value) {
+	if (value == null || value === !1) return !1;
+	if (typeof value == "string") return value.trim() !== "";
+	if (Array.isArray(value)) return value.some((element) => isDefined(element));
+	if (typeof value == "object") {
+		let prototype = Reflect.getPrototypeOf(value);
+		return prototype !== Object.prototype && prototype !== null || Object.keys(value).length > 0;
+	}
+	return !0;
+}
+/**
+* Converts a string between different casing formats.
+*
+* @param value - The string to convert.
+* @param format - The target casing format.
+* @returns The converted string.
+*/
 function convertCase(value, format) {
-  const words = value.replaceAll(/([a-z0-9])([A-Z])/g, "$1 $2").replaceAll(/[-_\s]+/g, " ").trim().toLowerCase();
-  switch (format) {
-    case "kebab":
-      return words.replaceAll(/\s+/g, "-");
-    case "snake":
-      return words.replaceAll(/\s+/g, "_");
-    case "camel":
-      return words.replaceAll(/\s+(.)/g, (_match, character) => character.toUpperCase());
-    case "pascal":
-      return words.replaceAll(/(?:^|\s+)(.)/g, (_match, character) => character.toUpperCase());
-    case "title":
-      return words.replaceAll(/\b\w/g, (character) => character.toUpperCase());
-    case "sentence":
-      return words.replaceAll(/^(.)/g, (character) => character.toUpperCase());
-    default:
-      return value;
-  }
-}
-const HandbookContext = createContext(void 0);
-function HandbookProvider({
-  sidebarTitle,
-  groups,
-  blocks,
-  undocumentedFieldMessage,
-  children
-}) {
-  const [activeTab, setActiveTab] = useState(null), [sidebarExpanded, setSidebarExpanded] = useState(!0), { configuration, loading } = useHandbookConfiguration();
-  return /* @__PURE__ */ jsx(
-    HandbookContext,
-    {
-      value: {
-        sidebarTitle,
-        activeTab,
-        sidebarExpanded,
-        loading,
-        groups,
-        configuration,
-        blocks,
-        undocumentedFieldMessage,
-        setActiveTab,
-        setSidebarExpanded
-      },
-      children
-    }
-  );
+	let words = value.replaceAll(/(?<lower>[a-z0-9])(?<upper>[A-Z])/gu, "$<lower> $<upper>").replaceAll(/[-_\s]+/gu, " ").trim().toLowerCase();
+	switch (format) {
+		case "kebab": return words.replaceAll(/\s+/gu, "-");
+		case "snake": return words.replaceAll(/\s+/gu, "_");
+		case "camel": return words.replaceAll(/\s+(?<character>.)/gu, (_match, character) => character.toUpperCase());
+		case "pascal": return words.replaceAll(/(?:^|\s+)(?<character>.)/gu, (_match, character) => character.toUpperCase());
+		case "title": return words.replaceAll(/\b\w/gu, (character) => character.toUpperCase());
+		case "sentence": return words.replaceAll(/^(?<character>.)/gu, (character) => character.toUpperCase());
+		default: return value;
+	}
+}
+function CodePreview(t0) {
+	let $ = c(3), { code, language } = t0;
+	if (!isDefined(code)) return null;
+	let t1;
+	return $[0] !== code || $[1] !== language ? (t1 = /* @__PURE__ */ jsx(CodeContent, {
+		code,
+		language
+	}), $[0] = code, $[1] = language, $[2] = t1) : t1 = $[2], t1;
 }
-function useHandbookContext() {
-  const handbookContext = useContext(HandbookContext);
-  if (!isDefined(handbookContext)) throw new Error("useHandbookContext can only be used within <HandbookProvider>");
-  return handbookContext;
-}
-function useContainerWidth() {
-  const reference = useRef(null), [width, setWidth] = useState(void 0);
-  return useEffect(() => {
-    const element = reference.current;
-    if (!isDefined(element)) return;
-    const observer = new ResizeObserver((entries2) => {
-      for (const entry of entries2)
-        setWidth(entry.contentRect.width);
-    });
-    return observer.observe(element), () => {
-      observer.disconnect();
-    };
-  }, []), { reference, width };
-}
-function ContentPanel({ id, title, description, children }) {
-  const { activeTab } = useHandbookContext();
-  return activeTab !== id ? null : /* @__PURE__ */ jsxs(
-    "div",
-    {
-      id: `panel-${id}`,
-      "aria-labelledby": id,
-      role: "tabpanel",
-      style: { display: "flex", flexDirection: "column", height: "100%" },
-      children: [
-        /* @__PURE__ */ jsx(PaneHeader, { title }),
-        /* @__PURE__ */ jsx("div", { style: { flex: 1, overflowY: "auto" }, children: /* @__PURE__ */ jsxs(
-          Box,
-          {
-            style: {
-              maxWidth: "640px",
-              boxSizing: "border-box",
-              marginInline: "auto",
-              paddingInline: "20px",
-              paddingBlockStart: "32px",
-              paddingBlockEnd: "220px"
-            },
-            children: [
-              /* @__PURE__ */ jsxs(Stack, { marginBottom: 6, space: 5, children: [
-                /* @__PURE__ */ jsx(Heading, { as: "h2", size: 4, children: title }),
-                isDefined(description) && /* @__PURE__ */ jsx(Text, { size: 1, muted: !0, children: description })
-              ] }),
-              children
-            ]
-          }
-        ) })
-      ]
-    }
-  );
+function CodeIcon(props) {
+	let $ = c(4), t0, t1;
+	$[0] === Symbol.for("react.memo_cache_sentinel") ? (t0 = /* @__PURE__ */ jsx("path", { d: "m16 18 6-6-6-6" }), t1 = /* @__PURE__ */ jsx("path", { d: "m8 6-6 6 6 6" }), $[0] = t0, $[1] = t1) : (t0 = $[0], t1 = $[1]);
+	let t2;
+	return $[2] === props ? t2 = $[3] : (t2 = /* @__PURE__ */ jsxs("svg", {
+		xmlns: "http://www.w3.org/2000/svg",
+		width: 24,
+		height: 24,
+		viewBox: "0 0 24 24",
+		fill: "none",
+		stroke: "currentColor",
+		strokeWidth: 2,
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		...props,
+		children: [t0, t1]
+	}), $[2] = props, $[3] = t2), t2;
+}
+/** Type name of the code block. */
+const codeTypeName = "handbook.code", codeType = defineType({
+	name: codeTypeName,
+	type: "object",
+	title: "Code",
+	icon: createSanityIcon(CodeIcon),
+	description: "Syntax-highlighted code block with language selection.",
+	components: { preview: CodePreview },
+	preview: { select: {
+		code: "code",
+		language: "language"
+	} },
+	fields: [defineField({
+		name: "code",
+		type: "text",
+		description: "The source code to display."
+	}), defineField({
+		name: "language",
+		type: "string",
+		description: "Programming language used for syntax highlighting.",
+		options: { list: [
+			{
+				title: "CSS",
+				value: "css"
+			},
+			{
+				title: "GROQ",
+				value: "groq"
+			},
+			{
+				title: "HTML",
+				value: "html"
+			},
+			{
+				title: "JavaScript",
+				value: "javascript"
+			},
+			{
+				title: "JSON",
+				value: "json"
+			},
+			{
+				title: "Plain Text",
+				value: "text"
+			},
+			{
+				title: "React",
+				value: "tsx"
+			},
+			{
+				title: "Shell",
+				value: "shell"
+			},
+			{
+				title: "TypeScript",
+				value: "typescript"
+			}
+		] }
+	})]
+});
+function HorizontalRuleContent(t0) {
+	let $ = c(8), props, style;
+	$[0] === t0 ? (props = $[1], style = $[2]) : ({style, ...props} = t0, $[0] = t0, $[1] = props, $[2] = style);
+	let t1;
+	$[3] === style ? t1 = $[4] : (t1 = {
+		border: "none",
+		borderTop: "1px solid var(--card-border-color)",
+		...style
+	}, $[3] = style, $[4] = t1);
+	let t2;
+	return $[5] !== props || $[6] !== t1 ? (t2 = /* @__PURE__ */ jsx("hr", {
+		style: t1,
+		...props
+	}), $[5] = props, $[6] = t1, $[7] = t2) : t2 = $[7], t2;
+}
+function HorizontalRulePreview(_props) {
+	let $ = c(1), t0;
+	return $[0] === Symbol.for("react.memo_cache_sentinel") ? (t0 = /* @__PURE__ */ jsx(HorizontalRuleContent, { style: { marginBlock: 8 } }), $[0] = t0) : t0 = $[0], t0;
+}
+function SeparatorHorizontalIcon(props) {
+	let $ = c(5), t0, t1, t2;
+	$[0] === Symbol.for("react.memo_cache_sentinel") ? (t0 = /* @__PURE__ */ jsx("path", { d: "m16 16-4 4-4-4" }), t1 = /* @__PURE__ */ jsx("path", { d: "M3 12h18" }), t2 = /* @__PURE__ */ jsx("path", { d: "m8 8 4-4 4 4" }), $[0] = t0, $[1] = t1, $[2] = t2) : (t0 = $[0], t1 = $[1], t2 = $[2]);
+	let t3;
+	return $[3] === props ? t3 = $[4] : (t3 = /* @__PURE__ */ jsxs("svg", {
+		xmlns: "http://www.w3.org/2000/svg",
+		width: 24,
+		height: 24,
+		viewBox: "0 0 24 24",
+		fill: "none",
+		stroke: "currentColor",
+		strokeWidth: 2,
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		...props,
+		children: [
+			t0,
+			t1,
+			t2
+		]
+	}), $[3] = props, $[4] = t3), t3;
+}
+/** Type name of the horizontal rule block. */
+const horizontalRuleTypeName = "handbook.horizontalRule", horizontalRuleType = defineType({
+	name: horizontalRuleTypeName,
+	type: "object",
+	title: "Horizontal Rule",
+	icon: createSanityIcon(SeparatorHorizontalIcon),
+	description: "Visual divider between sections of content.",
+	components: { preview: HorizontalRulePreview },
+	preview: { prepare() {
+		return { title: "Horizontal Rule" };
+	} },
+	fields: [defineField({
+		name: "style",
+		type: "string",
+		description: "Reserved. A horizontal rule carries no authored content.",
+		hidden: !0
+	})]
+});
+function Caption(t0) {
+	let $ = c(13), children, props, style;
+	$[0] === t0 ? (children = $[1], props = $[2], style = $[3]) : ({children, style, ...props} = t0, $[0] = t0, $[1] = children, $[2] = props, $[3] = style);
+	let t1;
+	$[4] === style ? t1 = $[5] : (t1 = {
+		marginBlockStart: 12,
+		...style
+	}, $[4] = style, $[5] = t1);
+	let t2;
+	$[6] === Symbol.for("react.memo_cache_sentinel") ? (t2 = { fontStyle: "italic" }, $[6] = t2) : t2 = $[6];
+	let t3;
+	$[7] === children ? t3 = $[8] : (t3 = /* @__PURE__ */ jsx(Text, {
+		size: 1,
+		muted: !0,
+		style: t2,
+		children
+	}), $[7] = children, $[8] = t3);
+	let t4;
+	return $[9] !== props || $[10] !== t1 || $[11] !== t3 ? (t4 = /* @__PURE__ */ jsx("div", {
+		style: t1,
+		...props,
+		children: t3
+	}), $[9] = props, $[10] = t1, $[11] = t3, $[12] = t4) : t4 = $[12], t4;
+}
+function ImageContent(t0) {
+	let $ = c(15), alt, caption, props, url;
+	$[0] === t0 ? (alt = $[1], caption = $[2], props = $[3], url = $[4]) : ({url, alt, caption, ...props} = t0, $[0] = t0, $[1] = alt, $[2] = caption, $[3] = props, $[4] = url);
+	let t1 = alt ?? "", t2;
+	$[5] === Symbol.for("react.memo_cache_sentinel") ? (t2 = {
+		display: "block",
+		maxWidth: "100%",
+		borderRadius: 4
+	}, $[5] = t2) : t2 = $[5];
+	let t3;
+	$[6] !== t1 || $[7] !== url ? (t3 = /* @__PURE__ */ jsx("img", {
+		src: url,
+		alt: t1,
+		style: t2
+	}), $[6] = t1, $[7] = url, $[8] = t3) : t3 = $[8];
+	let t4;
+	$[9] === caption ? t4 = $[10] : (t4 = isDefined(caption) && /* @__PURE__ */ jsx(Caption, { children: caption }), $[9] = caption, $[10] = t4);
+	let t5;
+	return $[11] !== props || $[12] !== t3 || $[13] !== t4 ? (t5 = /* @__PURE__ */ jsxs("div", {
+		...props,
+		children: [t3, t4]
+	}), $[11] = props, $[12] = t3, $[13] = t4, $[14] = t5) : t5 = $[14], t5;
+}
+function ImagePreview(t0) {
+	let $ = c(5), { url, alt, caption } = t0;
+	if (!isDefined(url)) return null;
+	let t1;
+	$[0] === Symbol.for("react.memo_cache_sentinel") ? (t1 = { padding: 8 }, $[0] = t1) : t1 = $[0];
+	let t2;
+	return $[1] !== alt || $[2] !== caption || $[3] !== url ? (t2 = /* @__PURE__ */ jsx(ImageContent, {
+		url,
+		alt,
+		caption,
+		style: t1
+	}), $[1] = alt, $[2] = caption, $[3] = url, $[4] = t2) : t2 = $[4], t2;
 }
-function InfoIcon(props) {
-  return /* @__PURE__ */ jsxs(
-    "svg",
-    {
-      xmlns: "http://www.w3.org/2000/svg",
-      viewBox: "0 0 24 24",
-      fill: "none",
-      stroke: "currentColor",
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      ...props,
-      children: [
-        /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "10" }),
-        /* @__PURE__ */ jsx("path", { d: "M12 16v-4" }),
-        /* @__PURE__ */ jsx("path", { d: "M12 8h.01" })
-      ]
-    }
-  );
+function ImageIcon(props) {
+	let $ = c(5), t0, t1, t2;
+	$[0] === Symbol.for("react.memo_cache_sentinel") ? (t0 = /* @__PURE__ */ jsx("rect", {
+		width: "18",
+		height: "18",
+		x: "3",
+		y: "3",
+		rx: "2",
+		ry: "2"
+	}), t1 = /* @__PURE__ */ jsx("circle", {
+		cx: "9",
+		cy: "9",
+		r: "2"
+	}), t2 = /* @__PURE__ */ jsx("path", { d: "m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21" }), $[0] = t0, $[1] = t1, $[2] = t2) : (t0 = $[0], t1 = $[1], t2 = $[2]);
+	let t3;
+	return $[3] === props ? t3 = $[4] : (t3 = /* @__PURE__ */ jsxs("svg", {
+		xmlns: "http://www.w3.org/2000/svg",
+		width: 24,
+		height: 24,
+		viewBox: "0 0 24 24",
+		fill: "none",
+		stroke: "currentColor",
+		strokeWidth: 2,
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		...props,
+		children: [
+			t0,
+			t1,
+			t2
+		]
+	}), $[3] = props, $[4] = t3), t3;
+}
+/** Type name of the image block. */
+const imageTypeName = "handbook.image", imageType = defineType({
+	name: imageTypeName,
+	type: "object",
+	title: "Image",
+	icon: createSanityIcon(ImageIcon),
+	description: "Image with an optional caption and alternative text.",
+	components: { preview: ImagePreview },
+	preview: { select: {
+		caption: "caption",
+		alt: "alt",
+		url: "asset.asset.url"
+	} },
+	fields: [
+		defineField({
+			name: "asset",
+			title: "Image",
+			type: "image",
+			description: "Upload or select an image from the media library.",
+			options: { hotspot: !0 }
+		}),
+		defineField({
+			name: "caption",
+			type: "string",
+			description: "Caption text displayed below the image, such as a credit or a note."
+		}),
+		defineField({
+			name: "alt",
+			title: "Alternative Text",
+			type: "string",
+			description: "Describes what the image shows for people who cannot see it. Don't repeat the caption here."
+		})
+	]
+});
+function VideoContent(t0) {
+	let $ = c(16), caption, props, url;
+	$[0] === t0 ? (caption = $[1], props = $[2], url = $[3]) : ({url, caption, ...props} = t0, $[0] = t0, $[1] = caption, $[2] = props, $[3] = url);
+	let t1;
+	$[4] === Symbol.for("react.memo_cache_sentinel") ? (t1 = {
+		display: "block",
+		maxWidth: "100%",
+		borderRadius: 4,
+		WebkitTransform: "translateZ(0)"
+	}, $[4] = t1) : t1 = $[4];
+	let t2 = caption ?? "Video", t3;
+	$[5] === t2 ? t3 = $[6] : (t3 = /* @__PURE__ */ jsx("track", {
+		kind: "captions",
+		label: t2
+	}), $[5] = t2, $[6] = t3);
+	let t4;
+	$[7] !== t3 || $[8] !== url ? (t4 = /* @__PURE__ */ jsx("video", {
+		src: url,
+		controls: !0,
+		style: t1,
+		children: t3
+	}), $[7] = t3, $[8] = url, $[9] = t4) : t4 = $[9];
+	let t5;
+	$[10] === caption ? t5 = $[11] : (t5 = isDefined(caption) && /* @__PURE__ */ jsx(Caption, { children: caption }), $[10] = caption, $[11] = t5);
+	let t6;
+	return $[12] !== props || $[13] !== t4 || $[14] !== t5 ? (t6 = /* @__PURE__ */ jsxs("div", {
+		...props,
+		children: [t4, t5]
+	}), $[12] = props, $[13] = t4, $[14] = t5, $[15] = t6) : t6 = $[15], t6;
+}
+function VideoPreview(t0) {
+	let $ = c(4), { url, caption } = t0;
+	if (!isDefined(url)) return null;
+	let t1;
+	$[0] === Symbol.for("react.memo_cache_sentinel") ? (t1 = { padding: 8 }, $[0] = t1) : t1 = $[0];
+	let t2;
+	return $[1] !== caption || $[2] !== url ? (t2 = /* @__PURE__ */ jsx(VideoContent, {
+		url,
+		caption,
+		style: t1
+	}), $[1] = caption, $[2] = url, $[3] = t2) : t2 = $[3], t2;
+}
+function FilmIcon(props) {
+	let $ = c(10), t0, t1, t2, t3, t4, t5, t6, t7;
+	$[0] === Symbol.for("react.memo_cache_sentinel") ? (t0 = /* @__PURE__ */ jsx("rect", {
+		x: "3",
+		y: "3",
+		width: "18",
+		height: "18",
+		rx: "2"
+	}), t1 = /* @__PURE__ */ jsx("path", { d: "M7 3v18" }), t2 = /* @__PURE__ */ jsx("path", { d: "M3 7.5h4" }), t3 = /* @__PURE__ */ jsx("path", { d: "M3 12h18" }), t4 = /* @__PURE__ */ jsx("path", { d: "M3 16.5h4" }), t5 = /* @__PURE__ */ jsx("path", { d: "M17 3v18" }), t6 = /* @__PURE__ */ jsx("path", { d: "M17 7.5h4" }), t7 = /* @__PURE__ */ jsx("path", { d: "M17 16.5h4" }), $[0] = t0, $[1] = t1, $[2] = t2, $[3] = t3, $[4] = t4, $[5] = t5, $[6] = t6, $[7] = t7) : (t0 = $[0], t1 = $[1], t2 = $[2], t3 = $[3], t4 = $[4], t5 = $[5], t6 = $[6], t7 = $[7]);
+	let t8;
+	return $[8] === props ? t8 = $[9] : (t8 = /* @__PURE__ */ jsxs("svg", {
+		xmlns: "http://www.w3.org/2000/svg",
+		width: 24,
+		height: 24,
+		viewBox: "0 0 24 24",
+		fill: "none",
+		stroke: "currentColor",
+		strokeWidth: 2,
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		...props,
+		children: [
+			t0,
+			t1,
+			t2,
+			t3,
+			t4,
+			t5,
+			t6,
+			t7
+		]
+	}), $[8] = props, $[9] = t8), t8;
+}
+/** Type name of the video block. */
+const videoTypeName = "handbook.video", videoType = defineType({
+	name: videoTypeName,
+	type: "object",
+	title: "Video",
+	icon: createSanityIcon(FilmIcon),
+	description: "Video with an optional caption.",
+	components: { preview: VideoPreview },
+	preview: { select: {
+		caption: "caption",
+		url: "asset.asset.url"
+	} },
+	fields: [defineField({
+		name: "asset",
+		title: "Video",
+		type: "file",
+		description: "Upload or select a video from the media library.",
+		options: { accept: "video/*" }
+	}), defineField({
+		name: "caption",
+		type: "string",
+		description: "Caption text displayed below the video, such as a credit or a note."
+	})]
+});
+/**
+* Creates the Portable Text content field for Handbook guides, offering the built-in blocks alongside
+* any a consumer registered.
+*
+* @param customBlocks - Custom block definitions registered by the consumer.
+* @returns A field definition for the guide content array.
+*/
+function createGuideContentField(customBlocks = []) {
+	return defineField({
+		name: "content",
+		type: "array",
+		description: "Rich text with formatting, headings, lists, images, code blocks, and custom blocks.",
+		of: [
+			defineArrayMember({
+				name: "block",
+				type: "block",
+				styles: [
+					{
+						title: "Paragraph",
+						value: "normal",
+						component: ParagraphStyle
+					},
+					{
+						title: "Heading",
+						value: "h2",
+						component: HeadingStyle
+					},
+					{
+						title: "Blockquote",
+						value: "blockquote",
+						component: BlockquoteStyle
+					}
+				],
+				lists: [{
+					title: "Bullet",
+					value: "bullet",
+					component: ListItemStyle
+				}, {
+					title: "Number",
+					value: "number",
+					component: ListItemStyle
+				}],
+				marks: {
+					decorators: [
+						{
+							title: "Bold",
+							value: "strong"
+						},
+						{
+							title: "Italic",
+							value: "em"
+						},
+						{
+							title: "Strikethrough",
+							value: "strike-through"
+						},
+						{
+							title: "Code",
+							value: "code",
+							component: CodeDecorator
+						}
+					],
+					annotations: [linkAnnotation]
+				}
+			}),
+			defineArrayMember({
+				name: imageTypeName,
+				type: imageTypeName
+			}),
+			defineArrayMember({
+				name: videoTypeName,
+				type: videoTypeName
+			}),
+			defineArrayMember({
+				name: codeTypeName,
+				type: codeTypeName
+			}),
+			defineArrayMember({
+				name: calloutTypeName,
+				type: calloutTypeName
+			}),
+			defineArrayMember({
+				name: horizontalRuleTypeName,
+				type: horizontalRuleTypeName
+			}),
+			...customBlocks.map((block) => defineArrayMember({
+				name: block.schema.name,
+				type: block.schema.name
+			}))
+		]
+	});
+}
+/** Document type name of an individual guide. */
+const guideTypeName = "handbook.guide";
+/**
+* Creates the document type a single guide is authored as, with its content field offering the
+* built-in blocks alongside any a consumer registered.
+*
+* @param customBlocks - Custom block definitions registered by the consumer.
+* @returns A document type definition for Handbook guides.
+*/
+function createGuideType(customBlocks = []) {
+	return defineType({
+		name: guideTypeName,
+		type: "document",
+		title: "Handbook Guide",
+		icon: createSanityIcon(BookOpenTextIcon),
+		description: "Handbook page authored with rich text, images, and custom blocks.",
+		preview: {
+			select: {
+				title: "title",
+				description: "description"
+			},
+			prepare(selection) {
+				let { title, description } = selection;
+				return {
+					title: title ?? "Untitled",
+					subtitle: description
+				};
+			}
+		},
+		fields: [
+			defineField({
+				name: "title",
+				type: "string",
+				description: "Appears in the Handbook sidebar and as the guide heading.",
+				validation: (rule) => rule.required()
+			}),
+			defineField({
+				name: "description",
+				type: "string",
+				description: "Short introduction text displayed below the guide heading."
+			}),
+			createGuideContentField(customBlocks)
+		]
+	});
 }
-function LightbulbIcon(props) {
-  return /* @__PURE__ */ jsxs(
-    "svg",
-    {
-      xmlns: "http://www.w3.org/2000/svg",
-      viewBox: "0 0 24 24",
-      fill: "none",
-      stroke: "currentColor",
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      ...props,
-      children: [
-        /* @__PURE__ */ jsx("path", { d: "M15 14c.2-1 .7-1.7 1.5-2.5 1-.9 1.5-2.2 1.5-3.5A6 6 0 0 0 6 8c0 1 .2 2.2 1.5 3.5.7.7 1.3 1.5 1.5 2.5" }),
-        /* @__PURE__ */ jsx("path", { d: "M9 18h6" }),
-        /* @__PURE__ */ jsx("path", { d: "M10 22h4" })
-      ]
-    }
-  );
+function BookTextIcon(props) {
+	let $ = c(5), t0, t1, t2;
+	$[0] === Symbol.for("react.memo_cache_sentinel") ? (t0 = /* @__PURE__ */ jsx("path", { d: "M4 19.5v-15A2.5 2.5 0 0 1 6.5 2H19a1 1 0 0 1 1 1v18a1 1 0 0 1-1 1H6.5a1 1 0 0 1 0-5H20" }), t1 = /* @__PURE__ */ jsx("path", { d: "M8 11h8" }), t2 = /* @__PURE__ */ jsx("path", { d: "M8 7h6" }), $[0] = t0, $[1] = t1, $[2] = t2) : (t0 = $[0], t1 = $[1], t2 = $[2]);
+	let t3;
+	return $[3] === props ? t3 = $[4] : (t3 = /* @__PURE__ */ jsxs("svg", {
+		xmlns: "http://www.w3.org/2000/svg",
+		width: 24,
+		height: 24,
+		viewBox: "0 0 24 24",
+		fill: "none",
+		stroke: "currentColor",
+		strokeWidth: 2,
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		...props,
+		children: [
+			t0,
+			t1,
+			t2
+		]
+	}), $[3] = props, $[4] = t3), t3;
 }
-function TriangleAlertIcon(props) {
-  return /* @__PURE__ */ jsxs(
-    "svg",
-    {
-      xmlns: "http://www.w3.org/2000/svg",
-      viewBox: "0 0 24 24",
-      fill: "none",
-      stroke: "currentColor",
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      ...props,
-      children: [
-        /* @__PURE__ */ jsx("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" }),
-        /* @__PURE__ */ jsx("path", { d: "M12 9v4" }),
-        /* @__PURE__ */ jsx("path", { d: "M12 17h.01" })
-      ]
+function ListPlusIcon(props) {
+	let $ = c(7), t0, t1, t2, t3, t4;
+	$[0] === Symbol.for("react.memo_cache_sentinel") ? (t0 = /* @__PURE__ */ jsx("path", { d: "M16 5H3" }), t1 = /* @__PURE__ */ jsx("path", { d: "M11 12H3" }), t2 = /* @__PURE__ */ jsx("path", { d: "M16 19H3" }), t3 = /* @__PURE__ */ jsx("path", { d: "M18 9v6" }), t4 = /* @__PURE__ */ jsx("path", { d: "M21 12h-6" }), $[0] = t0, $[1] = t1, $[2] = t2, $[3] = t3, $[4] = t4) : (t0 = $[0], t1 = $[1], t2 = $[2], t3 = $[3], t4 = $[4]);
+	let t5;
+	return $[5] === props ? t5 = $[6] : (t5 = /* @__PURE__ */ jsxs("svg", {
+		xmlns: "http://www.w3.org/2000/svg",
+		width: 24,
+		height: 24,
+		viewBox: "0 0 24 24",
+		fill: "none",
+		stroke: "currentColor",
+		strokeWidth: 2,
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		...props,
+		children: [
+			t0,
+			t1,
+			t2,
+			t3,
+			t4
+		]
+	}), $[5] = props, $[6] = t5), t5;
+}
+/** Document type name of the Handbook singleton. */
+const handbookTypeName = "handbook.handbook", handbookType = defineType({
+	name: handbookTypeName,
+	type: "document",
+	title: "Handbook",
+	icon: createSanityIcon(BookTextIcon),
+	description: "Defines the groups of guides shown in the Handbook sidebar, and the order they appear in.",
+	preview: { prepare() {
+		return { title: "Handbook" };
+	} },
+	fields: [defineField({
+		name: "groups",
+		type: "array",
+		description: "Ordered list of groups displayed in the Handbook sidebar. Each group contains a title and an ordered list of guide references.",
+		of: [defineArrayMember({
+			name: "group",
+			type: "object",
+			icon: createSanityIcon(ListPlusIcon),
+			description: "Named section of the Handbook sidebar holding an ordered list of guides.",
+			fields: [defineField({
+				name: "title",
+				type: "string",
+				description: "Heading displayed above this group of guides in the sidebar.",
+				validation: (rule) => rule.required()
+			}), defineField({
+				name: "guides",
+				type: "array",
+				description: "Ordered list of guides within this group. Drag to reorder.",
+				of: [defineArrayMember({
+					name: "guide",
+					type: "reference",
+					to: [{ type: guideTypeName }]
+				})]
+			})],
+			preview: {
+				select: {
+					title: "title",
+					guide0: "guides.0.title",
+					guide1: "guides.1.title",
+					guide2: "guides.2.title"
+				},
+				prepare(selection) {
+					let { title, guide0, guide1, guide2 } = selection, shown = [
+						guide0,
+						guide1,
+						guide2
+					].filter((guide) => isDefined(guide)).slice(0, 2), hasMore = isDefined(guide2);
+					function formatSubtitle() {
+						return isDefined(shown) ? hasMore ? `${shown.join(", ")}, and others` : shown.join(" and ") : "No guides selected";
+					}
+					return {
+						title: title ?? "Group",
+						subtitle: formatSubtitle()
+					};
+				}
+			}
+		})]
+	})]
+}), singletonTypes = /* @__PURE__ */ new Set([handbookTypeName]), documentTypes = /* @__PURE__ */ new Set([handbookTypeName, guideTypeName]), contentSpacing = {
+	section: 48,
+	paragraph: 16,
+	heading: 48,
+	media: 24,
+	callout: 32,
+	blockquote: 32,
+	list: 32,
+	nestedList: 12,
+	rule: 40
+}, assetUrlFragment = "\"asset\": { \"url\": asset.asset->url }", guideFragment = `...@-> {
+  ...,
+  content[] { ..., ${`
+  _type == "${imageTypeName}" => { ..., ${assetUrlFragment} },
+  _type == "${videoTypeName}" => { ..., ${assetUrlFragment} }
+`} }
+}`;
+/**
+* Brands a GROQ query with the shape of the data it returns, so a fetch can infer its result type
+* instead of being told it at every call site.
+*
+* @param query - The GROQ query string.
+* @returns The query, typed to the given result shape.
+*/
+function defineTypedQuery(query) {
+	return query;
+}
+/**
+* Runs a branded query against the dataset, resolving a missing document to undefined.
+*
+* @param client - The Sanity client to query with.
+* @param query - The branded query to run.
+* @returns The result, or undefined when the query matched nothing.
+*/
+async function fetchQuery(client, query) {
+	return await client.fetch(query) ?? void 0;
+}
+/** Fetches the Handbook singleton with expanded guide references. */
+const handbookQuery = defineTypedQuery(`
+  *[_type == "${handbookTypeName}"][0] {
+    ...,
+    groups[] {
+      ...,
+      guides[] {
+        ...,
+        ${guideFragment}
+      }
     }
-  );
-}
-const defaultIconProps = { width: "1em", height: "1em", strokeWidth: 1.5 };
-function createSanityIcon(icon, props) {
-  return () => createElement(icon, { ...defaultIconProps, ...props });
+  }
+`), handbookDocumentsQuery = defineTypedQuery(`*[_type == "${handbookTypeName}" || _type == "${guideTypeName}"]`);
+/**
+* Fetches the Handbook singleton from the dataset with its guide references expanded, refetching
+* whenever one of the documents it draws on changes.
+*
+* @returns The Handbook and a flag for whether it is still loading.
+*/
+function useHandbookDocument() {
+	let $ = c(7), t0;
+	$[0] === Symbol.for("react.memo_cache_sentinel") ? (t0 = { apiVersion: "2026-01-01" }, $[0] = t0) : t0 = $[0];
+	let client = useClient(t0), [handbook, setHandbook] = useState(void 0), [loading, setLoading] = useState(!0), t1, t2;
+	$[1] === client ? (t1 = $[2], t2 = $[3]) : (t1 = () => {
+		let fetchHandbook = async function fetchHandbook() {
+			setHandbook(await fetchQuery(client, handbookQuery)), setLoading(!1);
+		};
+		fetchHandbook();
+		let subscription = client.listen(handbookDocumentsQuery).subscribe(() => {
+			fetchHandbook();
+		});
+		return () => {
+			subscription.unsubscribe();
+		};
+	}, t2 = [client], $[1] = client, $[2] = t1, $[3] = t2), useEffect(t1, t2);
+	let t3;
+	return $[4] !== handbook || $[5] !== loading ? (t3 = {
+		handbook,
+		loading
+	}, $[4] = handbook, $[5] = loading, $[6] = t3) : t3 = $[6], t3;
 }
+const HandbookContext = createContext(void 0);
+/**
+* Accesses the Handbook context for tab state and plugin configuration.
+*
+* @returns The resolved plugin configuration alongside the state the panes share.
+* @throws {Error} If used outside the provider.
+*/
+function useHandbookContext() {
+	let handbookContext = useContext(HandbookContext);
+	if (!isDefined(handbookContext)) throw Error("useHandbookContext can only be used within <HandbookProvider>");
+	return handbookContext;
+}
+/**
+* Provides the tab state the sidebar and content panes share, alongside the plugin configuration and
+* the handbook singleton fetched from the dataset.
+*
+* @param props - Configuration from the plugin, and the tool to provide it to.
+* @returns The provider wrapping its children.
+*/
+function HandbookProvider(t0) {
+	let $ = c(12), { sidebarTitle, roles, blocks, undocumentedFieldMessage, children } = t0, [activeTab, setActiveTab] = useState(void 0), [sidebarExpanded, setSidebarExpanded] = useState(!0), { handbook, loading } = useHandbookDocument(), t1;
+	$[0] !== activeTab || $[1] !== blocks || $[2] !== handbook || $[3] !== loading || $[4] !== roles || $[5] !== sidebarExpanded || $[6] !== sidebarTitle || $[7] !== undocumentedFieldMessage ? (t1 = {
+		sidebarTitle,
+		roles,
+		blocks,
+		undocumentedFieldMessage,
+		activeTab,
+		sidebarExpanded,
+		loading,
+		handbook,
+		setActiveTab,
+		setSidebarExpanded
+	}, $[0] = activeTab, $[1] = blocks, $[2] = handbook, $[3] = loading, $[4] = roles, $[5] = sidebarExpanded, $[6] = sidebarTitle, $[7] = undocumentedFieldMessage, $[8] = t1) : t1 = $[8];
+	let t2;
+	return $[9] !== children || $[10] !== t1 ? (t2 = /* @__PURE__ */ jsx(HandbookContext, {
+		value: t1,
+		children
+	}), $[9] = children, $[10] = t1, $[11] = t2) : t2 = $[11], t2;
+}
+function PaneHeader(t0) {
+	let $ = c(46), backButton, props, style, title;
+	$[0] === t0 ? (backButton = $[1], props = $[2], style = $[3], title = $[4]) : ({title, backButton, style, ...props} = t0, $[0] = t0, $[1] = backButton, $[2] = props, $[3] = style, $[4] = title);
+	let { color } = useTheme_v2(), pane = useContext(PaneContext), paneSize = useElementSize(pane?.rootElement ?? null), collapsed = pane?.collapsed ?? !1, isLast = pane?.isLast ?? !1, paneHeight = paneSize?.border.height ?? 0, collapsedWidth = paneHeight > 0 ? paneHeight : window.innerHeight, { bg, fg } = color.selectable.default.enabled, t1;
+	$[5] !== collapsed || $[6] !== pane ? (t1 = function handleTitleClick() {
+		collapsed || pane?.collapse();
+	}, $[5] = collapsed, $[6] = pane, $[7] = t1) : t1 = $[7];
+	let handleTitleClick = t1, t2;
+	$[8] !== collapsed || $[9] !== pane ? (t2 = function handleLayoutClick() {
+		collapsed && pane?.expand();
+	}, $[8] = collapsed, $[9] = pane, $[10] = t2) : t2 = $[10];
+	let handleLayoutClick = t2, t3 = collapsed ? "" : void 0, t4;
+	$[11] === style ? t4 = $[12] : (t4 = {
+		lineHeight: 0,
+		position: "sticky",
+		top: 0,
+		...style
+	}, $[11] = style, $[12] = t4);
+	let t5 = collapsed ? "" : void 0, t6 = collapsed ? collapsedWidth : void 0, t7 = collapsed ? "rotate(90deg)" : void 0, t8;
+	$[13] !== t6 || $[14] !== t7 ? (t8 = {
+		width: t6,
+		transform: t7,
+		transformOrigin: "calc(51px / 2)"
+	}, $[13] = t6, $[14] = t7, $[15] = t8) : t8 = $[15];
+	let t9;
+	$[16] === backButton ? t9 = $[17] : (t9 = isDefined(backButton) && /* @__PURE__ */ jsx(Box, {
+		flex: "none",
+		children: backButton
+	}), $[16] = backButton, $[17] = t9);
+	let t10 = isDefined(backButton) ? 1 : 2, t11 = isLast && !collapsed ? -1 : 0, t12;
+	$[18] === bg ? t12 = $[19] : (t12 = {
+		backgroundColor: bg,
+		minWidth: 0
+	}, $[18] = bg, $[19] = t12);
+	let t13;
+	$[20] === fg ? t13 = $[21] : (t13 = {
+		color: fg,
+		cursor: "default",
+		minWidth: 0,
+		outline: "none"
+	}, $[20] = fg, $[21] = t13);
+	let t14;
+	$[22] !== t13 || $[23] !== title ? (t14 = /* @__PURE__ */ jsx(Flex, {
+		align: "center",
+		gap: 1,
+		children: /* @__PURE__ */ jsx(Text, {
+			size: 1,
+			textOverflow: "ellipsis",
+			weight: "semibold",
+			style: t13,
+			children: title
+		})
+	}), $[22] = t13, $[23] = title, $[24] = t14) : t14 = $[24];
+	let t15;
+	$[25] !== handleTitleClick || $[26] !== t10 || $[27] !== t11 || $[28] !== t12 || $[29] !== t14 ? (t15 = /* @__PURE__ */ jsx(Card, {
+		flex: 1,
+		onClick: handleTitleClick,
+		padding: 2,
+		paddingLeft: t10,
+		tabIndex: t11,
+		style: t12,
+		__unstable_focusRing: !0,
+		children: t14
+	}), $[25] = handleTitleClick, $[26] = t10, $[27] = t11, $[28] = t12, $[29] = t14, $[30] = t15) : t15 = $[30];
+	let t16;
+	$[31] !== t15 || $[32] !== t9 ? (t16 = /* @__PURE__ */ jsxs(Flex, {
+		align: "flex-start",
+		gap: 3,
+		children: [t9, t15]
+	}), $[31] = t15, $[32] = t9, $[33] = t16) : t16 = $[33];
+	let t17;
+	$[34] !== handleLayoutClick || $[35] !== t16 || $[36] !== t8 ? (t17 = /* @__PURE__ */ jsx(Flex, {
+		direction: "column",
+		gap: 3,
+		onClick: handleLayoutClick,
+		padding: 3,
+		sizing: "border",
+		style: t8,
+		children: t16
+	}), $[34] = handleLayoutClick, $[35] = t16, $[36] = t8, $[37] = t17) : t17 = $[37];
+	let t18;
+	$[38] !== t17 || $[39] !== t5 ? (t18 = /* @__PURE__ */ jsx(Card, {
+		tone: "inherit",
+		"data-collapsed": t5,
+		children: t17
+	}), $[38] = t17, $[39] = t5, $[40] = t18) : t18 = $[40];
+	let t19;
+	return $[41] !== props || $[42] !== t18 || $[43] !== t3 || $[44] !== t4 ? (t19 = /* @__PURE__ */ jsx(LayerProvider, {
+		zOffset: 100,
+		children: /* @__PURE__ */ jsx(Layer, {
+			"data-collapsed": t3,
+			style: t4,
+			...props,
+			children: t18
+		})
+	}), $[41] = props, $[42] = t18, $[43] = t3, $[44] = t4, $[45] = t19) : t19 = $[45], t19;
+}
+function ContentPanel(t0) {
+	let $ = c(31), children, description, id, props, title;
+	$[0] === t0 ? (children = $[1], description = $[2], id = $[3], props = $[4], title = $[5]) : ({id, title, description, children, ...props} = t0, $[0] = t0, $[1] = children, $[2] = description, $[3] = id, $[4] = props, $[5] = title);
+	let { setSidebarExpanded } = useHandbookContext(), paneLayout = useContext(PaneLayoutContext), t1;
+	$[6] !== paneLayout?.collapsed || $[7] !== setSidebarExpanded ? (t1 = paneLayout?.collapsed === !0 && /* @__PURE__ */ jsx(Button, {
+		"aria-label": "Back",
+		icon: ArrowLeftIcon,
+		mode: "bleed",
+		onClick: () => {
+			setSidebarExpanded(!0);
+		}
+	}), $[6] = paneLayout?.collapsed, $[7] = setSidebarExpanded, $[8] = t1) : t1 = $[8];
+	let t2;
+	$[9] !== t1 || $[10] !== title ? (t2 = /* @__PURE__ */ jsx(PaneHeader, {
+		title,
+		backButton: t1
+	}), $[9] = t1, $[10] = title, $[11] = t2) : t2 = $[11];
+	let t3 = `panel-${id}`, t4;
+	$[12] === Symbol.for("react.memo_cache_sentinel") ? (t4 = {
+		maxWidth: 640,
+		boxSizing: "border-box",
+		marginInline: "auto",
+		paddingInline: 20,
+		paddingBlockStart: 32,
+		paddingBlockEnd: 220
+	}, $[12] = t4) : t4 = $[12];
+	let t5;
+	$[13] === title ? t5 = $[14] : (t5 = /* @__PURE__ */ jsx(Heading, {
+		as: "h2",
+		size: 4,
+		children: title
+	}), $[13] = title, $[14] = t5);
+	let t6;
+	$[15] === description ? t6 = $[16] : (t6 = isDefined(description) && /* @__PURE__ */ jsx(Text, {
+		size: 1,
+		muted: !0,
+		children: description
+	}), $[15] = description, $[16] = t6);
+	let t7;
+	$[17] !== t5 || $[18] !== t6 ? (t7 = /* @__PURE__ */ jsxs(Stack, {
+		marginBottom: 6,
+		gap: 5,
+		children: [t5, t6]
+	}), $[17] = t5, $[18] = t6, $[19] = t7) : t7 = $[19];
+	let t8;
+	$[20] !== children || $[21] !== t7 ? (t8 = /* @__PURE__ */ jsxs(Box, {
+		style: t4,
+		children: [t7, children]
+	}), $[20] = children, $[21] = t7, $[22] = t8) : t8 = $[22];
+	let t9;
+	$[23] !== id || $[24] !== props || $[25] !== t3 || $[26] !== t8 ? (t9 = /* @__PURE__ */ jsx(PaneContent, {
+		id: t3,
+		"aria-labelledby": id,
+		overflow: "auto",
+		...props,
+		children: t8
+	}), $[23] = id, $[24] = props, $[25] = t3, $[26] = t8, $[27] = t9) : t9 = $[27];
+	let t10;
+	return $[28] !== t2 || $[29] !== t9 ? (t10 = /* @__PURE__ */ jsxs(Fragment, { children: [t2, t9] }), $[28] = t2, $[29] = t9, $[30] = t10) : t10 = $[30], t10;
+}
+function FieldHint(t0) {
+	let $ = c(33), children, icon, label, onClose, onOpen, open, props;
+	$[0] === t0 ? (children = $[1], icon = $[2], label = $[3], onClose = $[4], onOpen = $[5], open = $[6], props = $[7]) : ({label, icon, open, children, onOpen, onClose, ...props} = t0, $[0] = t0, $[1] = children, $[2] = icon, $[3] = label, $[4] = onClose, $[5] = onOpen, $[6] = open, $[7] = props);
+	let buttonReference = useRef(null), popoverReference = useRef(null), t1;
+	$[8] === Symbol.for("react.memo_cache_sentinel") ? (t1 = () => [buttonReference.current, popoverReference.current], $[8] = t1) : t1 = $[8], useClickOutsideEvent(open ? onClose : void 0, t1);
+	let t2;
+	$[9] === Symbol.for("react.memo_cache_sentinel") ? (t2 = { maxWidth: 280 }, $[9] = t2) : t2 = $[9];
+	let t3;
+	$[10] === label ? t3 = $[11] : (t3 = /* @__PURE__ */ jsx(Text, {
+		size: 1,
+		weight: "semibold",
+		children: label
+	}), $[10] = label, $[11] = t3);
+	let t4;
+	$[12] === children ? t4 = $[13] : (t4 = /* @__PURE__ */ jsx(Text, {
+		size: 1,
+		muted: !0,
+		children
+	}), $[12] = children, $[13] = t4);
+	let t5;
+	$[14] !== t3 || $[15] !== t4 ? (t5 = /* @__PURE__ */ jsx("div", {
+		ref: popoverReference,
+		children: /* @__PURE__ */ jsx(Box, {
+			padding: 3,
+			style: t2,
+			children: /* @__PURE__ */ jsxs(Stack, {
+				gap: 3,
+				children: [t3, t4]
+			})
+		})
+	}), $[14] = t3, $[15] = t4, $[16] = t5) : t5 = $[16];
+	let t6 = open ? onClose : onOpen, t7;
+	$[17] === onOpen ? t7 = $[18] : (t7 = (event) => {
+		event.pointerType === "mouse" && onOpen();
+	}, $[17] = onOpen, $[18] = t7);
+	let t8;
+	$[19] === onClose ? t8 = $[20] : (t8 = (event_0) => {
+		event_0.pointerType === "mouse" && onClose();
+	}, $[19] = onClose, $[20] = t8);
+	let t9;
+	$[21] === Symbol.for("react.memo_cache_sentinel") ? (t9 = {
+		display: "flex",
+		alignItems: "center",
+		padding: 2,
+		fontSize: 16,
+		color: "var(--card-icon-color)",
+		background: "none",
+		border: "none",
+		cursor: "pointer"
+	}, $[21] = t9) : t9 = $[21];
+	let t10;
+	$[22] !== icon || $[23] !== label || $[24] !== t6 || $[25] !== t7 || $[26] !== t8 ? (t10 = /* @__PURE__ */ jsx("button", {
+		ref: buttonReference,
+		"aria-label": label,
+		type: "button",
+		onClick: t6,
+		onPointerEnter: t7,
+		onPointerLeave: t8,
+		style: t9,
+		children: icon
+	}), $[22] = icon, $[23] = label, $[24] = t6, $[25] = t7, $[26] = t8, $[27] = t10) : t10 = $[27];
+	let t11;
+	return $[28] !== open || $[29] !== props || $[30] !== t10 || $[31] !== t5 ? (t11 = /* @__PURE__ */ jsx(Popover, {
+		open,
+		placement: "top",
+		portal: !0,
+		radius: 2,
+		shadow: 2,
+		content: t5,
+		...props,
+		children: t10
+	}), $[28] = open, $[29] = props, $[30] = t10, $[31] = t5, $[32] = t11) : t11 = $[32], t11;
+}
+/** Hint kinds a field can carry, in the order they are displayed. */
+const hintKinds = [
+	{
+		name: "tip",
+		label: "Tip",
+		icon: LightbulbIcon
+	},
+	{
+		name: "info",
+		label: "Information",
+		icon: InfoIcon
+	},
+	{
+		name: "caution",
+		label: "Caution",
+		icon: TriangleAlertIcon
+	}
+];
+function FieldHints(t0) {
+	let $ = c(22), caution, info, props, tip;
+	$[0] === t0 ? (caution = $[1], info = $[2], props = $[3], tip = $[4]) : ({tip, info, caution, ...props} = t0, $[0] = t0, $[1] = caution, $[2] = info, $[3] = props, $[4] = tip);
+	let [openHint, setOpenHint] = useState(void 0), T0, t1, t2, t3, t4;
+	if ($[5] !== caution || $[6] !== info || $[7] !== openHint || $[8] !== props || $[9] !== tip) {
+		let hints = {
+			tip,
+			info,
+			caution
+		}, t5;
+		$[15] === Symbol.for("react.memo_cache_sentinel") ? (t5 = function closeHint() {
+			setOpenHint(void 0);
+		}, $[15] = t5) : t5 = $[15];
+		let closeHint = t5;
+		T0 = Flex, t1 = "center", t2 = 2, t3 = props, t4 = hintKinds.flatMap((t6) => {
+			let { name, label, icon: Icon } = t6, hint = hints[name];
+			return isDefined(hint) ? /* @__PURE__ */ jsx(FieldHint, {
+				label,
+				icon: /* @__PURE__ */ jsx(Icon, { ...defaultIconProps }),
+				open: openHint === name,
+				onOpen: () => {
+					setOpenHint(name);
+				},
+				onClose: closeHint,
+				children: hint
+			}, name) : [];
+		}), $[5] = caution, $[6] = info, $[7] = openHint, $[8] = props, $[9] = tip, $[10] = T0, $[11] = t1, $[12] = t2, $[13] = t3, $[14] = t4;
+	} else T0 = $[10], t1 = $[11], t2 = $[12], t3 = $[13], t4 = $[14];
+	let t5;
+	return $[16] !== T0 || $[17] !== t1 || $[18] !== t2 || $[19] !== t3 || $[20] !== t4 ? (t5 = /* @__PURE__ */ jsx(T0, {
+		align: t1,
+		gap: t2,
+		...t3,
+		children: t4
+	}), $[16] = T0, $[17] = t1, $[18] = t2, $[19] = t3, $[20] = t4, $[21] = t5) : t5 = $[21], t5;
+}
+/**
+* Resolves the label shown for a schema type, preferring Handbook metadata over the schema's own
+* title and falling back to a title-cased name.
+*
+* @param type - The schema type or field to resolve a label for.
+* @returns The label.
+*/
+function resolveTitle(type) {
+	let { name, title, handbook } = type;
+	return handbook?.title ?? title ?? convertCase(name, "title");
+}
+/**
+* Resolves the description shown for a schema type, preferring Handbook metadata and ignoring the
+* non-string descriptions a schema may carry.
+*
+* @param type - The schema type or field to resolve a description for.
+* @returns The description, or undefined when neither source provides one.
+*/
+function resolveDescription(type) {
+	let { description, handbook } = type;
+	return handbook?.description ?? (typeof description == "string" ? description : void 0);
+}
+/**
+* Narrows a schema type's icon to a renderable component, discarding the string form a schema may
+* carry instead. A consumer's icon is redrawn at the plugin's own weight, so it sits beside the
+* built-in ones rather than at its own library's default size.
+*
+* @param type - The schema type to read an icon from.
+* @returns The icon component, or undefined when none is set.
+*/
+function resolveIcon(type) {
+	return typeof type.icon == "function" ? createSanityIcon(type.icon) : void 0;
+}
+/** Schema type names treated as leaf types whose subfields are not displayed. */
 const opaqueTypes = /* @__PURE__ */ new Set([
-  "block",
-  "boolean",
-  "crossDatasetReference",
-  "date",
-  "datetime",
-  "file",
-  "geopoint",
-  "image",
-  "number",
-  "reference",
-  "slug",
-  "string",
-  "text",
-  "url"
+	"block",
+	"boolean",
+	"crossDatasetReference",
+	"date",
+	"datetime",
+	"file",
+	"geopoint",
+	"image",
+	"number",
+	"reference",
+	"slug",
+	"string",
+	"text",
+	"url"
 ]), inheritedFieldNames = {
-  block: /* @__PURE__ */ new Set(["children", "level", "listItem", "markDefs", "style"]),
-  file: /* @__PURE__ */ new Set(["asset", "media"]),
-  geopoint: /* @__PURE__ */ new Set(["alt", "lat", "lng"]),
-  image: /* @__PURE__ */ new Set(["asset", "crop", "hotspot", "media"]),
-  slug: /* @__PURE__ */ new Set(["current", "source"])
+	block: /* @__PURE__ */ new Set([
+		"children",
+		"level",
+		"listItem",
+		"markDefs",
+		"style"
+	]),
+	file: /* @__PURE__ */ new Set(["asset", "media"]),
+	geopoint: /* @__PURE__ */ new Set([
+		"alt",
+		"lat",
+		"lng"
+	]),
+	image: /* @__PURE__ */ new Set([
+		"asset",
+		"crop",
+		"hotspot",
+		"media"
+	]),
+	slug: /* @__PURE__ */ new Set(["current", "source"])
 };
+/**
+* Checks whether a value is a compiled schema field with a nested type object.
+*
+* @param value - The value to check.
+* @returns True if the value is a compiled field.
+*/
 function isCompiledField(value) {
-  return typeof value != "object" || value === null || !("name" in value) || !("type" in value) ? !1 : typeof value.type == "object" && value.type !== null;
-}
+	return typeof value != "object" || !value || !("name" in value) || !("type" in value) ? !1 : typeof value.type == "object" && value.type !== null;
+}
+/**
+* Checks whether a value has a `fields` array property.
+*
+* @param value - The value to check.
+* @returns True if the value contains a `fields` array.
+*/
 function hasFieldsArray(value) {
-  return typeof value != "object" || value === null || !("fields" in value) ? !1 : Array.isArray(value.fields);
-}
+	return typeof value != "object" || !value || !("fields" in value) ? !1 : Array.isArray(value.fields);
+}
+/**
+* Checks whether a value has an `of` array property.
+*
+* @param value - The value to check.
+* @returns True if the value contains an `of` array.
+*/
 function hasOfArray(value) {
-  return typeof value != "object" || value === null || !("of" in value) ? !1 : Array.isArray(value.of);
-}
+	return typeof value != "object" || !value || !("of" in value) ? !1 : Array.isArray(value.of);
+}
+/**
+* Extracts the type name a value declares, where it names one at all.
+*
+* @param value - The value to inspect.
+* @returns The type name, or undefined when the value declares none.
+*/
 function getTypeName(value) {
-  if (!(typeof value != "object" || value === null || !("type" in value)))
-    return typeof value.type == "string" ? value.type : void 0;
-}
-function isOpaqueType(typeName) {
-  return opaqueTypes.has(typeName);
-}
+	if (!(typeof value != "object" || !value || !("type" in value))) return typeof value.type == "string" ? value.type : void 0;
+}
+/**
+* Extracts the parent type name from a compiled schema type, if present.
+*
+* @param resolvedType - The compiled schema type to inspect.
+* @returns The parent type name, or undefined when the type extends none.
+*/
 function getParentTypeName(resolvedType) {
-  if (!(typeof resolvedType != "object" || resolvedType === null || !("type" in resolvedType)) && !(typeof resolvedType.type != "object" || resolvedType.type === null || !("name" in resolvedType.type)))
-    return String(resolvedType.type.name);
-}
+	if (!(typeof resolvedType != "object" || !resolvedType || !("type" in resolvedType)) && !(typeof resolvedType.type != "object" || resolvedType.type === null || !("name" in resolvedType.type))) return String(resolvedType.type.name);
+}
+/**
+* Normalises a compiled schema field into the shape the Handbook renders. Type names already seen are
+* tracked so a type that refers back to itself does not recurse forever.
+*
+* @param field - A compiled schema field or plain field definition.
+* @param visited - Type names already seen in this normalisation chain.
+* @returns The normalised field.
+*/
 function normaliseField(field, visited = /* @__PURE__ */ new Set()) {
-  if (isCompiledField(field)) {
-    const typeName = field.type.name, result = {
-      name: field.name,
-      type: typeName,
-      title: field.title ?? field.type.title,
-      description: field.description ?? field.type.description,
-      handbook: field.handbook
-    };
-    if (!visited.has(typeName)) {
-      const next = !opaqueTypes.has(typeName) && typeName !== "object" && typeName !== "array" ? /* @__PURE__ */ new Set([...visited, typeName]) : visited, fieldSource = hasFieldsArray(field) ? field : field.type, ofSource = hasOfArray(field) ? field : field.type;
-      hasFieldsArray(fieldSource) && (result.fields = fieldSource.fields.map((subfield) => normaliseField(subfield, next))), hasOfArray(ofSource) && (result.of = ofSource.of.map((member) => normaliseField(member, next)));
-    }
-    return result;
-  }
-  return field;
-}
+	if (isCompiledField(field)) {
+		let typeName = field.type.name, result = {
+			name: field.name,
+			type: typeName,
+			title: field.title ?? field.type.title,
+			description: field.description ?? field.type.description,
+			handbook: field.handbook
+		};
+		if (!visited.has(typeName)) {
+			let next = !opaqueTypes.has(typeName) && typeName !== "object" && typeName !== "array" ? /* @__PURE__ */ new Set([...visited, typeName]) : visited, fieldSource = hasFieldsArray(field) ? field : field.type, ofSource = hasOfArray(field) ? field : field.type;
+			hasFieldsArray(fieldSource) && (result.fields = fieldSource.fields.map((subfield) => normaliseField(subfield, next))), hasOfArray(ofSource) && (result.of = ofSource.of.map((member) => normaliseField(member, next)));
+		}
+		return result;
+	}
+	return field;
+}
+/**
+* Resolves only the fields a custom type adds on top of an opaque base type, leaving out the ones the
+* base type contributes of its own accord.
+*
+* @param resolvedType - The compiled or normalised schema type.
+* @param parentName - The opaque base type name.
+* @returns The custom fields, or undefined when the type adds none.
+*/
 function resolveCustomFields(resolvedType, parentName) {
-  if (!hasFieldsArray(resolvedType)) return;
-  const inherited = inheritedFieldNames[parentName], customFields = resolvedType.fields.map((field) => normaliseField(field)).filter((field) => inherited === void 0 || !inherited.has(field.name));
-  return isDefined(customFields) ? customFields : void 0;
-}
+	if (!hasFieldsArray(resolvedType)) return;
+	let inherited = inheritedFieldNames[parentName], customFields = resolvedType.fields.map((field) => normaliseField(field)).filter((field) => !isDefined(inherited) || !inherited.has(field.name));
+	return isDefined(customFields) ? customFields : void 0;
+}
+/**
+* Normalises a list of raw field values into the shape the Handbook renders.
+*
+* @param items - Raw field values to normalise.
+* @returns The normalised fields, or undefined when the list holds none.
+*/
 function resolveNormalisedFields(items) {
-  const normalised = items.map((item) => normaliseField(item));
-  return isDefined(normalised) ? normalised : void 0;
-}
+	let normalised = items.map((item) => normaliseField(item));
+	return isDefined(normalised) ? normalised : void 0;
+}
+/**
+* Normalises array members and filters out opaque types that have no meaningful subfields.
+*
+* @param members - Raw array member values to normalise.
+* @returns The normalised non-opaque members, or undefined when none remain.
+*/
 function resolveNormalisedMembers(members) {
-  const normalised = members.map((member) => normaliseField(member)).filter((member) => !isOpaqueType(member.type));
-  return isDefined(normalised) ? normalised : void 0;
-}
+	let normalised = members.map((member) => normaliseField(member)).filter((member) => !opaqueTypes.has(member.type));
+	return isDefined(normalised) ? normalised : void 0;
+}
+/**
+* Resolves the name of the type a value extends, reaching into the schema registry when the value
+* carries nothing but a type name of its own.
+*
+* @param value - The value to inspect.
+* @param schema - The Sanity schema registry.
+* @returns The parent type name, or undefined when the value extends none.
+*/
 function resolveParentName(value, schema) {
-  const direct = getParentTypeName(value);
-  if (isDefined(direct)) return direct;
-  const typeName = getTypeName(value);
-  if (!isDefined(typeName)) return;
-  const resolvedType = schema.get(typeName);
-  return isDefined(resolvedType) ? getParentTypeName(resolvedType) : void 0;
-}
+	let direct = getParentTypeName(value);
+	if (isDefined(direct)) return direct;
+	let typeName = getTypeName(value);
+	if (!isDefined(typeName)) return;
+	let resolvedType = schema.get(typeName);
+	return isDefined(resolvedType) ? getParentTypeName(resolvedType) : void 0;
+}
+/**
+* Extracts the fields a value displays, whether it carries them directly, carries array members that
+* do, or names a type that does.
+*
+* @param value - The value to extract fields from.
+* @param schema - The Sanity schema registry.
+* @returns The resolved fields, or undefined when the value has none.
+*/
 function resolveFields(value, schema) {
-  if (hasFieldsArray(value)) {
-    const parentName = resolveParentName(value, schema);
-    return isDefined(parentName) && isOpaqueType(parentName) ? resolveCustomFields(value, parentName) : resolveNormalisedFields(value.fields);
-  }
-  if (hasOfArray(value)) {
-    const members = value.of;
-    if (members.length === 1) {
-      const [member] = members, normalised = normaliseField(member);
-      if (isOpaqueType(normalised.type)) return;
-      if (hasFieldsArray(normalised)) {
-        const parentName = resolveParentName(normalised, schema);
-        return isDefined(parentName) && isOpaqueType(parentName) ? resolveCustomFields(normalised, parentName) : resolveNormalisedFields(normalised.fields);
-      }
-      const memberType = schema.get(normalised.type);
-      if (isDefined(memberType)) return resolveFields(memberType, schema);
-    }
-    return resolveNormalisedMembers(members);
-  }
-}
+	if (hasFieldsArray(value)) {
+		let parentName = resolveParentName(value, schema);
+		return isDefined(parentName) && opaqueTypes.has(parentName) ? resolveCustomFields(value, parentName) : resolveNormalisedFields(value.fields);
+	}
+	if (hasOfArray(value)) {
+		let members = value.of;
+		if (members.length === 1) {
+			let [member] = members, normalised = normaliseField(member);
+			if (opaqueTypes.has(normalised.type)) return;
+			if (hasFieldsArray(normalised)) {
+				let parentName = resolveParentName(normalised, schema);
+				return isDefined(parentName) && opaqueTypes.has(parentName) ? resolveCustomFields(normalised, parentName) : resolveNormalisedFields(normalised.fields);
+			}
+			let memberType = schema.get(normalised.type);
+			if (isDefined(memberType)) return resolveFields(memberType, schema);
+		}
+		return resolveNormalisedMembers(members);
+	}
+}
+/**
+* Resolves the displayable subfields of a field definition by traversing the schema.
+*
+* @param field - The parent field definition.
+* @param schema - The Sanity schema registry.
+* @returns The non-opaque subfields, or undefined when the field has none.
+*/
 function getSubfields(field, schema) {
-  if (isOpaqueType(field.type)) return;
-  const directFields = resolveFields(field, schema);
-  if (directFields !== void 0) return directFields;
-  const resolvedType = schema.get(field.type);
-  if (!isDefined(resolvedType)) return;
-  const parentName = getParentTypeName(resolvedType);
-  return isDefined(parentName) && isOpaqueType(parentName) ? resolveCustomFields(resolvedType, parentName) : resolveFields(resolvedType, schema);
-}
-function FieldHint({ label, icon, color, open, children, onToggle, onClose }) {
-  const buttonReference = useRef(null), popoverReference = useRef(null);
-  return useClickOutsideEvent(open ? onClose : void 0, () => [buttonReference.current, popoverReference.current]), /* @__PURE__ */ jsx(
-    Popover,
-    {
-      open,
-      placement: "top",
-      portal: !0,
-      radius: 2,
-      shadow: 2,
-      content: /* @__PURE__ */ jsx("div", { ref: popoverReference, children: /* @__PURE__ */ jsx(Box, { padding: 3, style: { maxWidth: "280px" }, children: /* @__PURE__ */ jsxs(Stack, { space: 3, children: [
-        /* @__PURE__ */ jsx(Text, { size: 1, weight: "semibold", children: label }),
-        /* @__PURE__ */ jsx(Text, { size: 1, muted: !0, children })
-      ] }) }) }),
-      children: /* @__PURE__ */ jsx(
-        "button",
-        {
-          ref: buttonReference,
-          "aria-label": label,
-          type: "button",
-          onClick: onToggle,
-          onMouseEnter: onToggle,
-          onMouseLeave: onClose,
-          style: {
-            display: "flex",
-            alignItems: "center",
-            padding: "2px",
-            fontSize: "16px",
-            color,
-            background: "none",
-            border: "none",
-            cursor: "pointer"
-          },
-          children: icon
-        }
-      )
-    }
-  );
-}
-function FieldHints({ tip, info, caution }) {
-  const [openHint, setOpenHint] = useState(null), closeHint = useCallback(() => {
-    setOpenHint(null);
-  }, []);
-  return /* @__PURE__ */ jsxs(Flex, { align: "center", gap: 2, children: [
-    isDefined(tip) && /* @__PURE__ */ jsx(
-      FieldHint,
-      {
-        label: "Tip",
-        icon: /* @__PURE__ */ jsx(LightbulbIcon, { ...defaultIconProps }),
-        color: "var(--card-icon-color)",
-        open: openHint === "tip",
-        onToggle: () => {
-          setOpenHint(openHint === "tip" ? null : "tip");
-        },
-        onClose: closeHint,
-        children: tip
-      }
-    ),
-    isDefined(info) && /* @__PURE__ */ jsx(
-      FieldHint,
-      {
-        label: "Information",
-        icon: /* @__PURE__ */ jsx(InfoIcon, { ...defaultIconProps }),
-        color: "var(--card-icon-color)",
-        open: openHint === "info",
-        onToggle: () => {
-          setOpenHint(openHint === "info" ? null : "info");
-        },
-        onClose: closeHint,
-        children: info
-      }
-    ),
-    isDefined(caution) && /* @__PURE__ */ jsx(
-      FieldHint,
-      {
-        label: "Caution",
-        icon: /* @__PURE__ */ jsx(TriangleAlertIcon, { ...defaultIconProps }),
-        color: "var(--card-icon-color)",
-        open: openHint === "caution",
-        onToggle: () => {
-          setOpenHint(openHint === "caution" ? null : "caution");
-        },
-        onClose: closeHint,
-        children: caution
-      }
-    )
-  ] });
-}
-function Field({ field, depth = 0, ancestors = /* @__PURE__ */ new Set() }) {
-  const schema = useSchema(), { undocumentedFieldMessage } = useHandbookContext(), [expanded, setExpanded] = useState(!1), effectiveTitle = field.handbook?.title ?? field.title ?? (field.name && convertCase(field.name, "title")), effectiveDescription = field.handbook?.description ?? field.description ?? undocumentedFieldMessage, { example, tip, info, caution } = field.handbook ?? {}, hasHints = isDefined([tip, info, caution]), isCycle = ancestors.has(field.type), subfields = isCycle ? void 0 : getSubfields(field, schema), hasSubfields = isDefined(subfields);
-  return /* @__PURE__ */ jsxs(Stack, { space: 2, children: [
-    /* @__PURE__ */ jsxs(Stack, { space: 3, children: [
-      /* @__PURE__ */ jsxs(Flex, { align: "center", paddingY: 1, gap: 2, children: [
-        /* @__PURE__ */ jsx(Box, { flex: 1, children: /* @__PURE__ */ jsxs(Flex, { align: "center", gap: 2, children: [
-          /* @__PURE__ */ jsx(Text, { size: 1, weight: "medium", children: effectiveTitle }),
-          /* @__PURE__ */ jsx(Text, { size: 0, muted: !0, style: { marginTop: "2px" }, children: field.type })
-        ] }) }),
-        hasHints && /* @__PURE__ */ jsx(FieldHints, { tip, info, caution })
-      ] }),
-      isDefined(effectiveDescription) && /* @__PURE__ */ jsx(Text, { size: 1, muted: !0, children: effectiveDescription }),
-      isDefined(example) && /* @__PURE__ */ jsx(Box, { marginTop: 1, children: /* @__PURE__ */ jsxs(Text, { size: 1, muted: !0, style: { fontStyle: "italic" }, children: [
-        "e.g. ",
-        example
-      ] }) })
-    ] }),
-    isCycle && /* @__PURE__ */ jsx(Box, { marginTop: 2, children: /* @__PURE__ */ jsxs(Text, { size: 1, muted: !0, style: { fontStyle: "italic" }, children: [
-      "See ",
-      convertCase(field.type, "title"),
-      " above."
-    ] }) }),
-    hasSubfields && /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx(
-        Card,
-        {
-          as: "button",
-          padding: 3,
-          radius: 2,
-          tone: "transparent",
-          onClick: () => {
-            setExpanded(!expanded);
-          },
-          style: { width: "100%", marginTop: "1rem", textAlign: "left", border: "none", cursor: "pointer" },
-          children: /* @__PURE__ */ jsxs(Flex, { align: "center", gap: 2, children: [
-            /* @__PURE__ */ jsx(Text, { size: 0, children: expanded ? /* @__PURE__ */ jsx(ChevronDownIcon, {}) : /* @__PURE__ */ jsx(ChevronRightIcon, {}) }),
-            /* @__PURE__ */ jsxs(Text, { size: 1, muted: !0, weight: "medium", children: [
-              subfields.length,
-              " subfield",
-              subfields.length === 1 ? "" : "s"
-            ] })
-          ] })
-        }
-      ),
-      expanded && /* @__PURE__ */ jsx(
-        "div",
-        {
-          style: {
-            marginTop: "16px",
-            marginBottom: "8px",
-            paddingLeft: "16px",
-            borderLeft: "1px solid var(--card-border-color)"
-          },
-          children: /* @__PURE__ */ jsx(Stack, { space: 5, children: subfields.map((subfield) => /* @__PURE__ */ jsx(
-            Field,
-            {
-              field: subfield,
-              depth: depth + 1,
-              ancestors: /* @__PURE__ */ new Set([...ancestors, field.type])
-            },
-            subfield.name
-          )) })
-        }
-      )
-    ] })
-  ] });
-}
-function SidebarGroup({ heading, children }) {
-  return /* @__PURE__ */ jsxs("div", { children: [
-    /* @__PURE__ */ jsx(Box, { paddingY: 2, children: /* @__PURE__ */ jsx(Card, { paddingLeft: 2, padding: 2, children: /* @__PURE__ */ jsx(Flex, { align: "center", gap: 1, children: /* @__PURE__ */ jsx(
-      Text,
-      {
-        size: 1,
-        muted: !0,
-        textOverflow: "ellipsis",
-        weight: "semibold",
-        style: { cursor: "default", outline: "none" },
-        children: heading
-      }
-    ) }) }) }),
-    children
-  ] });
-}
-function SidebarTab({ id, label, icon: Icon }) {
-  const { activeTab, setActiveTab, setSidebarExpanded } = useHandbookContext(), selected = activeTab === id;
-  return /* @__PURE__ */ jsx(
-    Card,
-    {
-      id,
-      "aria-controls": `panel-${id}`,
-      "aria-selected": selected,
-      role: "option",
-      as: "button",
-      selected,
-      marginBottom: 1,
-      radius: 2,
-      sizing: "border",
-      tabIndex: -1,
-      tone: "inherit",
-      onClick: () => {
-        setActiveTab(id), setSidebarExpanded(!1);
-      },
-      style: { width: "100%", textAlign: "left", border: "none", cursor: "pointer" },
-      children: /* @__PURE__ */ jsx(
-        Flex,
-        {
-          align: "center",
-          paddingLeft: isDefined(Icon) ? 1 : 2,
-          paddingRight: 2,
-          paddingY: 1,
-          style: { height: "1.5625rem", boxSizing: "content-box" },
-          children: /* @__PURE__ */ jsxs(Flex, { align: "center", flex: 1, gap: 2, children: [
-            isDefined(Icon) && /* @__PURE__ */ jsx(
-              "div",
-              {
-                style: {
-                  display: "flex",
-                  alignItems: "center",
-                  justifyContent: "center",
-                  width: "25px",
-                  height: "25px",
-                  color: "var(--card-icon-color)"
-                },
-                children: /* @__PURE__ */ jsx(Icon, {})
-              }
-            ),
-            /* @__PURE__ */ jsx(Stack, { flex: 1, space: 2, children: /* @__PURE__ */ jsx(Text, { size: 1, textOverflow: "ellipsis", weight: "medium", style: { color: "inherit" }, children: label }) }),
-            /* @__PURE__ */ jsx(Box, { paddingLeft: 4, paddingRight: 1, children: /* @__PURE__ */ jsx(Box, { style: { opacity: 0.5 }, children: /* @__PURE__ */ jsx(Text, { muted: !0, size: 1, children: /* @__PURE__ */ jsx(ChevronRightIcon, {}) }) }) })
-          ] })
-        }
-      )
-    }
-  );
-}
-function DocumentTypesTabs() {
-  const { groups } = useHandbookContext();
-  return groups.map((group) => {
-    const { title, documents } = group;
-    return /* @__PURE__ */ jsx(SidebarGroup, { heading: title, children: documents.map((document) => {
-      const effectiveTitle = document.handbook?.title ?? document.title ?? convertCase(document.name, "title"), icon = typeof document.icon == "function" ? document.icon : void 0;
-      return /* @__PURE__ */ jsx(SidebarTab, { id: document.name, label: effectiveTitle, icon }, document.name);
-    }) }, title);
-  });
-}
-function DocumentTypesPanels() {
-  const { groups } = useHandbookContext();
-  return groups.map((group) => {
-    const { documents } = group;
-    return documents.map((document) => {
-      const effectiveTitle = document.handbook?.title ?? document.title ?? convertCase(document.name, "title"), effectiveDescription = document.handbook?.description ?? (typeof document.description == "string" ? document.description : void 0);
-      return /* @__PURE__ */ jsx(ContentPanel, { id: document.name, title: effectiveTitle, description: effectiveDescription, children: /* @__PURE__ */ jsx("div", { style: { display: "flex", flexDirection: "column", gap: "3.25rem" }, children: document.fields.map((field) => /* @__PURE__ */ jsx(Field, { field }, field.name)) }) }, document.name);
-    });
-  });
-}
-function BookOpenTextIcon(props) {
-  return /* @__PURE__ */ jsxs(
-    "svg",
-    {
-      xmlns: "http://www.w3.org/2000/svg",
-      viewBox: "0 0 24 24",
-      fill: "none",
-      stroke: "currentColor",
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      ...props,
-      children: [
-        /* @__PURE__ */ jsx("path", { d: "M12 7v14" }),
-        /* @__PURE__ */ jsx("path", { d: "M16 12h2" }),
-        /* @__PURE__ */ jsx("path", { d: "M16 8h2" }),
-        /* @__PURE__ */ jsx("path", { d: "M3 18a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h5a4 4 0 0 1 4 4 4 4 0 0 1 4-4h5a1 1 0 0 1 1 1v13a1 1 0 0 1-1 1h-6a3 3 0 0 0-3 3 3 3 0 0 0-3-3z" }),
-        /* @__PURE__ */ jsx("path", { d: "M6 12h2" }),
-        /* @__PURE__ */ jsx("path", { d: "M6 8h2" })
-      ]
-    }
-  );
-}
-function isPortableTextSpan(node) {
-  return node._type === "span" && "text" in node && typeof node.text == "string" && (node.marks === void 0 || Array.isArray(node.marks) && node.marks.every((mark) => typeof mark == "string"));
-}
-function isPortableTextBlock(node) {
-  return typeof node._type == "string" && node._type[0] !== "@" && (!("markDefs" in node) || !node.markDefs || Array.isArray(node.markDefs) && node.markDefs.every((def) => typeof def._key == "string")) && "children" in node && Array.isArray(node.children) && node.children.every((child) => typeof child == "object" && "_type" in child);
-}
-function isPortableTextListItemBlock(block) {
-  return isPortableTextBlock(block) && "listItem" in block && typeof block.listItem == "string" && (block.level === void 0 || typeof block.level == "number");
-}
-function isPortableTextToolkitList(block) {
-  return block._type === "@list";
-}
-function isPortableTextToolkitSpan(span) {
-  return span._type === "@span";
-}
-function isPortableTextToolkitTextNode(node) {
-  return node._type === "@text";
-}
-const knownDecorators = [
-  "strong",
-  "em",
-  "code",
-  "underline",
-  "strike-through"
-];
-function sortMarksByOccurences(span, index, blockChildren) {
-  if (!isPortableTextSpan(span) || !span.marks || !span.marks.length) return [];
-  let marks = span.marks.slice(), occurences = {};
-  return marks.forEach((mark) => {
-    occurences[mark] = 1;
-    for (let siblingIndex = index + 1; siblingIndex < blockChildren.length; siblingIndex++) {
-      let sibling = blockChildren[siblingIndex];
-      if (sibling && isPortableTextSpan(sibling) && Array.isArray(sibling.marks) && sibling.marks.indexOf(mark) !== -1) occurences[mark]++;
-      else break;
-    }
-  }), marks.sort((markA, markB) => sortMarks(occurences, markA, markB));
-}
-function sortMarks(occurences, markA, markB) {
-  let aOccurences = occurences[markA], bOccurences = occurences[markB];
-  if (aOccurences !== bOccurences) return bOccurences - aOccurences;
-  let aKnownPos = knownDecorators.indexOf(markA), bKnownPos = knownDecorators.indexOf(markB);
-  return aKnownPos === bKnownPos ? markA.localeCompare(markB) : aKnownPos - bKnownPos;
-}
-function buildMarksTree(block) {
-  let { children } = block, markDefs = block.markDefs ?? [];
-  if (!children || !children.length) return [];
-  let sortedMarks = children.map(sortMarksByOccurences), rootNode = {
-    _type: "@span",
-    children: [],
-    markType: "<unknown>"
-  }, nodeStack = [rootNode];
-  for (let i = 0; i < children.length; i++) {
-    let span = children[i];
-    if (!span) continue;
-    let marksNeeded = sortedMarks[i] || [], pos = 1;
-    if (nodeStack.length > 1) for (; pos < nodeStack.length; pos++) {
-      let mark = nodeStack[pos]?.markKey || "", index = marksNeeded.indexOf(mark);
-      if (index === -1) break;
-      marksNeeded.splice(index, 1);
-    }
-    nodeStack = nodeStack.slice(0, pos);
-    let currentNode = nodeStack[nodeStack.length - 1];
-    if (currentNode) {
-      for (let markKey of marksNeeded) {
-        let markDef = markDefs?.find((def) => def._key === markKey), node = {
-          _type: "@span",
-          _key: span._key,
-          children: [],
-          markDef,
-          markType: markDef ? markDef._type : markKey,
-          markKey
-        };
-        currentNode.children.push(node), nodeStack.push(node), currentNode = node;
-      }
-      if (isPortableTextSpan(span)) {
-        let lines = span.text.split(`
-`);
-        for (let line = lines.length; line-- > 1; ) lines.splice(line, 0, `
-`);
-        currentNode.children = currentNode.children.concat(lines.map((text) => ({
-          _type: "@text",
-          text
-        })));
-      } else currentNode.children = currentNode.children.concat(span);
-    }
-  }
-  return rootNode.children;
-}
-function nestLists(blocks, mode) {
-  let tree = [], currentList;
-  for (let i = 0; i < blocks.length; i++) {
-    let block = blocks[i];
-    if (block) {
-      if (!isPortableTextListItemBlock(block)) {
-        tree.push(block), currentList = void 0;
-        continue;
-      }
-      if (!currentList) {
-        currentList = listFromBlock(block, i, mode), tree.push(currentList);
-        continue;
-      }
-      if (blockMatchesList(block, currentList)) {
-        currentList.children.push(block);
-        continue;
-      }
-      if ((block.level || 1) > currentList.level) {
-        let newList = listFromBlock(block, i, mode);
-        if (mode === "html") {
-          let lastListItem = currentList.children[currentList.children.length - 1], newLastChild = {
-            ...lastListItem,
-            children: [...lastListItem.children, newList]
-          };
-          currentList.children[currentList.children.length - 1] = newLastChild;
-        } else currentList.children.push(newList);
-        currentList = newList;
-        continue;
-      }
-      if ((block.level || 1) < currentList.level) {
-        let matchingBranch = tree[tree.length - 1], match = matchingBranch && findListMatching(matchingBranch, block);
-        if (match) {
-          currentList = match, currentList.children.push(block);
-          continue;
-        }
-        currentList = listFromBlock(block, i, mode), tree.push(currentList);
-        continue;
-      }
-      if (block.listItem !== currentList.listItem) {
-        let matchingBranch = tree[tree.length - 1], match = matchingBranch && findListMatching(matchingBranch, { level: block.level || 1 });
-        if (match && match.listItem === block.listItem) {
-          currentList = match, currentList.children.push(block);
-          continue;
-        } else {
-          currentList = listFromBlock(block, i, mode), tree.push(currentList);
-          continue;
-        }
-      }
-      console.warn("Unknown state encountered for block", block), tree.push(block);
-    }
-  }
-  return tree;
-}
-function blockMatchesList(block, list) {
-  return (block.level || 1) === list.level && block.listItem === list.listItem;
-}
-function listFromBlock(block, index, mode) {
-  return {
-    _type: "@list",
-    _key: `${block._key || `${index}`}-parent`,
-    mode,
-    level: block.level || 1,
-    listItem: block.listItem,
-    children: [block]
-  };
-}
-function findListMatching(rootNode, matching) {
-  let level = matching.level || 1, style = matching.listItem || "normal", filterOnType = typeof matching.listItem == "string";
-  if (isPortableTextToolkitList(rootNode) && (rootNode.level || 1) === level && filterOnType && (rootNode.listItem || "normal") === style) return rootNode;
-  if (!("children" in rootNode)) return;
-  let node = rootNode.children[rootNode.children.length - 1];
-  return node && !isPortableTextSpan(node) ? findListMatching(node, matching) : void 0;
-}
-function spanToPlainText(span) {
-  let text = "";
-  return span.children.forEach((current) => {
-    isPortableTextToolkitTextNode(current) ? text += current.text : isPortableTextToolkitSpan(current) && (text += spanToPlainText(current));
-  }), text;
-}
-const LIST_NEST_MODE_HTML = "html", defaultLists = {
-  number: ({ children }) => /* @__PURE__ */ jsx("ol", { children }),
-  bullet: ({ children }) => /* @__PURE__ */ jsx("ul", { children })
-}, DefaultListItem = ({ children }) => /* @__PURE__ */ jsx("li", { children }), link = ({ children, value }) => /* @__PURE__ */ jsx("a", {
-  href: value?.href,
-  children
-}), underlineStyle = { textDecoration: "underline" }, defaultMarks = {
-  em: ({ children }) => /* @__PURE__ */ jsx("em", { children }),
-  strong: ({ children }) => /* @__PURE__ */ jsx("strong", { children }),
-  code: ({ children }) => /* @__PURE__ */ jsx("code", { children }),
-  underline: ({ children }) => /* @__PURE__ */ jsx("span", {
-    style: underlineStyle,
-    children
-  }),
-  "strike-through": ({ children }) => /* @__PURE__ */ jsx("del", { children }),
-  link
-}, getTemplate = (type, prop) => `[@portabletext/react] Unknown ${type}, specify a component for it in the \`components.${prop}\` prop`, unknownTypeWarning = (typeName) => getTemplate(`block type "${typeName}"`, "types"), unknownMarkWarning = (markType) => getTemplate(`mark type "${markType}"`, "marks"), unknownBlockStyleWarning = (blockStyle) => getTemplate(`block style "${blockStyle}"`, "block"), unknownListStyleWarning = (listStyle) => getTemplate(`list style "${listStyle}"`, "list"), unknownListItemStyleWarning = (listStyle) => getTemplate(`list item style "${listStyle}"`, "listItem");
-function printWarning(message) {
-  console.warn(message);
-}
-const hidden = { display: "none" }, defaultComponents = {
-  types: {},
-  block: {
-    normal: ({ children }) => /* @__PURE__ */ jsx("p", { children }),
-    blockquote: ({ children }) => /* @__PURE__ */ jsx("blockquote", { children }),
-    h1: ({ children }) => /* @__PURE__ */ jsx("h1", { children }),
-    h2: ({ children }) => /* @__PURE__ */ jsx("h2", { children }),
-    h3: ({ children }) => /* @__PURE__ */ jsx("h3", { children }),
-    h4: ({ children }) => /* @__PURE__ */ jsx("h4", { children }),
-    h5: ({ children }) => /* @__PURE__ */ jsx("h5", { children }),
-    h6: ({ children }) => /* @__PURE__ */ jsx("h6", { children })
-  },
-  marks: defaultMarks,
-  list: defaultLists,
-  listItem: DefaultListItem,
-  hardBreak: () => /* @__PURE__ */ jsx("br", {}),
-  unknownType: ({ value, isInline }) => {
-    let warning = unknownTypeWarning(value._type);
-    return jsx(isInline ? "span" : "div", {
-      style: hidden,
-      children: warning
-    });
-  },
-  unknownMark: ({ markType, children }) => /* @__PURE__ */ jsx("span", {
-    className: `unknown__pt__mark__${markType}`,
-    children
-  }),
-  unknownList: ({ children }) => /* @__PURE__ */ jsx("ul", { children }),
-  unknownListItem: ({ children }) => /* @__PURE__ */ jsx("li", { children }),
-  unknownBlockStyle: ({ children }) => /* @__PURE__ */ jsx("p", { children })
-};
-function mergeComponents(parent, overrides) {
-  let { block: _block, list: _list, listItem: _listItem, marks: _marks, types: _types, ...rest } = overrides;
-  return {
-    ...parent,
-    block: mergeDeeply(parent, overrides, "block"),
-    list: mergeDeeply(parent, overrides, "list"),
-    listItem: mergeDeeply(parent, overrides, "listItem"),
-    marks: mergeDeeply(parent, overrides, "marks"),
-    types: mergeDeeply(parent, overrides, "types"),
-    ...rest
-  };
-}
-function mergeDeeply(parent, overrides, key) {
-  let override = overrides[key], parentVal = parent[key];
-  return typeof override == "function" || override && typeof parentVal == "function" ? override : override ? {
-    ...parentVal,
-    ...override
-  } : parentVal;
-}
-function PortableText({ value: input, components: componentOverrides, listNestingMode, onMissingComponent: missingComponentHandler = printWarning }) {
-  let handleMissingComponent = missingComponentHandler || noop, nested = nestLists(Array.isArray(input) ? input : [input], listNestingMode || LIST_NEST_MODE_HTML), components = useMemo(() => componentOverrides ? mergeComponents(defaultComponents, componentOverrides) : defaultComponents, [componentOverrides]), renderNode = useMemo(() => getNodeRenderer(components, handleMissingComponent), [components, handleMissingComponent]);
-  return /* @__PURE__ */ jsx(Fragment, { children: nested.map((node, index) => renderNode({
-    node,
-    index,
-    isInline: !1,
-    renderNode
-  })) });
-}
-const getNodeRenderer = (components, handleMissingComponent) => {
-  function renderNode(options) {
-    let { node, index, isInline } = options, key = node._key || `node-${index}`;
-    return isPortableTextToolkitList(node) ? renderList(node, index, key) : isPortableTextListItemBlock(node) ? renderListItem(node, index, key) : isPortableTextToolkitSpan(node) ? renderSpan(node, index, key) : hasCustomComponentForNode(node) ? renderCustomBlock(node, index, key, isInline) : isPortableTextBlock(node) ? renderBlock(node, index, key, isInline) : isPortableTextToolkitTextNode(node) ? renderText(node, key) : renderUnknownType(node, index, key, isInline);
-  }
-  function hasCustomComponentForNode(node) {
-    return node._type in components.types;
-  }
-  function renderListItem(node, index, key) {
-    let tree = serializeBlock({
-      node,
-      index,
-      isInline: !1,
-      renderNode
-    }), renderer = components.listItem, Li = (typeof renderer == "function" ? renderer : renderer[node.listItem]) || components.unknownListItem;
-    if (Li === components.unknownListItem) {
-      let style = node.listItem || "bullet";
-      handleMissingComponent(unknownListItemStyleWarning(style), {
-        type: style,
-        nodeType: "listItemStyle"
-      });
-    }
-    let children = tree.children;
-    if (node.style && node.style !== "normal") {
-      let { listItem: _listItem, ...blockNode } = node;
-      children = renderNode({
-        node: blockNode,
-        index,
-        isInline: !1
-      });
-    }
-    return /* @__PURE__ */ jsx(Li, {
-      value: node,
-      index,
-      isInline: !1,
-      renderNode,
-      children
-    }, key);
-  }
-  function renderList(node, index, key) {
-    let children = node.children.map((child, childIndex) => renderNode({
-      node: child._key ? child : {
-        ...child,
-        _key: `li-${index}-${childIndex}`
-      },
-      index: childIndex,
-      isInline: !1
-    })), component = components.list, List = (typeof component == "function" ? component : component[node.listItem]) || components.unknownList;
-    if (List === components.unknownList) {
-      let style = node.listItem || "bullet";
-      handleMissingComponent(unknownListStyleWarning(style), {
-        nodeType: "listStyle",
-        type: style
-      });
-    }
-    return /* @__PURE__ */ jsx(List, {
-      value: node,
-      index,
-      isInline: !1,
-      renderNode,
-      children
-    }, key);
-  }
-  function renderSpan(node, _index, key) {
-    let { markDef, markType, markKey } = node, Span = components.marks[markType] || components.unknownMark, children = node.children.map((child, childIndex) => renderNode({
-      node: child,
-      index: childIndex,
-      isInline: !0
-    }));
-    return Span === components.unknownMark && handleMissingComponent(unknownMarkWarning(markType), {
-      nodeType: "mark",
-      type: markType
-    }), /* @__PURE__ */ jsx(Span, {
-      text: spanToPlainText(node),
-      value: markDef,
-      markType,
-      markKey,
-      renderNode,
-      children
-    }, key);
-  }
-  function renderBlock(node, index, key, isInline) {
-    let { _key, ...props } = serializeBlock({
-      node,
-      index,
-      isInline,
-      renderNode
-    }), style = props.node.style || "normal", Block = (typeof components.block == "function" ? components.block : components.block[style]) || components.unknownBlockStyle;
-    return Block === components.unknownBlockStyle && handleMissingComponent(unknownBlockStyleWarning(style), {
-      nodeType: "blockStyle",
-      type: style
-    }), /* @__PURE__ */ jsx(Block, {
-      ...props,
-      value: props.node,
-      renderNode
-    }, key);
-  }
-  function renderText(node, key) {
-    if (node.text === `
-`) {
-      let HardBreak = components.hardBreak;
-      return HardBreak ? /* @__PURE__ */ jsx(HardBreak, {}, key) : `
-`;
-    }
-    return node.text;
-  }
-  function renderUnknownType(node, index, key, isInline) {
-    let nodeOptions = {
-      value: node,
-      isInline,
-      index,
-      renderNode
-    };
-    handleMissingComponent(unknownTypeWarning(node._type), {
-      nodeType: "block",
-      type: node._type
-    });
-    let UnknownType = components.unknownType;
-    return /* @__PURE__ */ jsx(UnknownType, { ...nodeOptions }, key);
-  }
-  function renderCustomBlock(node, index, key, isInline) {
-    let nodeOptions = {
-      value: node,
-      isInline,
-      index,
-      renderNode
-    }, Node = components.types[node._type];
-    return Node ? /* @__PURE__ */ jsx(Node, { ...nodeOptions }, key) : null;
-  }
-  return renderNode;
-};
-function serializeBlock(options) {
-  let { node, index, isInline, renderNode } = options, children = buildMarksTree(node).map((child, i) => renderNode({
-    node: child,
-    isInline: !0,
-    index: i,
-    renderNode
-  }));
-  return {
-    _key: node._key || `block-${index}`,
-    children,
-    index,
-    isInline,
-    node
-  };
-}
-function noop() {
-}
-const variantConfig = {
-  tip: { icon: LightbulbIcon, tone: "positive" },
-  info: { icon: InfoIcon, tone: "primary" },
-  warning: { icon: TriangleAlertIcon, tone: "caution" }
-};
-function CalloutContent({ variant, children }) {
-  const config = variantConfig[variant], Icon = config.icon;
-  return /* @__PURE__ */ jsx(Card, { padding: 4, radius: 2, tone: config.tone, children: /* @__PURE__ */ jsxs(Flex, { align: "flex-start", gap: 3, children: [
-    /* @__PURE__ */ jsx("div", { style: { flexShrink: 0, marginTop: "-2px", fontSize: "16px", color: "var(--card-icon-color)" }, children: /* @__PURE__ */ jsx(Icon, { ...defaultIconProps }) }),
-    /* @__PURE__ */ jsx(Text, { size: 1, style: { color: "var(--card-icon-color)" }, children })
-  ] }) });
-}
-function CalloutBlock({ value }) {
-  return /* @__PURE__ */ jsx("div", { style: { marginBlock: "2rem" }, children: /* @__PURE__ */ jsx(CalloutContent, { variant: value.variant, children: /* @__PURE__ */ jsx(
-    PortableText,
-    {
-      value: value.body,
-      components: {
-        block: { normal: ({ children }) => /* @__PURE__ */ jsx(Fragment, { children }) },
-        marks: {
-          strong: ({ children }) => /* @__PURE__ */ jsx("strong", { children }),
-          em: ({ children }) => /* @__PURE__ */ jsx("em", { children }),
-          code: ({ children }) => /* @__PURE__ */ jsx(
-            "code",
-            {
-              style: {
-                padding: "0.125rem 0.25rem",
-                fontSize: "0.875em",
-                backgroundColor: "var(--card-code-bg-color)",
-                borderRadius: "0.125rem"
-              },
-              children
-            }
-          ),
-          link: ({ children, value: mark }) => /* @__PURE__ */ jsx(
-            "a",
-            {
-              href: mark?.href,
-              target: "_blank",
-              rel: "noopener noreferrer",
-              style: { color: "var(--card-fg-color)" },
-              children
-            }
-          )
-        }
-      }
-    }
-  ) }) });
-}
-function CodeContent({ code, language }) {
-  return /* @__PURE__ */ jsx(Card, { padding: 4, radius: 2, tone: "transparent", style: { overflowX: "auto" }, children: /* @__PURE__ */ jsx(Code, { size: 1, language, children: code }) });
-}
-function CodeBlock({ value }) {
-  return /* @__PURE__ */ jsx("div", { style: { marginBlock: "1.5rem" }, children: /* @__PURE__ */ jsx(CodeContent, { code: value.code, language: value.language }) });
-}
-function HorizontalRuleContent({ marginBlock = "0" }) {
-  return /* @__PURE__ */ jsx("hr", { style: { marginBlock, border: "none", borderTop: "1px solid var(--card-border-color)" } });
-}
-function HorizontalRuleBlock() {
-  return /* @__PURE__ */ jsx(HorizontalRuleContent, { marginBlock: "2.5rem" });
-}
-function ImageContent({ url, alt, caption }) {
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(
-      "img",
-      {
-        src: url,
-        alt: alt ?? "",
-        style: { display: "block", maxWidth: "100%", borderRadius: "0.25rem", overflow: "hidden" }
-      }
-    ),
-    isDefined(caption) && /* @__PURE__ */ jsx("div", { style: { marginBlockStart: "0.75rem" }, children: /* @__PURE__ */ jsx(Text, { size: 1, muted: !0, style: { fontStyle: "italic" }, children: caption }) })
-  ] });
-}
-function ImageBlock({ value }) {
-  return isDefined(value.asset?.url) ? /* @__PURE__ */ jsx("div", { style: { marginBlock: "1.5rem" }, children: /* @__PURE__ */ jsx(ImageContent, { url: value.asset.url, alt: value.alt, caption: value.caption }) }) : null;
-}
-function VideoContent({ url, caption }) {
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(
-      "video",
-      {
-        src: url,
-        controls: !0,
-        style: {
-          display: "block",
-          maxWidth: "100%",
-          borderRadius: "0.25rem",
-          overflow: "hidden",
-          WebkitTransform: "translateZ(0)"
-        },
-        children: /* @__PURE__ */ jsx("track", { kind: "captions", label: caption ?? "Video" })
-      }
-    ),
-    isDefined(caption) && /* @__PURE__ */ jsx("div", { style: { marginBlockStart: "0.75rem" }, children: /* @__PURE__ */ jsx(Text, { size: 1, muted: !0, style: { fontStyle: "italic" }, children: caption }) })
-  ] });
-}
-function VideoBlock({ value }) {
-  return isDefined(value.asset?.url) ? /* @__PURE__ */ jsx("div", { style: { marginBlock: "1.5rem" }, children: /* @__PURE__ */ jsx(VideoContent, { url: value.asset.url, caption: value.caption }) }) : null;
-}
-const portableTextComponents = {
-  block: {
-    h2: ({ children }) => /* @__PURE__ */ jsx("div", { style: { marginBlockStart: "3rem", marginBlockEnd: "0.25rem" }, children: /* @__PURE__ */ jsx(Text, { as: "h2", size: 1, weight: "medium", children }) }),
-    normal: ({ children }) => /* @__PURE__ */ jsx("div", { style: { marginBlock: "1rem" }, children: /* @__PURE__ */ jsx(Text, { size: 1, muted: !0, children }) }),
-    blockquote: ({ children }) => /* @__PURE__ */ jsx("div", { style: { marginBlock: "2rem" }, children: /* @__PURE__ */ jsx(Box, { paddingLeft: 3, paddingY: 1, style: { borderLeft: "2px solid var(--card-border-color)" }, children: /* @__PURE__ */ jsx(Text, { size: 1, muted: !0, style: { fontStyle: "italic" }, children }) }) })
-  },
-  list: {
-    bullet: ({ children, value }) => /* @__PURE__ */ jsx("div", { style: { marginBlock: value.level > 1 ? "0.75rem" : "2rem" }, children: /* @__PURE__ */ jsx(Text, { size: 1, muted: !0, children: /* @__PURE__ */ jsx("ul", { style: { display: "flex", flexDirection: "column", gap: "0.375rem", margin: 0, paddingLeft: "1.25em" }, children }) }) }),
-    number: ({ children, value }) => /* @__PURE__ */ jsx("div", { style: { marginBlock: value.level > 1 ? "0.75rem" : "2rem" }, children: /* @__PURE__ */ jsx(Text, { size: 1, muted: !0, children: /* @__PURE__ */ jsx("ol", { style: { display: "flex", flexDirection: "column", gap: "0.375rem", margin: 0, paddingLeft: "1.25em" }, children }) }) })
-  },
-  listItem: {
-    bullet: ({ children }) => /* @__PURE__ */ jsx("li", { children }),
-    number: ({ children }) => /* @__PURE__ */ jsx("li", { children })
-  },
-  marks: {
-    strong: ({ children }) => /* @__PURE__ */ jsx("strong", { children }),
-    em: ({ children }) => /* @__PURE__ */ jsx("em", { children }),
-    code: ({ children }) => /* @__PURE__ */ jsx(
-      "code",
-      {
-        style: {
-          padding: "0.125rem 0.25rem",
-          fontSize: "0.875em",
-          backgroundColor: "var(--card-code-bg-color)",
-          borderRadius: "0.125rem"
-        },
-        children
-      }
-    ),
-    link: ({ children, value }) => /* @__PURE__ */ jsx("a", { href: value?.href, target: "_blank", rel: "noopener noreferrer", style: { color: "var(--card-link-fg-color)" }, children }),
-    "strike-through": ({ children }) => /* @__PURE__ */ jsx("del", { children })
-  }
-};
-function GuideContent({ content }) {
-  const { blocks: customBlocks } = useHandbookContext(), components = useMemo(() => {
-    const customTypes = {};
-    for (const block of customBlocks)
-      customTypes[block.schema.name] = block.component;
-    return {
-      ...portableTextComponents,
-      types: {
-        "handbook.image": ImageBlock,
-        "handbook.video": VideoBlock,
-        "handbook.code": CodeBlock,
-        "handbook.callout": CalloutBlock,
-        "handbook.horizontalRule": HorizontalRuleBlock,
-        ...customTypes
-      }
-    };
-  }, [customBlocks]);
-  return /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(PortableText, { value: content, components }) });
-}
-function GuidesTabs() {
-  const { configuration, loading } = useHandbookContext();
-  return loading || !isDefined(configuration) ? null : configuration.groups.map((group) => /* @__PURE__ */ jsx(SidebarGroup, { heading: group.title, children: group.guides.map((guide) => /* @__PURE__ */ jsx(SidebarTab, { id: guide._key, label: guide.title, icon: createSanityIcon(BookOpenTextIcon) }, guide._key)) }, group._key));
-}
-function GuidesPanels() {
-  const { configuration, loading } = useHandbookContext();
-  return loading || !isDefined(configuration) ? null : configuration.groups.flatMap(
-    (group) => group.guides.map((guide) => /* @__PURE__ */ jsx(ContentPanel, { id: guide._key, title: guide.title, description: guide.description, children: /* @__PURE__ */ jsx(GuideContent, { content: guide.content }) }, guide._key))
-  );
+	if (opaqueTypes.has(field.type)) return;
+	let directFields = resolveFields(field, schema);
+	if (isDefined(directFields)) return directFields;
+	let resolvedType = schema.get(field.type);
+	if (!isDefined(resolvedType)) return;
+	let parentName = getParentTypeName(resolvedType);
+	return isDefined(parentName) && opaqueTypes.has(parentName) ? resolveCustomFields(resolvedType, parentName) : resolveFields(resolvedType, schema);
+}
+/** Shared empty ancestor set, so the default prop keeps a stable reference across renders. */
+const noAncestors = /* @__PURE__ */ new Set();
+function Field(t0) {
+	let $ = c(59), field, props, t1;
+	$[0] === t0 ? (field = $[1], props = $[2], t1 = $[3]) : ({field, ancestors: t1, ...props} = t0, $[0] = t0, $[1] = field, $[2] = props, $[3] = t1);
+	let ancestors = t1 === void 0 ? noAncestors : t1, schema = useSchema(), { undocumentedFieldMessage } = useHandbookContext(), [expanded, setExpanded] = useState(!1), t2;
+	$[4] === field ? t2 = $[5] : (t2 = resolveTitle(field), $[4] = field, $[5] = t2);
+	let effectiveTitle = t2, t3;
+	$[6] !== field || $[7] !== undocumentedFieldMessage ? (t3 = resolveDescription(field) ?? undocumentedFieldMessage, $[6] = field, $[7] = undocumentedFieldMessage, $[8] = t3) : t3 = $[8];
+	let effectiveDescription = t3, caution, example, info, t4, tip;
+	$[9] === field.handbook ? (caution = $[10], example = $[11], info = $[12], t4 = $[13], tip = $[14]) : ({example, tip, info, caution} = field.handbook ?? {}, t4 = isDefined([
+		tip,
+		info,
+		caution
+	]), $[9] = field.handbook, $[10] = caution, $[11] = example, $[12] = info, $[13] = t4, $[14] = tip);
+	let hasHints = t4, t5;
+	$[15] !== ancestors || $[16] !== field.type ? (t5 = ancestors.has(field.type), $[15] = ancestors, $[16] = field.type, $[17] = t5) : t5 = $[17];
+	let isCycle = t5, t6;
+	if ($[18] !== ancestors || $[19] !== caution || $[20] !== effectiveDescription || $[21] !== effectiveTitle || $[22] !== example || $[23] !== expanded || $[24] !== field || $[25] !== hasHints || $[26] !== info || $[27] !== isCycle || $[28] !== props || $[29] !== schema || $[30] !== tip) {
+		let subfields = isCycle ? void 0 : getSubfields(field, schema), hasSubfields = isDefined(subfields), t7;
+		$[32] === effectiveTitle ? t7 = $[33] : (t7 = /* @__PURE__ */ jsx(Text, {
+			size: 1,
+			weight: "medium",
+			children: effectiveTitle
+		}), $[32] = effectiveTitle, $[33] = t7);
+		let t8;
+		$[34] === Symbol.for("react.memo_cache_sentinel") ? (t8 = { marginTop: 2 }, $[34] = t8) : t8 = $[34];
+		let t9;
+		$[35] === field.type ? t9 = $[36] : (t9 = /* @__PURE__ */ jsx(Text, {
+			size: 0,
+			muted: !0,
+			style: t8,
+			children: field.type
+		}), $[35] = field.type, $[36] = t9);
+		let t10;
+		$[37] !== t7 || $[38] !== t9 ? (t10 = /* @__PURE__ */ jsx(Box, {
+			flex: 1,
+			children: /* @__PURE__ */ jsxs(Flex, {
+				align: "center",
+				gap: 2,
+				children: [t7, t9]
+			})
+		}), $[37] = t7, $[38] = t9, $[39] = t10) : t10 = $[39];
+		let t11;
+		$[40] !== caution || $[41] !== hasHints || $[42] !== info || $[43] !== tip ? (t11 = hasHints && /* @__PURE__ */ jsx(FieldHints, {
+			tip,
+			info,
+			caution
+		}), $[40] = caution, $[41] = hasHints, $[42] = info, $[43] = tip, $[44] = t11) : t11 = $[44];
+		let t12;
+		$[45] !== t10 || $[46] !== t11 ? (t12 = /* @__PURE__ */ jsxs(Flex, {
+			align: "center",
+			paddingY: 1,
+			gap: 2,
+			children: [t10, t11]
+		}), $[45] = t10, $[46] = t11, $[47] = t12) : t12 = $[47];
+		let t13;
+		$[48] === effectiveDescription ? t13 = $[49] : (t13 = isDefined(effectiveDescription) && /* @__PURE__ */ jsx(Text, {
+			size: 1,
+			muted: !0,
+			children: effectiveDescription
+		}), $[48] = effectiveDescription, $[49] = t13);
+		let t14;
+		$[50] === example ? t14 = $[51] : (t14 = isDefined(example) && /* @__PURE__ */ jsx(Box, {
+			marginTop: 1,
+			children: /* @__PURE__ */ jsxs(Text, {
+				size: 1,
+				muted: !0,
+				style: { fontStyle: "italic" },
+				children: ["e.g. ", example]
+			})
+		}), $[50] = example, $[51] = t14);
+		let t15;
+		$[52] !== t12 || $[53] !== t13 || $[54] !== t14 ? (t15 = /* @__PURE__ */ jsxs(Stack, {
+			gap: 3,
+			children: [
+				t12,
+				t13,
+				t14
+			]
+		}), $[52] = t12, $[53] = t13, $[54] = t14, $[55] = t15) : t15 = $[55];
+		let t16;
+		$[56] !== field.type || $[57] !== isCycle ? (t16 = isCycle && /* @__PURE__ */ jsx(Box, {
+			marginTop: 2,
+			children: /* @__PURE__ */ jsxs(Text, {
+				size: 1,
+				muted: !0,
+				style: { fontStyle: "italic" },
+				children: [
+					"See ",
+					convertCase(field.type, "title"),
+					" above."
+				]
+			})
+		}), $[56] = field.type, $[57] = isCycle, $[58] = t16) : t16 = $[58], t6 = /* @__PURE__ */ jsxs(Stack, {
+			gap: 2,
+			...props,
+			children: [
+				t15,
+				t16,
+				hasSubfields && /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(Card, {
+					as: "button",
+					padding: 3,
+					radius: 2,
+					sizing: "border",
+					tone: "transparent",
+					onClick: () => {
+						setExpanded(!expanded);
+					},
+					style: {
+						marginTop: 16,
+						textAlign: "left",
+						border: "none",
+						cursor: "pointer"
+					},
+					children: /* @__PURE__ */ jsxs(Flex, {
+						align: "center",
+						gap: 2,
+						children: [/* @__PURE__ */ jsx(Text, {
+							size: 0,
+							children: jsx(expanded ? ChevronDownIcon : ChevronRightIcon, {})
+						}), /* @__PURE__ */ jsxs(Text, {
+							size: 1,
+							muted: !0,
+							weight: "medium",
+							children: [
+								subfields.length,
+								" subfield",
+								subfields.length === 1 ? "" : "s"
+							]
+						})]
+					})
+				}), expanded && /* @__PURE__ */ jsx("div", {
+					style: {
+						marginTop: 16,
+						marginBottom: 8,
+						paddingLeft: 16,
+						borderLeft: "1px solid var(--card-border-color)"
+					},
+					children: /* @__PURE__ */ jsx(Stack, {
+						gap: 5,
+						children: subfields.map((subfield) => /* @__PURE__ */ jsx(Field, {
+							field: subfield,
+							ancestors: /* @__PURE__ */ new Set([...ancestors, field.type])
+						}, subfield.name))
+					})
+				})] })
+			]
+		}), $[18] = ancestors, $[19] = caution, $[20] = effectiveDescription, $[21] = effectiveTitle, $[22] = example, $[23] = expanded, $[24] = field, $[25] = hasHints, $[26] = info, $[27] = isCycle, $[28] = props, $[29] = schema, $[30] = tip, $[31] = t6;
+	} else t6 = $[31];
+	return t6;
+}
+/**
+* Builds a section for each configured document role.
+*
+* @param roles - Document roles from the plugin configuration.
+* @returns One section per role, holding an entry per document type.
+*/
+function documentTypesSections(roles) {
+	return roles.map(({ title, documents }) => ({
+		title,
+		entries: documents.map((document) => ({
+			id: document.name,
+			title: resolveTitle(document),
+			description: resolveDescription(document),
+			icon: resolveIcon(document),
+			render: () => /* @__PURE__ */ jsx("div", {
+				style: {
+					display: "flex",
+					flexDirection: "column",
+					gap: contentSpacing.section
+				},
+				children: document.fields.map((field) => /* @__PURE__ */ jsx(Field, { field }, field.name))
+			})
+		}))
+	}));
 }
 function LayoutGridIcon(props) {
-  return /* @__PURE__ */ jsxs(
-    "svg",
-    {
-      xmlns: "http://www.w3.org/2000/svg",
-      viewBox: "0 0 24 24",
-      fill: "none",
-      stroke: "currentColor",
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      ...props,
-      children: [
-        /* @__PURE__ */ jsx("rect", { width: "7", height: "7", x: "3", y: "3", rx: "1" }),
-        /* @__PURE__ */ jsx("rect", { width: "7", height: "7", x: "14", y: "3", rx: "1" }),
-        /* @__PURE__ */ jsx("rect", { width: "7", height: "7", x: "14", y: "14", rx: "1" }),
-        /* @__PURE__ */ jsx("rect", { width: "7", height: "7", x: "3", y: "14", rx: "1" })
-      ]
-    }
-  );
+	let $ = c(6), t0, t1, t2, t3;
+	$[0] === Symbol.for("react.memo_cache_sentinel") ? (t0 = /* @__PURE__ */ jsx("rect", {
+		width: "7",
+		height: "7",
+		x: "3",
+		y: "3",
+		rx: "1"
+	}), t1 = /* @__PURE__ */ jsx("rect", {
+		width: "7",
+		height: "7",
+		x: "14",
+		y: "3",
+		rx: "1"
+	}), t2 = /* @__PURE__ */ jsx("rect", {
+		width: "7",
+		height: "7",
+		x: "14",
+		y: "14",
+		rx: "1"
+	}), t3 = /* @__PURE__ */ jsx("rect", {
+		width: "7",
+		height: "7",
+		x: "3",
+		y: "14",
+		rx: "1"
+	}), $[0] = t0, $[1] = t1, $[2] = t2, $[3] = t3) : (t0 = $[0], t1 = $[1], t2 = $[2], t3 = $[3]);
+	let t4;
+	return $[4] === props ? t4 = $[5] : (t4 = /* @__PURE__ */ jsxs("svg", {
+		xmlns: "http://www.w3.org/2000/svg",
+		width: 24,
+		height: 24,
+		viewBox: "0 0 24 24",
+		fill: "none",
+		stroke: "currentColor",
+		strokeWidth: 2,
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		...props,
+		children: [
+			t0,
+			t1,
+			t2,
+			t3
+		]
+	}), $[4] = props, $[5] = t4), t4;
 }
 function DocumentTypesOverview() {
-  const { groups, setActiveTab, setSidebarExpanded } = useHandbookContext();
-  return /* @__PURE__ */ jsx("div", { style: { display: "flex", flexDirection: "column", gap: "2.5rem" }, children: groups.map((group) => {
-    const { title, description, documents } = group;
-    return /* @__PURE__ */ jsxs(Stack, { space: 2, children: [
-      /* @__PURE__ */ jsxs(Stack, { space: 3, children: [
-        /* @__PURE__ */ jsx(Flex, { align: "center", paddingY: 1, children: /* @__PURE__ */ jsx(Text, { size: 1, weight: "medium", children: title }) }),
-        isDefined(description) && /* @__PURE__ */ jsx(Text, { size: 1, muted: !0, children: description })
-      ] }),
-      /* @__PURE__ */ jsx(Box, { marginTop: 1, children: /* @__PURE__ */ jsx(Stack, { space: 2, children: documents.map((document) => {
-        const Icon = typeof document.icon == "function" ? document.icon : void 0, documentDescription = document.handbook?.description ?? (typeof document.description == "string" ? document.description : void 0);
-        return /* @__PURE__ */ jsx(
-          Card,
-          {
-            as: "button",
-            padding: 3,
-            radius: 2,
-            sizing: "border",
-            tone: "inherit",
-            onClick: () => {
-              setActiveTab(document.name), setSidebarExpanded(!1);
-            },
-            style: {
-              width: "calc(100% + 24px)",
-              marginLeft: "-12px",
-              textAlign: "left",
-              border: "none",
-              cursor: "pointer"
-            },
-            children: /* @__PURE__ */ jsxs(Flex, { align: "center", gap: 3, children: [
-              /* @__PURE__ */ jsx(Box, { flex: 1, children: /* @__PURE__ */ jsxs(Stack, { space: 3, children: [
-                /* @__PURE__ */ jsxs(Flex, { align: "center", gap: 2, style: { marginLeft: "-4px" }, children: [
-                  isDefined(Icon) && /* @__PURE__ */ jsx(
-                    "div",
-                    {
-                      style: {
-                        display: "flex",
-                        alignItems: "center",
-                        justifyContent: "center",
-                        width: "25px",
-                        height: "25px",
-                        color: "var(--card-icon-color)"
-                      },
-                      children: /* @__PURE__ */ jsx(Icon, {})
-                    }
-                  ),
-                  /* @__PURE__ */ jsx(Text, { size: 1, weight: "medium", children: document.title ?? document.name })
-                ] }),
-                isDefined(documentDescription) && /* @__PURE__ */ jsx(Box, { paddingBottom: 1, children: /* @__PURE__ */ jsx(Text, { size: 1, muted: !0, children: documentDescription }) })
-              ] }) }),
-              /* @__PURE__ */ jsx(Box, { flex: "none", style: { opacity: 0.5 }, children: /* @__PURE__ */ jsx(Text, { muted: !0, size: 1, children: /* @__PURE__ */ jsx(ChevronRightIcon, {}) }) })
-            ] })
-          },
-          document.name
-        );
-      }) }) })
-    ] }, title);
-  }) });
-}
-function HintRow({ icon, children }) {
-  return /* @__PURE__ */ jsxs(Flex, { align: "center", gap: 3, children: [
-    /* @__PURE__ */ jsx(
-      "div",
-      {
-        style: {
-          display: "flex",
-          alignItems: "center",
-          flexShrink: 0,
-          fontSize: "16px",
-          color: "var(--card-icon-color)"
-        },
-        children: icon
-      }
-    ),
-    /* @__PURE__ */ jsx(Text, { size: 1, muted: !0, children })
-  ] });
-}
+	let $ = c(10), { roles, setActiveTab, setSidebarExpanded } = useHandbookContext(), t0;
+	$[0] === Symbol.for("react.memo_cache_sentinel") ? (t0 = {
+		display: "flex",
+		flexDirection: "column",
+		gap: contentSpacing.section
+	}, $[0] = t0) : t0 = $[0];
+	let t1;
+	if ($[1] !== roles || $[2] !== setActiveTab || $[3] !== setSidebarExpanded) {
+		let t2;
+		$[5] !== setActiveTab || $[6] !== setSidebarExpanded ? (t2 = (role) => {
+			let { title, description, documents } = role;
+			return /* @__PURE__ */ jsxs(Stack, {
+				gap: 2,
+				children: [/* @__PURE__ */ jsxs(Stack, {
+					gap: 3,
+					children: [/* @__PURE__ */ jsx(Flex, {
+						align: "center",
+						paddingY: 1,
+						children: /* @__PURE__ */ jsx(Text, {
+							size: 1,
+							weight: "medium",
+							children: title
+						})
+					}), isDefined(description) && /* @__PURE__ */ jsx(Text, {
+						size: 1,
+						muted: !0,
+						children: description
+					})]
+				}), /* @__PURE__ */ jsx(Box, {
+					marginTop: 1,
+					children: /* @__PURE__ */ jsx(Stack, {
+						gap: 2,
+						children: documents.map((document) => {
+							let Icon = resolveIcon(document), documentDescription = resolveDescription(document);
+							return /* @__PURE__ */ jsx(Card, {
+								as: "button",
+								padding: 3,
+								radius: 2,
+								sizing: "border",
+								tone: "inherit",
+								onClick: () => {
+									setActiveTab(document.name), setSidebarExpanded(!1);
+								},
+								style: {
+									width: "calc(100% + 24px)",
+									marginLeft: "-12px",
+									textAlign: "left",
+									border: "none",
+									cursor: "pointer"
+								},
+								children: /* @__PURE__ */ jsxs(Flex, {
+									align: "center",
+									gap: 3,
+									children: [/* @__PURE__ */ jsx(Box, {
+										flex: 1,
+										children: /* @__PURE__ */ jsxs(Stack, {
+											gap: 3,
+											children: [/* @__PURE__ */ jsxs(Flex, {
+												align: "center",
+												gap: 2,
+												style: { marginLeft: "-4px" },
+												children: [isDefined(Icon) && /* @__PURE__ */ jsx("div", {
+													style: {
+														display: "flex",
+														alignItems: "center",
+														justifyContent: "center",
+														width: 25,
+														height: 25,
+														color: "var(--card-icon-color)"
+													},
+													children: /* @__PURE__ */ jsx(Icon, {})
+												}), /* @__PURE__ */ jsx(Text, {
+													size: 1,
+													weight: "medium",
+													children: resolveTitle(document)
+												})]
+											}), isDefined(documentDescription) && /* @__PURE__ */ jsx(Box, {
+												paddingBottom: 1,
+												children: /* @__PURE__ */ jsx(Text, {
+													size: 1,
+													muted: !0,
+													children: documentDescription
+												})
+											})]
+										})
+									}), /* @__PURE__ */ jsx(Box, {
+										flex: "none",
+										style: { opacity: .5 },
+										children: /* @__PURE__ */ jsx(Text, {
+											muted: !0,
+											size: 1,
+											children: /* @__PURE__ */ jsx(ChevronRightIcon, {})
+										})
+									})]
+								})
+							}, document.name);
+						})
+					})
+				})]
+			}, title);
+		}, $[5] = setActiveTab, $[6] = setSidebarExpanded, $[7] = t2) : t2 = $[7], t1 = roles.map(t2), $[1] = roles, $[2] = setActiveTab, $[3] = setSidebarExpanded, $[4] = t1;
+	} else t1 = $[4];
+	let t2;
+	return $[8] === t1 ? t2 = $[9] : (t2 = /* @__PURE__ */ jsx("div", {
+		style: t0,
+		children: t1
+	}), $[8] = t1, $[9] = t2), t2;
+}
+/** What each hint kind signals to an editor, shown as a legend alongside its icon. */
+const hintDescriptions = {
+	tip: "Helpful tips and best practices for content editors.",
+	info: "Additional context about how the field is used.",
+	caution: "Important warnings about constraints or potential issues."
+};
 function HowToUse() {
-  return /* @__PURE__ */ jsxs("div", { style: { display: "flex", flexDirection: "column", gap: "3rem" }, children: [
-    /* @__PURE__ */ jsxs(Stack, { space: 3, children: [
-      /* @__PURE__ */ jsx(Flex, { align: "center", paddingY: 1, children: /* @__PURE__ */ jsx(Text, { size: 1, weight: "medium", children: "Navigating the Handbook" }) }),
-      /* @__PURE__ */ jsx(Text, { size: 1, muted: !0, children: "Use the sidebar to browse document types and guides. Each entry opens a detailed view in the main panel showing field descriptions, examples, and tips." })
-    ] }),
-    /* @__PURE__ */ jsxs(Stack, { space: 3, children: [
-      /* @__PURE__ */ jsx(Flex, { align: "center", paddingY: 1, children: /* @__PURE__ */ jsx(Text, { size: 1, weight: "medium", children: "Understanding Fields" }) }),
-      /* @__PURE__ */ jsx(Text, { size: 1, muted: !0, children: "Each document type lists its fields with a name and type label. Below the name you will find a description explaining what the field is for and how to use it. Some fields include an example value shown in italics." }),
-      /* @__PURE__ */ jsx(Box, { marginTop: 1, children: /* @__PURE__ */ jsx(Text, { size: 1, muted: !0, style: { fontStyle: "italic" }, children: "e.g. Acme Inc." }) })
-    ] }),
-    /* @__PURE__ */ jsxs(Stack, { space: 3, children: [
-      /* @__PURE__ */ jsx(Flex, { align: "center", paddingY: 1, children: /* @__PURE__ */ jsx(Text, { size: 1, weight: "medium", children: "Hints and Warnings" }) }),
-      /* @__PURE__ */ jsx(Text, { size: 1, muted: !0, children: "Look for these icons next to field names. Hover or click them to reveal additional guidance." }),
-      /* @__PURE__ */ jsxs(Stack, { space: 3, marginTop: 2, children: [
-        /* @__PURE__ */ jsx(HintRow, { icon: /* @__PURE__ */ jsx(LightbulbIcon, { ...defaultIconProps }), children: "Helpful tips and best practices for content editors." }),
-        /* @__PURE__ */ jsx(HintRow, { icon: /* @__PURE__ */ jsx(InfoIcon, { ...defaultIconProps }), children: "Additional context about how the field is used." }),
-        /* @__PURE__ */ jsx(HintRow, { icon: /* @__PURE__ */ jsx(TriangleAlertIcon, { ...defaultIconProps }), children: "Important warnings about constraints or potential issues." })
-      ] })
-    ] }),
-    /* @__PURE__ */ jsxs(Stack, { space: 3, children: [
-      /* @__PURE__ */ jsx(Flex, { align: "center", paddingY: 1, children: /* @__PURE__ */ jsx(Text, { size: 1, weight: "medium", children: "Nested Fields" }) }),
-      /* @__PURE__ */ jsx(Text, { size: 1, muted: !0, children: "Some fields contain subfields \u2014 for example, a content block might include a heading and body text. These are shown as collapsible sections you can expand to explore the full structure." })
-    ] })
-  ] });
-}
-const entries = [
-  {
-    name: "how-to-use-this-handbook",
-    title: "How to Use This Handbook",
-    icon: createSanityIcon(BookTextIcon),
-    description: "A quick guide to navigating the Handbook, understanding the information presented for each field, and making the most of tips, hints, and warnings.",
-    component: HowToUse
-  },
-  {
-    name: "document-types",
-    title: "Document Types",
-    icon: createSanityIcon(LayoutGridIcon),
-    description: "An overview of all document types, organised by group. Select a document type to view its fields, descriptions, and examples.",
-    component: DocumentTypesOverview
-  }
-];
-function GettingStartedTabs() {
-  return /* @__PURE__ */ jsx(SidebarGroup, { heading: "Getting Started", children: entries.map((entry) => /* @__PURE__ */ jsx(SidebarTab, { id: entry.name, label: entry.title, icon: entry.icon }, entry.name)) });
-}
-function GettingStartedPanels() {
-  return entries.map((entry) => {
-    const { name, title, description, component: Component } = entry;
-    return /* @__PURE__ */ jsx(ContentPanel, { id: name, title, description, children: /* @__PURE__ */ jsx(Component, {}) }, name);
-  });
-}
-function Content() {
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(GettingStartedPanels, {}),
-    /* @__PURE__ */ jsx(DocumentTypesPanels, {}),
-    /* @__PURE__ */ jsx(GuidesPanels, {})
-  ] });
-}
-function Sidebar() {
-  return /* @__PURE__ */ jsxs(Box, { paddingX: 3, paddingBottom: 1, children: [
-    /* @__PURE__ */ jsx(GettingStartedTabs, {}),
-    /* @__PURE__ */ jsx(DocumentTypesTabs, {}),
-    /* @__PURE__ */ jsx(GuidesTabs, {})
-  ] });
-}
-const defaultUndocumentedFieldMessage = "This field has not been documented yet. Contact your development team for guidance.", wideBreakpoint = 920, narrowBreakpoint = 480, sidebarWidth = 320, collapsedSidebarWidth = 51;
-function CollapsedSidebar() {
-  const { sidebarTitle, setSidebarExpanded } = useHandbookContext();
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      style: {
-        width: `${collapsedSidebarWidth}px`,
-        minWidth: `${collapsedSidebarWidth}px`,
-        overflow: "hidden",
-        borderRight: "1px solid var(--card-border-color)"
-      },
-      children: /* @__PURE__ */ jsx(Card, { tone: "inherit", "data-collapsed": "", children: /* @__PURE__ */ jsx(
-        Flex,
-        {
-          direction: "column",
-          padding: 3,
-          onClick: () => {
-            setSidebarExpanded(!0);
-          },
-          style: {
-            width: "100vh",
-            boxSizing: "border-box",
-            transform: "rotate(90deg)",
-            transformOrigin: `calc(${collapsedSidebarWidth}px / 2)`,
-            cursor: "pointer"
-          },
-          children: /* @__PURE__ */ jsx(Flex, { align: "flex-start", children: /* @__PURE__ */ jsx(Card, { flex: 1, paddingLeft: 2, padding: 2, children: /* @__PURE__ */ jsx(Flex, { align: "center", gap: 1, children: /* @__PURE__ */ jsx(Text, { size: 1, textOverflow: "ellipsis", weight: "semibold", style: { cursor: "default", outline: "none" }, children: sidebarTitle }) }) }) })
-        }
-      ) })
-    }
-  );
-}
-function NarrowContentHeader() {
-  const { sidebarTitle, setSidebarExpanded } = useHandbookContext();
-  return /* @__PURE__ */ jsxs(Flex, { align: "center", gap: 2, padding: 3, children: [
-    /* @__PURE__ */ jsx(
-      Button,
-      {
-        icon: ArrowLeftIcon,
-        mode: "bleed",
-        onClick: () => {
-          setSidebarExpanded(!0);
-        }
-      }
-    ),
-    /* @__PURE__ */ jsx(Text, { size: 1, weight: "semibold", children: sidebarTitle })
-  ] });
-}
-function ExpandedSidebar() {
-  const { sidebarTitle } = useHandbookContext();
-  return /* @__PURE__ */ jsxs(
-    Card,
-    {
-      borderRight: !0,
-      style: { display: "flex", flexDirection: "column", width: `${sidebarWidth}px`, minWidth: `${sidebarWidth}px` },
-      children: [
-        /* @__PURE__ */ jsx(PaneHeader, { title: sidebarTitle }),
-        /* @__PURE__ */ jsx("div", { style: { flex: 1, paddingBottom: "4px", overflowY: "auto" }, children: /* @__PURE__ */ jsx(Sidebar, {}) })
-      ]
-    }
-  );
-}
-function NarrowLayout() {
-  const { sidebarTitle, sidebarExpanded } = useHandbookContext();
-  return sidebarExpanded ? /* @__PURE__ */ jsxs("div", { style: { display: "flex", flexDirection: "column", flex: 1 }, children: [
-    /* @__PURE__ */ jsx(PaneHeader, { title: sidebarTitle }),
-    /* @__PURE__ */ jsx("div", { style: { flex: 1, paddingBottom: "4px", overflowY: "auto" }, children: /* @__PURE__ */ jsx(Sidebar, {}) })
-  ] }) : /* @__PURE__ */ jsxs("div", { style: { display: "flex", flexDirection: "column", flex: 1 }, children: [
-    /* @__PURE__ */ jsx(NarrowContentHeader, {}),
-    /* @__PURE__ */ jsx(Content, {})
-  ] });
-}
-function MediumLayout() {
-  const { sidebarExpanded, setSidebarExpanded } = useHandbookContext();
-  return sidebarExpanded ? /* @__PURE__ */ jsxs(Flex, { style: { flex: 1 }, children: [
-    /* @__PURE__ */ jsx(ExpandedSidebar, {}),
-    /* @__PURE__ */ jsx(
-      Card,
-      {
-        flex: 1,
-        padding: 3,
-        onClick: () => {
-          setSidebarExpanded(!1);
-        },
-        style: { opacity: 0.4, overflowY: "auto", cursor: "pointer" }
-      }
-    )
-  ] }) : /* @__PURE__ */ jsxs(Flex, { style: { flex: 1 }, children: [
-    /* @__PURE__ */ jsx(CollapsedSidebar, {}),
-    /* @__PURE__ */ jsx(Card, { flex: 1, style: { display: "flex", flexDirection: "column" }, children: /* @__PURE__ */ jsx(Content, {}) })
-  ] });
-}
-function WideLayout() {
-  return /* @__PURE__ */ jsxs(Flex, { style: { flex: 1 }, children: [
-    /* @__PURE__ */ jsx(ExpandedSidebar, {}),
-    /* @__PURE__ */ jsx(Card, { flex: 1, style: { display: "flex", flexDirection: "column" }, children: /* @__PURE__ */ jsx(Content, {}) })
-  ] });
-}
-function HandbookLayout() {
-  const { reference: containerReference, width: containerWidth } = useContainerWidth(), isNarrow = isDefined(containerWidth) && containerWidth < narrowBreakpoint, isMedium = isDefined(containerWidth) && containerWidth >= narrowBreakpoint && containerWidth < wideBreakpoint;
-  function renderLayout() {
-    return isNarrow ? /* @__PURE__ */ jsx(NarrowLayout, {}) : isMedium ? /* @__PURE__ */ jsx(MediumLayout, {}) : /* @__PURE__ */ jsx(WideLayout, {});
-  }
-  return /* @__PURE__ */ jsx("div", { ref: containerReference, style: { display: "flex", flexDirection: "column", height: "100%" }, children: renderLayout() });
-}
-function createHandbookTool(config) {
-  return function() {
-    return /* @__PURE__ */ jsx(
-      HandbookProvider,
-      {
-        sidebarTitle: config.sidebarTitle ?? "Handbook",
-        groups: config.groups ?? [],
-        blocks: config.blocks ?? [],
-        undocumentedFieldMessage: config.undocumentedFieldMessage ?? defaultUndocumentedFieldMessage,
-        children: /* @__PURE__ */ jsx(HandbookLayout, {})
-      }
-    );
-  };
-}
-let registeredEditors;
-function setHandbookEditors(editors) {
-  registeredEditors = editors;
-}
-function handbookStructure(structureBuilder, context) {
-  if (!isPermittedEditor(registeredEditors, context.currentUser?.email)) return [];
-  const { listItem, document, documentTypeList } = structureBuilder;
-  return [
-    listItem().title("Handbook").icon(createSanityIcon(BookTextIcon)).child(document().id("handbook.handbook").schemaType("handbook.handbook").title("Handbook")),
-    listItem().title("Handbook Guides").icon(createSanityIcon(BookOpenTextIcon)).child(documentTypeList("handbook.guide").title("Handbook Guides"))
-  ];
-}
-function CalloutPreview({ variant, text }) {
-  return /* @__PURE__ */ jsx(CalloutContent, { variant: variant ?? "tip", children: text });
-}
-function ParagraphDecorator({ children }) {
-  return /* @__PURE__ */ jsx("span", { style: { fontSize: "0.8125rem" }, children });
-}
-function HeadingDecorator({ children }) {
-  return /* @__PURE__ */ jsx("span", { style: { fontSize: "0.8125rem", fontWeight: "500" }, children });
-}
-function BlockquoteDecorator({ children }) {
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      style: {
-        paddingLeft: "0.75em",
-        fontSize: "0.8125rem",
-        fontStyle: "italic",
-        borderLeft: "2px solid var(--card-border-color)"
-      },
-      children
-    }
-  );
-}
-function BulletListDecorator({ children }) {
-  return /* @__PURE__ */ jsx("div", { style: { marginTop: "-0.25em", fontSize: "0.8125rem" }, children });
-}
-function NumberListDecorator({ children }) {
-  return /* @__PURE__ */ jsx("div", { style: { marginTop: "-0.25em", fontSize: "0.8125rem" }, children });
-}
-function InlineCodeDecorator({ children }) {
-  return /* @__PURE__ */ jsx(
-    "code",
-    {
-      style: {
-        padding: "0.125rem 0.25rem",
-        fontSize: "0.8125rem",
-        color: "var(--card-muted-fg-color)",
-        backgroundColor: "var(--card-code-bg-color)",
-        borderRadius: "0.125rem"
-      },
-      children
-    }
-  );
-}
-function MessageCircleQuestionMarkIcon(props) {
-  return /* @__PURE__ */ jsxs(
-    "svg",
-    {
-      xmlns: "http://www.w3.org/2000/svg",
-      viewBox: "0 0 24 24",
-      fill: "none",
-      stroke: "currentColor",
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      ...props,
-      children: [
-        /* @__PURE__ */ jsx("path", { d: "M2.992 16.342a2 2 0 0 1 .094 1.167l-1.065 3.29a1 1 0 0 0 1.236 1.168l3.413-.998a2 2 0 0 1 1.099.092 10 10 0 1 0-4.777-4.719" }),
-        /* @__PURE__ */ jsx("path", { d: "M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3" }),
-        /* @__PURE__ */ jsx("path", { d: "M12 17h.01" })
-      ]
-    }
-  );
-}
-const linkAnnotation = defineArrayMember({
-  name: "link",
-  type: "object",
-  fields: [
-    defineField({
-      name: "href",
-      title: "URL",
-      type: "url",
-      description: "Web address for this link. Supports http, https, mailto, and tel schemes.",
-      validation: (rule) => rule.uri({ scheme: ["http", "https", "mailto", "tel"] })
-    })
-  ]
-}), handbookCalloutType = defineType({
-  name: "handbook.callout",
-  title: "Callout",
-  type: "object",
-  icon: createSanityIcon(MessageCircleQuestionMarkIcon),
-  description: "A highlighted message block used to draw attention to tips, supplementary information, or warnings.",
-  preview: {
-    select: { variant: "variant", body: "body" },
-    prepare({ variant, body }) {
-      const text = Array.isArray(body) ? body.flatMap((block) => (block.children ?? []).map((child) => child.text ?? "")).join("") : "";
-      return { variant, text };
-    }
-  },
-  components: {
-    preview: CalloutPreview
-  },
-  fields: [
-    defineField({
-      name: "variant",
-      title: "Variant",
-      type: "string",
-      description: "Visual style and intent of the callout.",
-      initialValue: "tip",
-      validation: (rule) => rule.required(),
-      options: {
-        list: [
-          { title: "Tip", value: "tip" },
-          { title: "Information", value: "info" },
-          { title: "Warning", value: "warning" }
-        ],
-        layout: "radio",
-        direction: "horizontal"
-      }
-    }),
-    defineField({
-      name: "body",
-      title: "Body",
-      type: "array",
-      description: "Content displayed inside the callout. Supports inline formatting and links.",
-      of: [
-        defineArrayMember({
-          type: "block",
-          styles: [{ title: "Normal", value: "normal", component: ParagraphDecorator }],
-          marks: {
-            decorators: [
-              { title: "Bold", value: "strong" },
-              { title: "Italic", value: "em" },
-              { title: "Strikethrough", value: "strike-through" },
-              { title: "Code", value: "code", component: InlineCodeDecorator }
-            ],
-            annotations: [linkAnnotation]
-          },
-          lists: []
-        })
-      ]
-    })
-  ]
-});
-function CodePreview({ code, language }) {
-  return isDefined(code) ? /* @__PURE__ */ jsx(CodeContent, { code, language }) : null;
-}
-function CodeIcon(props) {
-  return /* @__PURE__ */ jsxs(
-    "svg",
-    {
-      xmlns: "http://www.w3.org/2000/svg",
-      viewBox: "0 0 24 24",
-      fill: "none",
-      stroke: "currentColor",
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      ...props,
-      children: [
-        /* @__PURE__ */ jsx("path", { d: "m16 18 6-6-6-6" }),
-        /* @__PURE__ */ jsx("path", { d: "m8 6-6 6 6 6" })
-      ]
-    }
-  );
-}
-const handbookCodeType = defineType({
-  name: "handbook.code",
-  title: "Code",
-  type: "object",
-  icon: createSanityIcon(CodeIcon),
-  description: "A syntax-highlighted code block with language selection.",
-  preview: {
-    select: { code: "code", language: "language" }
-  },
-  components: {
-    preview: CodePreview
-  },
-  fields: [
-    defineField({
-      name: "code",
-      title: "Code",
-      type: "text",
-      description: "The source code to display."
-    }),
-    defineField({
-      name: "language",
-      title: "Language",
-      type: "string",
-      description: "Programming language used for syntax highlighting.",
-      options: {
-        list: [
-          { title: "CSS", value: "css" },
-          { title: "GROQ", value: "groq" },
-          { title: "HTML", value: "html" },
-          { title: "JavaScript", value: "javascript" },
-          { title: "JSON", value: "json" },
-          { title: "Plain Text", value: "text" },
-          { title: "React", value: "tsx" },
-          { title: "Shell", value: "shell" },
-          { title: "TypeScript", value: "typescript" }
-        ]
-      }
-    })
-  ]
-});
-function HorizontalRulePreview() {
-  return /* @__PURE__ */ jsx(HorizontalRuleContent, { marginBlock: "0.5rem" });
-}
-function MinusIcon(props) {
-  return /* @__PURE__ */ jsx(
-    "svg",
-    {
-      xmlns: "http://www.w3.org/2000/svg",
-      viewBox: "0 0 24 24",
-      fill: "none",
-      stroke: "currentColor",
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      ...props,
-      children: /* @__PURE__ */ jsx("path", { d: "M5 12h14" })
-    }
-  );
-}
-const handbookHorizontalRuleType = defineType({
-  name: "handbook.horizontalRule",
-  title: "Horizontal Rule",
-  type: "object",
-  icon: createSanityIcon(MinusIcon),
-  description: "A visual divider between sections of content.",
-  preview: {
-    prepare() {
-      return { title: "Horizontal Rule" };
-    }
-  },
-  components: {
-    preview: HorizontalRulePreview
-  },
-  fields: [
-    defineField({
-      name: "style",
-      title: "Style",
-      type: "string",
-      description: "Presentation style for the divider.",
-      hidden: !0,
-      initialValue: "default"
-    })
-  ]
-});
-function ImagePreview({ url, alt, caption }) {
-  return isDefined(url) ? /* @__PURE__ */ jsx("div", { style: { padding: "0.5rem" }, children: /* @__PURE__ */ jsx(ImageContent, { url, alt, caption }) }) : null;
-}
-function ImageIcon(props) {
-  return /* @__PURE__ */ jsxs(
-    "svg",
-    {
-      xmlns: "http://www.w3.org/2000/svg",
-      viewBox: "0 0 24 24",
-      fill: "none",
-      stroke: "currentColor",
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      ...props,
-      children: [
-        /* @__PURE__ */ jsx("rect", { width: "18", height: "18", x: "3", y: "3", rx: "2", ry: "2" }),
-        /* @__PURE__ */ jsx("circle", { cx: "9", cy: "9", r: "2" }),
-        /* @__PURE__ */ jsx("path", { d: "m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21" })
-      ]
-    }
-  );
-}
-const handbookImageType = defineType({
-  name: "handbook.image",
-  title: "Image",
-  type: "object",
-  icon: createSanityIcon(ImageIcon),
-  description: "An image with optional caption and alternative text for accessibility.",
-  preview: {
-    select: { caption: "caption", alt: "alt", url: "asset.asset.url" }
-  },
-  components: {
-    preview: ImagePreview
-  },
-  fields: [
-    defineField({
-      name: "asset",
-      title: "Image",
-      type: "image",
-      description: "Upload or select an image from the media library.",
-      options: { hotspot: !0 }
-    }),
-    defineField({
-      name: "caption",
-      title: "Caption",
-      type: "string",
-      description: "Text displayed beneath the image in the handbook."
-    }),
-    defineField({
-      name: "alt",
-      title: "Alternative Text",
-      type: "string",
-      description: "Describes the image for screen readers and accessibility tools."
-    })
-  ]
-});
-function VideoPreview({ url, caption }) {
-  return isDefined(url) ? /* @__PURE__ */ jsx("div", { style: { padding: "0.5rem" }, children: /* @__PURE__ */ jsx(VideoContent, { url, caption }) }) : null;
-}
-function VideoIcon(props) {
-  return /* @__PURE__ */ jsxs(
-    "svg",
-    {
-      xmlns: "http://www.w3.org/2000/svg",
-      viewBox: "0 0 24 24",
-      fill: "none",
-      stroke: "currentColor",
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      ...props,
-      children: [
-        /* @__PURE__ */ jsx("path", { d: "m16 13 5.223 3.482a.5.5 0 0 0 .777-.416V7.87a.5.5 0 0 0-.752-.432L16 10.5" }),
-        /* @__PURE__ */ jsx("rect", { x: "2", y: "6", width: "14", height: "12", rx: "2" })
-      ]
-    }
-  );
-}
-const handbookVideoType = defineType({
-  name: "handbook.video",
-  title: "Video",
-  type: "object",
-  icon: createSanityIcon(VideoIcon),
-  description: "An uploaded video with optional caption.",
-  preview: {
-    select: { caption: "caption", url: "asset.asset.url" }
-  },
-  components: {
-    preview: VideoPreview
-  },
-  fields: [
-    defineField({
-      name: "asset",
-      title: "Video",
-      type: "file",
-      description: "Upload or select a video from the media library.",
-      options: { accept: "video/*" }
-    }),
-    defineField({
-      name: "caption",
-      title: "Caption",
-      type: "string",
-      description: "Text displayed beneath the video in the handbook."
-    })
-  ]
-});
-function createGuideContentField(customBlocks = []) {
-  return defineField({
-    name: "content",
-    title: "Content",
-    type: "array",
-    description: "Rich text content for this guide. Supports headings, lists, images, code blocks, and custom blocks.",
-    of: [
-      defineArrayMember({
-        name: "block",
-        type: "block",
-        styles: [
-          { title: "Paragraph", value: "normal", component: ParagraphDecorator },
-          { title: "Heading", value: "h2", component: HeadingDecorator },
-          { title: "Blockquote", value: "blockquote", component: BlockquoteDecorator }
-        ],
-        marks: {
-          decorators: [
-            { title: "Bold", value: "strong" },
-            { title: "Italic", value: "em" },
-            { title: "Strikethrough", value: "strike-through" },
-            { title: "Code", value: "code", component: InlineCodeDecorator }
-          ],
-          annotations: [linkAnnotation]
-        },
-        lists: [
-          { title: "Bullet", value: "bullet", component: BulletListDecorator },
-          { title: "Number", value: "number", component: NumberListDecorator }
-        ]
-      }),
-      defineArrayMember({ type: "handbook.image" }),
-      defineArrayMember({ type: "handbook.video" }),
-      defineArrayMember({ type: "handbook.code" }),
-      defineArrayMember({ type: "handbook.callout" }),
-      defineArrayMember({ type: "handbook.horizontalRule" }),
-      ...customBlocks.map((block) => defineArrayMember({ type: block.schema.name }))
-    ]
-  });
-}
-function createHandbookGuideType(customBlocks = []) {
-  return defineType({
-    name: "handbook.guide",
-    title: "Handbook Guide",
-    type: "document",
-    icon: createSanityIcon(BookOpenTextIcon),
-    description: "A handbook page authored with rich text, images, and custom blocks.",
-    preview: {
-      select: { title: "title", description: "description" },
-      prepare({ title, description }) {
-        return {
-          title: title ?? "Untitled Guide",
-          subtitle: description
-        };
-      }
-    },
-    fields: [
-      defineField({
-        name: "title",
-        title: "Title",
-        type: "string",
-        description: "Display title shown in the handbook sidebar and as the page heading.",
-        validation: (rule) => rule.required()
-      }),
-      defineField({
-        name: "description",
-        title: "Description",
-        type: "string",
-        description: "Brief summary displayed beneath the guide heading."
-      }),
-      createGuideContentField(customBlocks)
-    ]
-  });
-}
-function ListPlusIcon(props) {
-  return /* @__PURE__ */ jsxs(
-    "svg",
-    {
-      xmlns: "http://www.w3.org/2000/svg",
-      viewBox: "0 0 24 24",
-      fill: "none",
-      stroke: "currentColor",
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      ...props,
-      children: [
-        /* @__PURE__ */ jsx("path", { d: "M16 5H3" }),
-        /* @__PURE__ */ jsx("path", { d: "M11 12H3" }),
-        /* @__PURE__ */ jsx("path", { d: "M16 19H3" }),
-        /* @__PURE__ */ jsx("path", { d: "M18 9v6" }),
-        /* @__PURE__ */ jsx("path", { d: "M21 12h-6" })
-      ]
-    }
-  );
-}
-const handbookType = defineType({
-  name: "handbook.handbook",
-  title: "Handbook",
-  type: "document",
-  icon: createSanityIcon(BookTextIcon),
-  description: "Defines the structure and ordering of the handbook, including groups and their guides.",
-  preview: {
-    prepare() {
-      return { title: "Handbook" };
-    }
-  },
-  fields: [
-    defineField({
-      name: "groups",
-      title: "Groups",
-      type: "array",
-      description: "Ordered list of groups displayed in the handbook sidebar. Each group contains a title and an ordered list of guide references.",
-      of: [
-        defineArrayMember({
-          name: "group",
-          type: "object",
-          icon: createSanityIcon(ListPlusIcon),
-          fields: [
-            defineField({
-              name: "title",
-              title: "Title",
-              type: "string",
-              description: "Heading displayed above this group of guides in the sidebar.",
-              validation: (rule) => rule.required()
-            }),
-            defineField({
-              name: "guides",
-              title: "Guides",
-              type: "array",
-              description: "Ordered list of guides within this group. Drag to reorder.",
-              of: [
-                defineArrayMember({
-                  type: "reference",
-                  to: [{ type: "handbook.guide" }]
-                })
-              ]
-            })
-          ],
-          preview: {
-            select: { title: "title", guide0: "guides.0.title", guide1: "guides.1.title", guide2: "guides.2.title" },
-            prepare({
-              title,
-              guide0,
-              guide1,
-              guide2
-            }) {
-              const shown = [guide0, guide1, guide2].filter((guide) => isDefined(guide)).slice(0, 2), hasMore = isDefined(guide2);
-              function formatSubtitle() {
-                return isDefined(shown) ? hasMore ? `${shown.join(", ")}, and others` : shown.join(" and ") : "No guides selected";
-              }
-              return {
-                title: title ?? "Untitled Group",
-                subtitle: formatSubtitle()
-              };
-            }
-          }
-        })
-      ]
-    })
-  ]
+	let $ = c(8), t0;
+	$[0] === Symbol.for("react.memo_cache_sentinel") ? (t0 = {
+		display: "flex",
+		flexDirection: "column",
+		gap: contentSpacing.section
+	}, $[0] = t0) : t0 = $[0];
+	let t1;
+	$[1] === Symbol.for("react.memo_cache_sentinel") ? (t1 = /* @__PURE__ */ jsxs(Stack, {
+		gap: 3,
+		children: [/* @__PURE__ */ jsx(Flex, {
+			align: "center",
+			paddingY: 1,
+			children: /* @__PURE__ */ jsx(Text, {
+				size: 1,
+				weight: "medium",
+				children: "Navigating the Handbook"
+			})
+		}), /* @__PURE__ */ jsx(Text, {
+			size: 1,
+			muted: !0,
+			children: "The sidebar lists everything the Handbook holds: these introductory pages, then the document types you can create, grouped by the role they play on the site, and finally any guides your team has written. Selecting an entry opens it here."
+		})]
+	}), $[1] = t1) : t1 = $[1];
+	let t2;
+	$[2] === Symbol.for("react.memo_cache_sentinel") ? (t2 = /* @__PURE__ */ jsxs(Stack, {
+		gap: 3,
+		children: [/* @__PURE__ */ jsx(Flex, {
+			align: "center",
+			paddingY: 1,
+			children: /* @__PURE__ */ jsx(Text, {
+				size: 1,
+				weight: "medium",
+				children: "Understanding Fields"
+			})
+		}), /* @__PURE__ */ jsx(Text, {
+			size: 1,
+			muted: !0,
+			children: "Selecting a document type lists its fields, each showing its name, the kind of value it holds, and what the field is for. The documentation is generated from the content model, so what you read always matches what you see while editing."
+		})]
+	}), $[2] = t2) : t2 = $[2];
+	let t3, t4;
+	$[3] === Symbol.for("react.memo_cache_sentinel") ? (t3 = /* @__PURE__ */ jsx(Flex, {
+		align: "center",
+		paddingY: 1,
+		children: /* @__PURE__ */ jsx(Text, {
+			size: 1,
+			weight: "medium",
+			children: "Hints and Warnings"
+		})
+	}), t4 = /* @__PURE__ */ jsx(Text, {
+		size: 1,
+		muted: !0,
+		children: "Icons beside a field name carry the guidance that would crowd its description if written into it. Hover or click one to read what it says, and use the key below to tell the three kinds apart."
+	}), $[3] = t3, $[4] = t4) : (t3 = $[3], t4 = $[4]);
+	let t5;
+	$[5] === Symbol.for("react.memo_cache_sentinel") ? (t5 = /* @__PURE__ */ jsxs(Stack, {
+		gap: 3,
+		children: [
+			t3,
+			t4,
+			/* @__PURE__ */ jsx(Stack, {
+				gap: 3,
+				marginTop: 2,
+				children: hintKinds.map(_temp$2)
+			})
+		]
+	}), $[5] = t5) : t5 = $[5];
+	let t6;
+	$[6] === Symbol.for("react.memo_cache_sentinel") ? (t6 = /* @__PURE__ */ jsxs(Stack, {
+		gap: 3,
+		children: [/* @__PURE__ */ jsx(Flex, {
+			align: "center",
+			paddingY: 1,
+			children: /* @__PURE__ */ jsx(Text, {
+				size: 1,
+				weight: "medium",
+				children: "Nested Fields"
+			})
+		}), /* @__PURE__ */ jsx(Text, {
+			size: 1,
+			muted: !0,
+			children: "Some fields hold subfields of their own, such as a content block pairing a heading with body text. A control beneath the description counts them and expands to show each one, documented exactly as a top-level field is."
+		})]
+	}), $[6] = t6) : t6 = $[6];
+	let t7;
+	return $[7] === Symbol.for("react.memo_cache_sentinel") ? (t7 = /* @__PURE__ */ jsxs("div", {
+		style: t0,
+		children: [
+			t1,
+			t2,
+			t5,
+			t6,
+			/* @__PURE__ */ jsxs(Stack, {
+				gap: 3,
+				children: [/* @__PURE__ */ jsx(Flex, {
+					align: "center",
+					paddingY: 1,
+					children: /* @__PURE__ */ jsx(Text, {
+						size: 1,
+						weight: "medium",
+						children: "Guides"
+					})
+				}), /* @__PURE__ */ jsx(Text, {
+					size: 1,
+					muted: !0,
+					children: "Beneath the document types you may find guides, written by your team rather than generated from the content model. They carry what a field description cannot: house style, editorial process, and how all the pieces fit together."
+				})]
+			})
+		]
+	}), $[7] = t7) : t7 = $[7], t7;
+}
+function _temp$2(t0) {
+	let { name, icon: Icon } = t0;
+	return /* @__PURE__ */ jsxs(Flex, {
+		align: "center",
+		gap: 3,
+		children: [/* @__PURE__ */ jsx("div", {
+			style: {
+				display: "flex",
+				alignItems: "center",
+				flexShrink: 0,
+				fontSize: "16px",
+				color: "var(--card-icon-color)"
+			},
+			children: /* @__PURE__ */ jsx(Icon, { ...defaultIconProps })
+		}), /* @__PURE__ */ jsx(Text, {
+			size: 1,
+			muted: !0,
+			children: hintDescriptions[name]
+		})]
+	}, name);
+}
+/**
+* Builds the section holding the plugin's own introductory pages.
+*
+* @returns A single section listing the built-in pages, in the order they are shown.
+*/
+function gettingStartedSections() {
+	return [{
+		title: "Getting Started",
+		entries: [{
+			id: "how-to-use-this-handbook",
+			title: "How to use the Handbook",
+			description: "A guide to navigating the Handbook, reading the documentation for each field, and making sense of its examples, hints, and nested structure.",
+			icon: createSanityIcon(BookTextIcon),
+			render: () => /* @__PURE__ */ jsx(HowToUse, {})
+		}, {
+			id: "document-types",
+			title: "Document Types",
+			description: "An overview of all document types, organised by role. Select a document type to view its fields, descriptions, and examples.",
+			icon: createSanityIcon(LayoutGridIcon),
+			render: () => /* @__PURE__ */ jsx(DocumentTypesOverview, {})
+		}]
+	}];
+}
+function PortableLink(t0) {
+	let $ = c(10), children, props, style;
+	$[0] === t0 ? (children = $[1], props = $[2], style = $[3]) : ({children, style, ...props} = t0, $[0] = t0, $[1] = children, $[2] = props, $[3] = style);
+	let t1;
+	$[4] === style ? t1 = $[5] : (t1 = {
+		color: "var(--card-link-fg-color)",
+		...style
+	}, $[4] = style, $[5] = t1);
+	let t2;
+	return $[6] !== children || $[7] !== props || $[8] !== t1 ? (t2 = /* @__PURE__ */ jsx("a", {
+		target: "_blank",
+		rel: "noopener noreferrer",
+		style: t1,
+		...props,
+		children
+	}), $[6] = children, $[7] = props, $[8] = t1, $[9] = t2) : t2 = $[9], t2;
+}
+/** Overrides for a callout body, which takes the card's own text styling and leaves paragraphs unwrapped. */
+const components$1 = {
+	block: { normal: ({ children }) => /* @__PURE__ */ jsx(Fragment, { children }) },
+	marks: {
+		code: ({ children }) => /* @__PURE__ */ jsx(PortableCode, { children }),
+		link: ({ children, value }) => /* @__PURE__ */ jsx(PortableLink, {
+			href: value?.href,
+			children
+		})
+	}
+};
+function CalloutBlock(t0) {
+	let $ = c(13), props, style, value;
+	$[0] === t0 ? (props = $[1], style = $[2], value = $[3]) : ({value, style, ...props} = t0, $[0] = t0, $[1] = props, $[2] = style, $[3] = value);
+	let t1;
+	$[4] === style ? t1 = $[5] : (t1 = {
+		marginBlock: contentSpacing.callout,
+		...style
+	}, $[4] = style, $[5] = t1);
+	let t2;
+	$[6] === value.body ? t2 = $[7] : (t2 = /* @__PURE__ */ jsx(PortableText, {
+		value: value.body,
+		components: components$1
+	}), $[6] = value.body, $[7] = t2);
+	let t3;
+	return $[8] !== props || $[9] !== t1 || $[10] !== t2 || $[11] !== value.variant ? (t3 = /* @__PURE__ */ jsx(CalloutContent, {
+		variant: value.variant,
+		style: t1,
+		...props,
+		children: t2
+	}), $[8] = props, $[9] = t1, $[10] = t2, $[11] = value.variant, $[12] = t3) : t3 = $[12], t3;
+}
+function CodeBlock(t0) {
+	let $ = c(11), props, style, value;
+	if ($[0] === t0 ? (props = $[1], style = $[2], value = $[3]) : ({value, style, ...props} = t0, $[0] = t0, $[1] = props, $[2] = style, $[3] = value), !isDefined(value.code)) return null;
+	let t1;
+	$[4] === style ? t1 = $[5] : (t1 = {
+		marginBlock: contentSpacing.media,
+		...style
+	}, $[4] = style, $[5] = t1);
+	let t2;
+	return $[6] !== props || $[7] !== t1 || $[8] !== value.code || $[9] !== value.language ? (t2 = /* @__PURE__ */ jsx(CodeContent, {
+		code: value.code,
+		language: value.language,
+		style: t1,
+		...props
+	}), $[6] = props, $[7] = t1, $[8] = value.code, $[9] = value.language, $[10] = t2) : t2 = $[10], t2;
+}
+function HorizontalRuleBlock(t0) {
+	let $ = c(8), props, style;
+	if ($[0] !== t0) {
+		let { value: _value, style: t1, ...t2 } = t0;
+		style = t1, props = t2, $[0] = t0, $[1] = props, $[2] = style;
+	} else props = $[1], style = $[2];
+	let t1;
+	$[3] === style ? t1 = $[4] : (t1 = {
+		marginBlock: contentSpacing.rule,
+		...style
+	}, $[3] = style, $[4] = t1);
+	let t2;
+	return $[5] !== props || $[6] !== t1 ? (t2 = /* @__PURE__ */ jsx(HorizontalRuleContent, {
+		style: t1,
+		...props
+	}), $[5] = props, $[6] = t1, $[7] = t2) : t2 = $[7], t2;
+}
+function ImageBlock(t0) {
+	let $ = c(12), props, style, value;
+	if ($[0] === t0 ? (props = $[1], style = $[2], value = $[3]) : ({value, style, ...props} = t0, $[0] = t0, $[1] = props, $[2] = style, $[3] = value), !isDefined(value.asset?.url)) return null;
+	let t1;
+	$[4] === style ? t1 = $[5] : (t1 = {
+		marginBlock: contentSpacing.media,
+		...style
+	}, $[4] = style, $[5] = t1);
+	let t2;
+	return $[6] !== props || $[7] !== t1 || $[8] !== value.alt || $[9] !== value.asset.url || $[10] !== value.caption ? (t2 = /* @__PURE__ */ jsx(ImageContent, {
+		url: value.asset.url,
+		alt: value.alt,
+		caption: value.caption,
+		style: t1,
+		...props
+	}), $[6] = props, $[7] = t1, $[8] = value.alt, $[9] = value.asset.url, $[10] = value.caption, $[11] = t2) : t2 = $[11], t2;
+}
+function VideoBlock(t0) {
+	let $ = c(11), props, style, value;
+	if ($[0] === t0 ? (props = $[1], style = $[2], value = $[3]) : ({value, style, ...props} = t0, $[0] = t0, $[1] = props, $[2] = style, $[3] = value), !isDefined(value.asset?.url)) return null;
+	let t1;
+	$[4] === style ? t1 = $[5] : (t1 = {
+		marginBlock: contentSpacing.media,
+		...style
+	}, $[4] = style, $[5] = t1);
+	let t2;
+	return $[6] !== props || $[7] !== t1 || $[8] !== value.asset.url || $[9] !== value.caption ? (t2 = /* @__PURE__ */ jsx(VideoContent, {
+		url: value.asset.url,
+		caption: value.caption,
+		style: t1,
+		...props
+	}), $[6] = props, $[7] = t1, $[8] = value.asset.url, $[9] = value.caption, $[10] = t2) : t2 = $[10], t2;
+}
+function PortableList(t0) {
+	let $ = c(12), props, style, t1;
+	$[0] === t0 ? (props = $[1], style = $[2], t1 = $[3]) : ({ordered: t1, style, ...props} = t0, $[0] = t0, $[1] = props, $[2] = style, $[3] = t1);
+	let ordered = t1 !== void 0 && t1, t2;
+	$[4] === style ? t2 = $[5] : (t2 = {
+		display: "flex",
+		flexDirection: "column",
+		gap: 6,
+		margin: 0,
+		paddingLeft: "1.25em",
+		...style
+	}, $[4] = style, $[5] = t2);
+	let listStyle = t2;
+	if (ordered) {
+		let t3;
+		return $[6] !== listStyle || $[7] !== props ? (t3 = /* @__PURE__ */ jsx("ol", {
+			style: listStyle,
+			...props
+		}), $[6] = listStyle, $[7] = props, $[8] = t3) : t3 = $[8], t3;
+	}
+	let t3;
+	return $[9] !== listStyle || $[10] !== props ? (t3 = /* @__PURE__ */ jsx("ul", {
+		style: listStyle,
+		...props
+	}), $[9] = listStyle, $[10] = props, $[11] = t3) : t3 = $[11], t3;
+}
+/**
+* Resolves the space around a list, which tightens once the list is nested inside another.
+*
+* @param level - Nesting depth of the list, counted from one.
+* @returns The vertical space in pixels.
+*/
+function listSpacing(level) {
+	return level > 1 ? contentSpacing.nestedList : contentSpacing.list;
+}
+/**
+* Component rendered for each block style, mark, and embedded type a guide's rich text can hold.
+* The marks and list items left out are deliberate — the library's own defaults already render them
+* as the surrounding text.
+*/
+const components = {
+	block: {
+		h2: ({ children }) => /* @__PURE__ */ jsx(PortableHeading, {
+			style: {
+				marginBlockStart: contentSpacing.heading,
+				marginBlockEnd: 4
+			},
+			children
+		}),
+		normal: ({ children }) => /* @__PURE__ */ jsx(PortableParagraph, {
+			muted: !0,
+			style: { marginBlock: contentSpacing.paragraph },
+			children
+		}),
+		blockquote: ({ children }) => /* @__PURE__ */ jsx(PortableBlockquote, {
+			muted: !0,
+			style: { marginBlock: contentSpacing.blockquote },
+			children
+		})
+	},
+	list: {
+		bullet: ({ children, value }) => /* @__PURE__ */ jsx(PortableParagraph, {
+			muted: !0,
+			style: { marginBlock: listSpacing(value.level) },
+			children: /* @__PURE__ */ jsx(PortableList, { children })
+		}),
+		number: ({ children, value }) => /* @__PURE__ */ jsx(PortableParagraph, {
+			muted: !0,
+			style: { marginBlock: listSpacing(value.level) },
+			children: /* @__PURE__ */ jsx(PortableList, {
+				ordered: !0,
+				children
+			})
+		})
+	},
+	marks: {
+		code: ({ children }) => /* @__PURE__ */ jsx(PortableCode, { children }),
+		link: ({ children, value }) => /* @__PURE__ */ jsx(PortableLink, {
+			href: value?.href,
+			children
+		})
+	}
+};
+/**
+* Adapts a block component to what Portable Text renders an embedded type with, narrowing the props
+* to the block's own value. The rendering props the library also passes would otherwise reach the DOM.
+*
+* @param Component - Component rendering the block.
+* @returns A component Portable Text can render the type with.
+*/
+function blockRenderer(Component) {
+	return function Block({ value }) {
+		return /* @__PURE__ */ jsx(Component, { value });
+	};
+}
+function PortableText$1(t0) {
+	let $ = c(18), props, value;
+	$[0] === t0 ? (props = $[1], value = $[2]) : ({value, ...props} = t0, $[0] = t0, $[1] = props, $[2] = value);
+	let { blocks } = useHandbookContext(), t1;
+	$[3] === Symbol.for("react.memo_cache_sentinel") ? (t1 = blockRenderer(ImageBlock), $[3] = t1) : t1 = $[3];
+	let t2;
+	$[4] === Symbol.for("react.memo_cache_sentinel") ? (t2 = blockRenderer(VideoBlock), $[4] = t2) : t2 = $[4];
+	let t3;
+	$[5] === Symbol.for("react.memo_cache_sentinel") ? (t3 = blockRenderer(CodeBlock), $[5] = t3) : t3 = $[5];
+	let t4;
+	$[6] === Symbol.for("react.memo_cache_sentinel") ? (t4 = blockRenderer(CalloutBlock), $[6] = t4) : t4 = $[6];
+	let t5;
+	$[7] === Symbol.for("react.memo_cache_sentinel") ? (t5 = blockRenderer(HorizontalRuleBlock), $[7] = t5) : t5 = $[7];
+	let types;
+	if ($[8] !== blocks) {
+		types = {
+			[imageTypeName]: t1,
+			[videoTypeName]: t2,
+			[codeTypeName]: t3,
+			[calloutTypeName]: t4,
+			[horizontalRuleTypeName]: t5
+		};
+		for (let block of blocks) types[block.schema.name] = blockRenderer(block.component);
+		$[8] = blocks, $[9] = types;
+	} else types = $[9];
+	let t6;
+	$[10] === types ? t6 = $[11] : (t6 = {
+		...components,
+		types
+	}, $[10] = types, $[11] = t6);
+	let t7;
+	$[12] !== t6 || $[13] !== value ? (t7 = /* @__PURE__ */ jsx(PortableText, {
+		value,
+		components: t6
+	}), $[12] = t6, $[13] = value, $[14] = t7) : t7 = $[14];
+	let t8;
+	return $[15] !== props || $[16] !== t7 ? (t8 = /* @__PURE__ */ jsx("div", {
+		...props,
+		children: t7
+	}), $[15] = props, $[16] = t7, $[17] = t8) : t8 = $[17], t8;
+}
+/**
+* Builds a section for each guide group authored in the dataset.
+*
+* @param handbook - Handbook singleton holding the authored guide groups.
+* @returns One section per group, holding an entry per guide.
+*/
+function guidesSections(handbook) {
+	return handbook.groups.map(({ title, guides }) => ({
+		title,
+		entries: guides.map((guide) => ({
+			id: guide._key,
+			title: guide.title,
+			description: guide.description,
+			icon: createSanityIcon(BookOpenTextIcon),
+			render: () => /* @__PURE__ */ jsx(PortableText$1, { value: guide.content })
+		}))
+	}));
+}
+/**
+* Composes every page the Handbook shows, in sidebar order.
+*
+* @returns Sections from the built-in pages, the configured document roles, and the authored guides.
+*/
+function useSections() {
+	let $ = c(4), { roles, handbook, loading } = useHandbookContext(), t0;
+	return $[0] !== handbook || $[1] !== loading || $[2] !== roles ? (t0 = [
+		...gettingStartedSections(),
+		...documentTypesSections(roles),
+		...loading || !isDefined(handbook) ? [] : guidesSections(handbook)
+	], $[0] = handbook, $[1] = loading, $[2] = roles, $[3] = t0) : t0 = $[3], t0;
+}
+function Content(props) {
+	let $ = c(18), { activeTab } = useHandbookContext(), sections = useSections(), T0, t0, t1, t2, t3, t4;
+	if ($[0] !== activeTab || $[1] !== props || $[2] !== sections) {
+		let t5;
+		$[9] === activeTab ? t5 = $[10] : (t5 = (t6) => {
+			let { id } = t6;
+			return id === activeTab;
+		}, $[9] = activeTab, $[10] = t5);
+		let entry = sections.flatMap(_temp$1).find(t5);
+		T0 = Pane, t0 = "handbook-content", t1 = 2.5, t2 = 320, t3 = props, t4 = isDefined(entry) && /* @__PURE__ */ jsx(ContentPanel, {
+			id: entry.id,
+			title: entry.title,
+			description: entry.description,
+			children: entry.render()
+		}), $[0] = activeTab, $[1] = props, $[2] = sections, $[3] = T0, $[4] = t0, $[5] = t1, $[6] = t2, $[7] = t3, $[8] = t4;
+	} else T0 = $[3], t0 = $[4], t1 = $[5], t2 = $[6], t3 = $[7], t4 = $[8];
+	let t5;
+	return $[11] !== T0 || $[12] !== t0 || $[13] !== t1 || $[14] !== t2 || $[15] !== t3 || $[16] !== t4 ? (t5 = /* @__PURE__ */ jsx(T0, {
+		id: t0,
+		flex: t1,
+		minWidth: t2,
+		...t3,
+		children: t4
+	}), $[11] = T0, $[12] = t0, $[13] = t1, $[14] = t2, $[15] = t3, $[16] = t4, $[17] = t5) : t5 = $[17], t5;
+}
+function _temp$1(section) {
+	return section.entries;
+}
+function SidebarHeading(t0) {
+	let $ = c(9), props, title;
+	$[0] === t0 ? (props = $[1], title = $[2]) : ({title, ...props} = t0, $[0] = t0, $[1] = props, $[2] = title);
+	let t1;
+	$[3] === Symbol.for("react.memo_cache_sentinel") ? (t1 = {
+		cursor: "default",
+		outline: "none"
+	}, $[3] = t1) : t1 = $[3];
+	let t2;
+	$[4] === title ? t2 = $[5] : (t2 = /* @__PURE__ */ jsx(Card, {
+		padding: 2,
+		children: /* @__PURE__ */ jsx(Text, {
+			size: 1,
+			muted: !0,
+			textOverflow: "ellipsis",
+			weight: "semibold",
+			style: t1,
+			children: title
+		})
+	}), $[4] = title, $[5] = t2);
+	let t3;
+	return $[6] !== props || $[7] !== t2 ? (t3 = /* @__PURE__ */ jsx(Box, {
+		paddingY: 2,
+		...props,
+		children: t2
+	}), $[6] = props, $[7] = t2, $[8] = t3) : t3 = $[8], t3;
+}
+function SidebarTab(t0) {
+	let $ = c(25), Icon, id, label, props, style;
+	$[0] === t0 ? (Icon = $[1], id = $[2], label = $[3], props = $[4], style = $[5]) : ({id, label, icon: Icon, style, ...props} = t0, $[0] = t0, $[1] = Icon, $[2] = id, $[3] = label, $[4] = props, $[5] = style);
+	let { activeTab, setActiveTab, setSidebarExpanded } = useHandbookContext(), selected = activeTab === id, t1;
+	$[6] !== id || $[7] !== setActiveTab || $[8] !== setSidebarExpanded ? (t1 = () => {
+		setActiveTab(id), setSidebarExpanded(!1);
+	}, $[6] = id, $[7] = setActiveTab, $[8] = setSidebarExpanded, $[9] = t1) : t1 = $[9];
+	let t2;
+	$[10] === style ? t2 = $[11] : (t2 = {
+		cursor: "pointer",
+		...style
+	}, $[10] = style, $[11] = t2);
+	let t3 = `panel-${id}`, t4;
+	$[12] === Symbol.for("react.memo_cache_sentinel") ? (t4 = { opacity: .5 }, $[12] = t4) : t4 = $[12];
+	let t5;
+	$[13] === Symbol.for("react.memo_cache_sentinel") ? (t5 = /* @__PURE__ */ jsx(Box, {
+		style: t4,
+		children: /* @__PURE__ */ jsx(Text, {
+			muted: !0,
+			size: 1,
+			children: /* @__PURE__ */ jsx(ChevronRightIcon, {})
+		})
+	}), $[13] = t5) : t5 = $[13];
+	let t6;
+	$[14] !== Icon || $[15] !== label ? (t6 = /* @__PURE__ */ jsx(SanityDefaultPreview, {
+		status: t5,
+		icon: Icon,
+		layout: "compact",
+		title: label
+	}), $[14] = Icon, $[15] = label, $[16] = t6) : t6 = $[16];
+	let t7;
+	return $[17] !== id || $[18] !== props || $[19] !== selected || $[20] !== t1 || $[21] !== t2 || $[22] !== t3 || $[23] !== t6 ? (t7 = /* @__PURE__ */ jsx(PreviewCard, {
+		id,
+		as: "button",
+		"data-as": "button",
+		selected,
+		marginBottom: 1,
+		radius: 2,
+		sizing: "border",
+		tabIndex: -1,
+		tone: "inherit",
+		onClick: t1,
+		style: t2,
+		"aria-controls": t3,
+		__unstable_focusRing: !0,
+		...props,
+		children: t6
+	}), $[17] = id, $[18] = props, $[19] = selected, $[20] = t1, $[21] = t2, $[22] = t3, $[23] = t6, $[24] = t7) : t7 = $[24], t7;
+}
+function Sidebar(props) {
+	let $ = c(14), { sidebarTitle } = useHandbookContext(), sections = useSections(), t0;
+	$[0] === sections ? t0 = $[1] : (t0 = sections.flatMap(_temp2), $[0] = sections, $[1] = t0);
+	let items = t0, t1;
+	$[2] === items ? t1 = $[3] : (t1 = function getItemDisabled(virtualIndex) {
+		return items[virtualIndex]?.type === "heading";
+	}, $[2] = items, $[3] = t1);
+	let getItemDisabled = t1, t2;
+	$[4] === sidebarTitle ? t2 = $[5] : (t2 = /* @__PURE__ */ jsx(PaneHeader, { title: sidebarTitle }), $[4] = sidebarTitle, $[5] = t2);
+	let t3;
+	$[6] !== getItemDisabled || $[7] !== items || $[8] !== sidebarTitle ? (t3 = /* @__PURE__ */ jsx(PaneContent, {
+		overflow: "auto",
+		children: /* @__PURE__ */ jsx(CommandList, {
+			activeItemDataAttr: "data-hovered",
+			ariaLabel: sidebarTitle,
+			canReceiveFocus: !0,
+			getItemDisabled,
+			itemHeight: 37,
+			items,
+			onlyShowSelectionWhenActive: !0,
+			paddingBottom: 1,
+			paddingX: 3,
+			renderItem: _temp3,
+			wrapAround: !1
+		})
+	}), $[6] = getItemDisabled, $[7] = items, $[8] = sidebarTitle, $[9] = t3) : t3 = $[9];
+	let t4;
+	return $[10] !== props || $[11] !== t2 || $[12] !== t3 ? (t4 = /* @__PURE__ */ jsxs(Pane, {
+		id: "handbook-sidebar",
+		currentMaxWidth: 350,
+		minWidth: 320,
+		maxWidth: 640,
+		...props,
+		children: [t2, t3]
+	}), $[10] = props, $[11] = t2, $[12] = t3, $[13] = t4) : t4 = $[13], t4;
+}
+function _temp3(item) {
+	return item.type === "heading" ? /* @__PURE__ */ jsx(SidebarHeading, { title: item.title }) : /* @__PURE__ */ jsx(SidebarTab, {
+		id: item.id,
+		label: item.label,
+		icon: item.icon
+	});
+}
+function _temp2(t0) {
+	let { title, entries } = t0;
+	return [{
+		type: "heading",
+		title
+	}, ...entries.map(_temp)];
+}
+function _temp(entry) {
+	return {
+		type: "tab",
+		id: entry.id,
+		label: entry.title,
+		icon: entry.icon
+	};
+}
+function Panes() {
+	let $ = c(10), { activeTab, sidebarExpanded } = useHandbookContext(), paneLayout = useContext(PaneLayoutContext), t0;
+	$[0] === activeTab ? t0 = $[1] : (t0 = isDefined(activeTab), $[0] = activeTab, $[1] = t0);
+	let hasContent = t0;
+	if (paneLayout?.collapsed === !0) {
+		let t1;
+		return $[2] !== hasContent || $[3] !== sidebarExpanded ? (t1 = jsx(sidebarExpanded || !hasContent ? Sidebar : Content, {}), $[2] = hasContent, $[3] = sidebarExpanded, $[4] = t1) : t1 = $[4], t1;
+	}
+	let t1;
+	$[5] === Symbol.for("react.memo_cache_sentinel") ? (t1 = /* @__PURE__ */ jsx(Sidebar, {}), $[5] = t1) : t1 = $[5];
+	let t2;
+	$[6] === hasContent ? t2 = $[7] : (t2 = hasContent && /* @__PURE__ */ jsx(Content, {}), $[6] = hasContent, $[7] = t2);
+	let t3;
+	return $[8] === t2 ? t3 = $[9] : (t3 = /* @__PURE__ */ jsxs(Fragment, { children: [t1, t2] }), $[8] = t2, $[9] = t3), t3;
+}
+function HandbookTool(t0) {
+	let $ = c(10), { tool: t1 } = t0, { options } = t1, { media } = useTheme_v2(), [layoutCollapsed, setLayoutCollapsed] = useState(!1), t2;
+	$[0] === Symbol.for("react.memo_cache_sentinel") ? (t2 = function handleCollapse() {
+		setLayoutCollapsed(!0);
+	}, $[0] = t2) : t2 = $[0];
+	let handleCollapse = t2, t3;
+	$[1] === Symbol.for("react.memo_cache_sentinel") ? (t3 = function handleExpand() {
+		setLayoutCollapsed(!1);
+	}, $[1] = t3) : t3 = $[1];
+	let handleExpand = t3;
+	if (!isDefined(options)) return null;
+	let t4 = layoutCollapsed ? void 0 : "fill", t5, t6;
+	$[2] === Symbol.for("react.memo_cache_sentinel") ? (t5 = {
+		minHeight: "100%",
+		minWidth: "320px"
+	}, t6 = /* @__PURE__ */ jsx(Panes, {}), $[2] = t5, $[3] = t6) : (t5 = $[2], t6 = $[3]);
+	let t7;
+	$[4] !== media[1] || $[5] !== t4 ? (t7 = /* @__PURE__ */ jsx(PaneLayout, {
+		flex: 1,
+		height: t4,
+		minWidth: media[1],
+		onCollapse: handleCollapse,
+		onExpand: handleExpand,
+		style: t5,
+		children: t6
+	}), $[4] = media[1], $[5] = t4, $[6] = t7) : t7 = $[6];
+	let t8;
+	return $[7] !== options || $[8] !== t7 ? (t8 = /* @__PURE__ */ jsx(HandbookProvider, {
+		...options,
+		children: t7
+	}), $[7] = options, $[8] = t7, $[9] = t8) : t8 = $[9], t8;
+}
+/** Editors the plugin was configured with, so the Structure helper need not be handed them a second time. */
+let configuredEditors;
+/**
+* Records the editors a plugin instance was configured with. A Studio running more than one workspace
+* keeps only the list from the workspace configured last, so those cases pass the list explicitly.
+*
+* @param editors - Email addresses permitted to edit Handbook documents.
+*/
+function setConfiguredEditors(editors) {
+	configuredEditors = editors;
+}
+/**
+* Checks whether an email address is permitted to edit, treating an absent list as unrestricted access.
+*
+* @param editors - Email addresses permitted to edit, defaulting to the configured list.
+* @param email - The email address to check.
+* @returns Whether the email is permitted to edit.
+*/
+function isPermittedEditor(editors, email) {
+	let permitted = editors ?? configuredEditors;
+	return isDefined(permitted) ? isDefined(email) ? permitted.includes(email) : !1 : !0;
+}
+/**
+* Creates a Handbook tool for Sanity Studio, generating documentation from document type schemas
+* alongside the Portable Text guides authored in the dataset.
+*
+* @param config - Plugin configuration.
+* @returns Sanity plugin definition.
+* @public
+*/
+const handbookPlugin = definePlugin((config) => {
+	let { title, sidebarTitle, roles, blocks, editors, undocumentedFieldMessage } = config;
+	setConfiguredEditors(editors);
+	let resolved = {
+		sidebarTitle: sidebarTitle ?? "Handbook",
+		roles,
+		blocks: blocks ?? [],
+		undocumentedFieldMessage: undocumentedFieldMessage ?? "This field has not been documented yet. Contact your development team for guidance."
+	}, guideType = createGuideType(resolved.blocks);
+	return {
+		name: "@driftime/sanity-plugin-handbook",
+		schema: { types: [
+			handbookType,
+			guideType,
+			imageType,
+			videoType,
+			codeType,
+			calloutType,
+			horizontalRuleType,
+			...resolved.blocks.map((block) => block.schema)
+		] },
+		document: {
+			newDocumentOptions: (templateItems, { creationContext, currentUser }) => {
+				if (creationContext.type !== "global" && creationContext.type !== "structure") return templateItems;
+				let hiddenTypes = isPermittedEditor(editors, currentUser?.email) ? singletonTypes : documentTypes;
+				return templateItems.filter(({ templateId }) => ![...hiddenTypes].some((type) => templateId === type || templateId.startsWith(`${type}-`)));
+			},
+			actions: (actionComponents, { schemaType }) => singletonTypes.has(schemaType) ? actionComponents.filter(({ action }) => ![
+				"delete",
+				"duplicate",
+				"unpublish"
+			].includes(action ?? "")) : actionComponents
+		},
+		tools: [{
+			name: "handbook",
+			title: title ?? "Handbook",
+			icon: createSanityIcon(BookTextIcon),
+			component: HandbookTool,
+			options: resolved
+		}]
+	};
 });
+/**
+* Creates the Structure tool items for Handbook documents, yielding nothing when the current user is
+* not permitted to edit them.
+*
+* @param structureBuilder - The Sanity Structure builder instance.
+* @param context - The Structure context carrying the current user.
+* @param editors - Email addresses permitted to edit, defaulting to the configured list.
+* @returns The list items for the Handbook singleton and the guides list.
+* @public
+*/
+function handbookStructure(structureBuilder, context, editors) {
+	if (!isPermittedEditor(editors, context.currentUser?.email)) return [];
+	let { listItem, document, documentTypeList } = structureBuilder;
+	return [listItem().title("Handbook").icon(createSanityIcon(BookTextIcon)).child(document().id(handbookTypeName).schemaType(handbookTypeName).title("Handbook")), listItem().title("Handbook Guides").icon(createSanityIcon(BookOpenTextIcon)).child(documentTypeList(guideTypeName).title("Handbook Guides"))];
+}
+/**
+* Checks whether the current user is permitted to edit Handbook content, treating an absent list as
+* unrestricted access.
+*
+* @param editors - Email addresses permitted to edit, defaulting to the configured list.
+* @returns Whether the current user can edit Handbook documents.
+* @public
+*/
 function useIsHandbookEditor(editors) {
-  const user = useCurrentUser();
-  return isPermittedEditor(editors, user?.email);
-}
-const handbookSingletonTypes = /* @__PURE__ */ new Set(["handbook.handbook"]), handbookDocumentTypes = /* @__PURE__ */ new Set(["handbook.handbook", "handbook.guide"]);
-function isHandbookTemplate(templateId, typeSet) {
-  return typeSet.has(templateId) || [...typeSet].some((type) => templateId.startsWith(`${type}-`));
-}
-function validateGroup(index, group) {
-  const prefix = `sanity-handbook: groups[${index}]`;
-  if (!isDefined(group.title)) throw new Error(`${prefix} is missing a required "title" property.`);
-  if (!Array.isArray(group.documents) || group.documents.length === 0)
-    throw new Error(`${prefix} must have a non-empty "documents" array.`);
-  for (const document of group.documents) {
-    if (!isDefined(document.name))
-      throw new Error(`${prefix}.documents contains a document without a "name" property.`);
-    if (!Array.isArray(document.fields))
-      throw new TypeError(`${prefix}.documents.${document.name} is missing a "fields" array.`);
-  }
+	let $ = c(3), t0 = useCurrentUser()?.email, t1;
+	return $[0] !== editors || $[1] !== t0 ? (t1 = isPermittedEditor(editors, t0), $[0] = editors, $[1] = t0, $[2] = t1) : t1 = $[2], t1;
 }
-function validateConfig(config) {
-  if (config.groups)
-    for (const [index, group] of config.groups.entries())
-      validateGroup(index, group);
-}
-function handbookPlugin(config) {
-  config && validateConfig(config);
-  const customBlocks = config?.blocks ?? [], editors = config?.editors;
-  setHandbookEditors(editors);
-  const guideType = createHandbookGuideType(customBlocks);
-  return definePlugin(() => ({
-    name: "@driftime/sanity-plugin-handbook",
-    schema: {
-      types: [
-        handbookType,
-        guideType,
-        handbookImageType,
-        handbookVideoType,
-        handbookCodeType,
-        handbookCalloutType,
-        handbookHorizontalRuleType,
-        ...customBlocks.map((block) => block.schema)
-      ]
-    },
-    document: {
-      newDocumentOptions: (templateItems, { creationContext, currentUser }) => creationContext.type === "global" || creationContext.type === "structure" ? isPermittedEditor(editors, currentUser?.email) ? templateItems.filter((item) => !isHandbookTemplate(item.templateId, handbookSingletonTypes)) : templateItems.filter((item) => !isHandbookTemplate(item.templateId, handbookDocumentTypes)) : templateItems,
-      actions: (actionComponents, { schemaType }) => handbookSingletonTypes.has(schemaType) ? actionComponents.filter(({ action }) => action !== "duplicate") : actionComponents
-    },
-    tools: [
-      {
-        name: "handbook",
-        title: config?.title ?? "Handbook",
-        icon: createSanityIcon(BookTextIcon),
-        component: createHandbookTool({ ...config, blocks: customBlocks })
-      }
-    ]
-  }))();
-}
-export {
-  handbookPlugin,
-  handbookStructure,
-  useIsHandbookEditor
-};
-//# sourceMappingURL=index.js.map
+export { handbookPlugin, handbookStructure, useIsHandbookEditor };
+
+//# sourceMappingURL=index.js.map