@bettercms-ai/kit 0.1.0 → 1.0.0

package/controls/rich-text/catalog.js

@@ -0,0 +1,613 @@
+import { cn } from "../../lib/cn.js";
+import { PopoverContent } from "../../ui/overlay.js";
+import * as React from "react";
+import { IconArrowLeft, IconBlockquote, IconChevronRight, IconComponents, IconFileText, IconH1, IconH2, IconH3, IconH4, IconH5, IconH6, IconInfoCircle, IconLayoutNavbarCollapse, IconList, IconListDetails, IconListNumbers, IconPhoto, IconPilcrow, IconQuote, IconSearch, IconSeparatorHorizontal, IconTable, IconTerminal2, IconVideo } from "@tabler/icons-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/kit/controls/rich-text/catalog.tsx
+/**
+* RICH TEXT · the block catalogue shared by the toolbar Insert menu, the gutter "+" and the "/" slash menu (V2 HEAD
+* controls/rich-text/catalog.tsx, CPO D55).
+*
+*   browse    Text · Media · Data, grouped, then one quiet "More components N" row that opens the components the
+*             field may embed (V2 HEAD catalog.tsx MORE), with its own search and a way back ("All blocks")
+*   search    every block and every embeddable component in one list: recently used first among the strong matches,
+*             then by match (label, aliases, then description)
+*   no match  "No match."
+*
+* Only the blocks the field accepts are offered (`features`, from the host's codec: each block is offered only where
+* the field's stored shape has a place for it). Not in this catalogue, and why:
+*   Footnote, Gallery, Embed, Columns, Checklist, Button, Table of contents, Related posts, Author bio
+*     production's rich text has no stored block for them (a checklist renders as a bulleted list; production's embed
+*     frames the raw link, which providers refuse, so Video is the one media link offered)
+*
+* Components come from the host (KitServices.useInsertableComponents: the project's components, narrowed to the ones
+* the field's config accepts), handed in through CatalogComponentsProvider. Without that service none is offered.
+* Deviation from V2: the library has no inline / page-section placement, so every component sits in one
+* "Components" group (V2: "Article" and "Page sections"), and no live preview flyout is drawn beside a row.
+*/
+var i = (I) => /* @__PURE__ */ jsx(I, { stroke: 1.5 });
+var rows = (list) => list.map(([id, label, description, icon, aliases]) => ({
+	key: id,
+	id,
+	label,
+	description,
+	icon,
+	aliases
+}));
+var TEXT = rows([
+	[
+		"p",
+		"Text",
+		"Plain body text",
+		i(IconPilcrow),
+		["paragraph", "body"]
+	],
+	[
+		"h2",
+		"Heading 2",
+		"Section heading",
+		i(IconH2),
+		["title", "subtitle"]
+	],
+	[
+		"h3",
+		"Heading 3",
+		"Subsection heading",
+		i(IconH3)
+	],
+	[
+		"h4",
+		"Heading 4",
+		"Minor heading",
+		i(IconH4)
+	],
+	[
+		"quote",
+		"Quote",
+		"A quoted passage",
+		i(IconBlockquote),
+		["blockquote"]
+	],
+	[
+		"pullquote",
+		"Pull quote",
+		"A highlighted line with who said it",
+		i(IconQuote),
+		[
+			"pq",
+			"testimonial",
+			"attribution"
+		]
+	],
+	[
+		"ul",
+		"List",
+		"Bulleted list",
+		i(IconList),
+		[
+			"bullets",
+			"bulleted list",
+			"unordered"
+		]
+	],
+	[
+		"ol",
+		"Numbered list",
+		"Ordered steps",
+		i(IconListNumbers),
+		["ordered", "steps"]
+	],
+	[
+		"toggle",
+		"Toggle",
+		"Collapsible title and body",
+		i(IconLayoutNavbarCollapse),
+		[
+			"accordion",
+			"details",
+			"collapse"
+		]
+	],
+	[
+		"callout",
+		"Callout",
+		"A highlighted note with a tone",
+		i(IconInfoCircle),
+		[
+			"note",
+			"tip",
+			"warning",
+			"aside"
+		]
+	],
+	[
+		"takeaways",
+		"Key takeaways",
+		"The story in a few points",
+		i(IconListDetails),
+		[
+			"summary",
+			"tldr",
+			"tl;dr",
+			"highlights"
+		]
+	],
+	[
+		"hr",
+		"Divider",
+		"A line between parts",
+		i(IconSeparatorHorizontal),
+		[
+			"line",
+			"separator",
+			"rule"
+		]
+	],
+	[
+		"code",
+		"Code",
+		"Monospaced snippet",
+		i(IconTerminal2),
+		[
+			"code block",
+			"snippet",
+			"pre"
+		]
+	]
+]);
+var MEDIA = rows([
+	[
+		"image",
+		"Image",
+		"Image with alt text and caption",
+		i(IconPhoto),
+		[
+			"img",
+			"picture",
+			"photo"
+		]
+	],
+	[
+		"video",
+		"Video",
+		"A YouTube, Vimeo or video file link",
+		i(IconVideo),
+		[
+			"mp4",
+			"youtube",
+			"yt",
+			"vimeo",
+			"clip",
+			"movie"
+		]
+	],
+	[
+		"file",
+		"File",
+		"A downloadable PDF or file",
+		i(IconFileText),
+		[
+			"pdf",
+			"download",
+			"attachment"
+		]
+	]
+]);
+var DATA = rows([[
+	"table",
+	"Table",
+	"Rows and columns",
+	i(IconTable),
+	[
+		"grid",
+		"data",
+		"comparison",
+		"spreadsheet"
+	]
+]]);
+/** Found by search, not listed: rare in a body (H1 is the page title). */
+var SEARCH_ONLY = rows([
+	[
+		"h1",
+		"Heading 1",
+		"Largest heading",
+		i(IconH1)
+	],
+	[
+		"h5",
+		"Heading 5",
+		"Smallest heading",
+		i(IconH5)
+	],
+	[
+		"h6",
+		"Heading 6",
+		"Eyebrow heading",
+		i(IconH6)
+	]
+]);
+/** The feature a block needs (Text needs none). */
+var NEEDS = {
+	p: null,
+	h1: "h1",
+	h2: "h2",
+	h3: "h3",
+	h4: "h4",
+	h5: "h5",
+	h6: "h6",
+	quote: "blockquote",
+	ul: "ul",
+	ol: "ol",
+	code: "pre",
+	hr: "hr",
+	image: "image",
+	pullquote: "pullquote",
+	takeaways: "takeaways",
+	callout: "callout",
+	toggle: "toggle",
+	video: "video",
+	file: "file",
+	table: "table"
+};
+var MORE = {
+	key: "more",
+	kind: "folder",
+	label: "More components",
+	description: "Shared across your site",
+	icon: i(IconComponents)
+};
+var BACK = {
+	key: "back",
+	kind: "back",
+	label: "All blocks",
+	description: "",
+	icon: i(IconArrowLeft)
+};
+var componentRow = (c) => ({
+	key: `c:${c.id}`,
+	kind: "component",
+	component: c,
+	label: c.name,
+	description: c.description || "Shared across your site",
+	icon: i(IconComponents)
+});
+var ComponentsContext = React.createContext(null);
+var CatalogComponentsProvider = ComponentsContext.Provider;
+var blockAllowed = (id, allows) => {
+	const need = NEEDS[id];
+	return !need || allows(need);
+};
+var RECENTS_KEY = "kit-rt-insert-recents";
+var recents = (() => {
+	try {
+		const v = JSON.parse(globalThis.localStorage?.getItem(RECENTS_KEY) ?? "[]");
+		return Array.isArray(v) ? v.filter((x) => typeof x === "string") : [];
+	} catch {
+		return [];
+	}
+})();
+var recentSubs = /* @__PURE__ */ new Set();
+/** Remember a pick so search ranks it first next time. */
+function noteRecent(it) {
+	recents = [it.key, ...recents.filter((k) => k !== it.key)].slice(0, 12);
+	try {
+		globalThis.localStorage?.setItem(RECENTS_KEY, JSON.stringify(recents));
+	} catch {}
+	recentSubs.forEach((s) => s());
+}
+function useRecents() {
+	return React.useSyncExternalStore((cb) => {
+		recentSubs.add(cb);
+		return () => recentSubs.delete(cb);
+	}, () => recents, () => recents);
+}
+/** 5 exact (label, id or alias) · 4 label or alias starts with it · 3 a word of the label starts with it · 2 inside the
+*  label · 1 the description. */
+var score = (q, it) => {
+	const l = it.label.toLowerCase();
+	const al = it.aliases ?? [];
+	if (l === q || it.id === q || al.includes(q)) return 5;
+	if (l.startsWith(q) || al.some((a) => a.startsWith(q))) return 4;
+	if (l.split(/[\s-]+/).some((w) => w.startsWith(q))) return 3;
+	if (l.includes(q)) return 2;
+	return it.description.toLowerCase().includes(q) ? 1 : 0;
+};
+/** Ranked by recently used among the strong matches, then by match, then catalogue order. */
+var rank = (q, list, recent) => list.map((it, i) => {
+	const s = score(q, it);
+	const r = recent.indexOf(it.key);
+	return {
+		it,
+		s,
+		strong: s >= 3 ? 1 : 0,
+		r: s >= 3 && r >= 0 ? r : 999,
+		i
+	};
+}).filter((x) => x.s > 0).sort((a, b) => b.strong - a.strong || a.r - b.r || b.s - a.s || a.i - b.i).map((x) => x.it);
+/** `folder`: the More components view (its way back first, then the components, searched by `query`). */
+function useCatalog(query, allows, folder = false, own) {
+	const recent = useRecents();
+	const provided = React.useContext(ComponentsContext);
+	const lib = own === void 0 ? provided : own;
+	return React.useMemo(() => {
+		const q = query.trim().toLowerCase().replace(/^\//, "");
+		const keep = (list) => list.filter((it) => !it.id || blockAllowed(it.id, allows));
+		const comps = (lib?.components ?? []).map(componentRow);
+		let sections;
+		let noMatch = false;
+		let emptyText = "No match.";
+		if (folder) {
+			const found = q ? rank(q, comps, recent) : comps;
+			noMatch = !!q && !!comps.length && !found.length;
+			if (!comps.length) emptyText = lib?.error ?? (lib?.loading ? "Loading components…" : "This field takes no components.");
+			sections = [{
+				title: null,
+				items: [BACK]
+			}, {
+				title: "Components",
+				items: found
+			}];
+		} else if (q) {
+			const found = rank(q, [
+				...keep(TEXT),
+				...keep(MEDIA),
+				...keep(DATA),
+				...keep(SEARCH_ONLY),
+				...comps
+			], recent);
+			noMatch = !found.length;
+			sections = [{
+				title: null,
+				items: found
+			}];
+		} else sections = [
+			{
+				title: "Text",
+				items: keep(TEXT)
+			},
+			{
+				title: "Media",
+				items: keep(MEDIA)
+			},
+			{
+				title: "Data",
+				items: keep(DATA)
+			},
+			{
+				title: null,
+				items: lib && (comps.length || lib.loading || lib.error) ? [{
+					...MORE,
+					...comps.length ? { count: comps.length } : {}
+				}] : []
+			}
+		];
+		sections = sections.filter((s) => s.items.length);
+		const flat = sections.flatMap((s) => s.items);
+		const empty = !flat.some((it) => it.kind !== "back");
+		return {
+			sections,
+			flat,
+			empty,
+			noMatch,
+			emptyText
+		};
+	}, [
+		query,
+		allows,
+		recent,
+		lib,
+		folder
+	]);
+}
+function CatalogList({ sections, flat, active, onHover, onPick, empty, emptyText = "No match.", noMatch, detail, listId, className }) {
+	const box = React.useRef(null);
+	React.useEffect(() => {
+		const b = box.current;
+		const row = b?.querySelector(`[data-idx="${active}"]`);
+		if (!b || !row) return;
+		if (row.offsetTop < b.scrollTop) b.scrollTop = row.offsetTop - 6;
+		else if (row.offsetTop + row.offsetHeight > b.scrollTop + b.clientHeight) b.scrollTop = row.offsetTop + row.offsetHeight - b.clientHeight + 6;
+	}, [active]);
+	return /* @__PURE__ */ jsxs("div", {
+		ref: box,
+		id: listId,
+		role: "listbox",
+		"aria-label": "Blocks",
+		className: cn("relative max-h-[320px] overflow-y-auto p-1.5", className),
+		children: [sections.map((s, si) => /* @__PURE__ */ jsxs("div", {
+			role: "group",
+			"aria-label": s.title ?? void 0,
+			className: cn(!s.title && si > 0 && s.items[0]?.kind === "folder" && "mt-1.5 border-t border-kit-line-subtle pt-1.5"),
+			children: [s.title ? /* @__PURE__ */ jsx("div", {
+				className: "px-2 pb-0.5 pt-2 text-kit-2xs font-medium text-kit-fg-3",
+				children: s.title
+			}) : null, s.items.map((it) => {
+				const idx = flat.indexOf(it);
+				const on = idx === active;
+				const desc = detail && it.kind !== "back" && it.kind !== "folder" ? it.description : "";
+				return /* @__PURE__ */ jsxs("button", {
+					type: "button",
+					role: "option",
+					"aria-selected": on,
+					"aria-description": !desc && it.description ? it.description : void 0,
+					"data-idx": idx,
+					id: `${listId}-${idx}`,
+					onMouseDown: (e) => e.preventDefault(),
+					onMouseMove: () => !on && onHover(idx),
+					onClick: () => onPick(it),
+					className: cn("flex w-full items-center gap-2 rounded-kit-md px-2 text-left transition-colors", desc ? "py-1.5" : "h-8", it.kind === "back" ? "text-kit-fg-2" : "text-kit-fg", on && "bg-kit-hover text-kit-fg"),
+					children: [
+						/* @__PURE__ */ jsx("span", {
+							className: cn("flex shrink-0 items-center justify-center text-kit-fg-2 [&_svg]:size-4", desc ? "size-7 rounded-kit-md border border-kit-line bg-kit-control-bg" : "size-5"),
+							children: it.icon
+						}),
+						/* @__PURE__ */ jsxs("span", {
+							className: "min-w-0 flex-1",
+							children: [/* @__PURE__ */ jsx("span", {
+								className: "block truncate text-kit-sm",
+								children: it.label
+							}), desc ? /* @__PURE__ */ jsx("span", {
+								className: "block truncate text-kit-xs text-kit-fg-3",
+								children: desc
+							}) : null]
+						}),
+						it.count != null ? /* @__PURE__ */ jsx("span", {
+							className: "text-kit-2xs tabular-nums text-kit-fg-3",
+							children: it.count
+						}) : null,
+						it.kind === "folder" ? /* @__PURE__ */ jsx(IconChevronRight, {
+							className: "size-3.5 shrink-0 text-kit-fg-3",
+							stroke: 1.5,
+							"aria-hidden": true
+						}) : null
+					]
+				}, it.key);
+			})]
+		}, s.title ?? `s${si}`)), empty || noMatch ? /* @__PURE__ */ jsx("div", {
+			className: "px-2 py-6 text-center text-kit-sm text-kit-fg-3",
+			children: noMatch ? "No match." : emptyText
+		}) : null]
+	});
+}
+var Footer = () => /* @__PURE__ */ jsx("div", {
+	"data-hint": "shortcuts",
+	className: "flex h-7 shrink-0 items-center border-t border-kit-line px-3 text-kit-2xs text-kit-fg-3",
+	children: /* @__PURE__ */ jsxs("span", { children: [/* @__PURE__ */ jsx("kbd", {
+		className: "font-kit-sans",
+		children: "↵"
+	}), " select · type to search"] })
+});
+/** Shared keyboard model: ↑↓ wrap, Home/End, Enter / Tab, → into More components. Returns true when handled. */
+function catalogKey(e, flat, active, setActive, pick, homeEnd = true) {
+	const n = flat.length;
+	if (!n) return false;
+	if (e.key === "ArrowDown") return setActive((active + 1) % n), true;
+	if (e.key === "ArrowUp") return setActive((active - 1 + n) % n), true;
+	if (homeEnd && e.key === "Home") return setActive(0), true;
+	if (homeEnd && e.key === "End") return setActive(n - 1), true;
+	if (e.key === "ArrowRight" && flat[active]?.kind === "folder") return pick(flat[active]), true;
+	if (e.key === "Enter" || e.key === "Tab") {
+		const it = flat[active];
+		if (it) pick(it);
+		return true;
+	}
+	return false;
+}
+function InsertMenuContent({ onInsert, allows, keepFocusOnClose, align = "start", side = "bottom" }) {
+	const [q, setQ] = React.useState("");
+	const [active, setActive] = React.useState(0);
+	const input = React.useRef(null);
+	const listId = React.useId();
+	const [folder, setFolder] = React.useState(false);
+	const { sections, flat, empty, emptyText, noMatch } = useCatalog(q, allows, folder);
+	React.useEffect(() => setActive(folder && flat.length > 1 ? 1 : 0), [q, folder]);
+	const leave = () => {
+		setFolder(false);
+		setQ("");
+		input.current?.focus();
+	};
+	const pick = (it) => {
+		if (it.kind === "folder") {
+			setFolder(true);
+			setQ("");
+			input.current?.focus();
+		} else if (it.kind === "back") leave();
+		else onInsert(it);
+	};
+	return /* @__PURE__ */ jsxs(PopoverContent, {
+		side,
+		align,
+		className: "flex max-h-[420px] w-[320px] flex-col overflow-hidden p-0",
+		initialFocus: input,
+		finalFocus: keepFocusOnClose ? () => !keepFocusOnClose() : void 0,
+		onKeyDownCapture: (e) => {
+			if (!folder || e.key !== "Escape") return;
+			e.preventDefault();
+			e.stopPropagation();
+			leave();
+		},
+		children: [
+			/* @__PURE__ */ jsxs("div", {
+				className: "flex h-10 shrink-0 items-center gap-2 border-b border-kit-line px-3",
+				children: [/* @__PURE__ */ jsx(IconSearch, {
+					className: "size-4 shrink-0 text-kit-fg-3",
+					stroke: 1.5,
+					"aria-hidden": true
+				}), /* @__PURE__ */ jsx("input", {
+					ref: input,
+					value: q,
+					onChange: (e) => setQ(e.target.value),
+					onKeyDown: (e) => {
+						if (folder && e.key === "Backspace" && !q) {
+							e.preventDefault();
+							e.stopPropagation();
+							leave();
+						} else if (catalogKey(e, flat, active, setActive, pick, !q)) e.preventDefault();
+					},
+					role: "combobox",
+					"aria-expanded": true,
+					"aria-controls": listId,
+					"aria-activedescendant": flat.length ? `${listId}-${active}` : void 0,
+					"aria-label": folder ? "Search components" : "Search or pick a block",
+					placeholder: folder ? "Search components" : "Search or pick a block",
+					className: "h-full min-w-0 flex-1 bg-transparent text-kit-sm text-kit-fg outline-none placeholder:text-kit-fg-3"
+				})]
+			}),
+			/* @__PURE__ */ jsx(CatalogList, {
+				sections,
+				flat,
+				active,
+				onHover: setActive,
+				onPick: pick,
+				empty,
+				emptyText,
+				noMatch,
+				detail: !!q || folder,
+				listId,
+				className: "min-h-0 flex-1"
+			}),
+			/* @__PURE__ */ jsx(Footer, {})
+		]
+	});
+}
+function SlashMenuPanel({ query, folder = false, active, setActive, onPick, allows, maxHeight }) {
+	const listId = React.useId();
+	const { sections, flat, empty, emptyText, noMatch } = useCatalog(query, allows, folder);
+	return /* @__PURE__ */ jsxs("div", {
+		"data-kit-scope": "",
+		className: "flex w-[320px] flex-col overflow-hidden rounded-kit-xl border border-kit-line bg-kit-surface text-kit-fg shadow-[0_1px_2px_rgb(16_16_16/0.04),0_8px_24px_-6px_rgb(16_16_16/0.12)] [.dark_&]:border-kit-line-strong [.dark_&]:bg-[#252528]",
+		style: maxHeight ? { maxHeight } : void 0,
+		onMouseDown: (e) => e.preventDefault(),
+		children: [
+			/* @__PURE__ */ jsxs("div", {
+				className: "flex h-8 shrink-0 items-center gap-2 border-b border-kit-line px-3 text-kit-sm",
+				children: [/* @__PURE__ */ jsx("span", {
+					className: cn("flex-1 truncate", query ? "text-kit-fg" : "text-kit-fg-3"),
+					children: query ? `${folder ? "More components · " : ""}/${query}` : folder ? "More components" : "Type to search"
+				}), /* @__PURE__ */ jsx("kbd", {
+					"data-hint": "shortcuts",
+					className: "font-kit-sans text-kit-2xs text-kit-fg-3",
+					children: "esc"
+				})]
+			}),
+			/* @__PURE__ */ jsx(CatalogList, {
+				sections,
+				flat,
+				active,
+				onHover: setActive,
+				onPick,
+				empty,
+				emptyText,
+				noMatch,
+				detail: !!query || folder,
+				listId,
+				className: "max-h-[300px] min-h-0 flex-1"
+			}),
+			/* @__PURE__ */ jsx(Footer, {})
+		]
+	});
+}
+//#endregion
+export { CatalogComponentsProvider, InsertMenuContent, SlashMenuPanel, blockAllowed, catalogKey, noteRecent, useCatalog };
+
+//# sourceMappingURL=catalog.js.map

package/controls/rich-text/catalog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"catalog.js","names":[],"sources":["../../../src/kit/controls/rich-text/catalog.tsx"],"sourcesContent":["/**\n * RICH TEXT · the block catalogue shared by the toolbar Insert menu, the gutter \"+\" and the \"/\" slash menu (V2 HEAD\n * controls/rich-text/catalog.tsx, CPO D55).\n *\n *   browse    Text · Media · Data, grouped, then one quiet \"More components N\" row that opens the components the\n *             field may embed (V2 HEAD catalog.tsx MORE), with its own search and a way back (\"All blocks\")\n *   search    every block and every embeddable component in one list: recently used first among the strong matches,\n *             then by match (label, aliases, then description)\n *   no match  \"No match.\"\n *\n * Only the blocks the field accepts are offered (`features`, from the host's codec: each block is offered only where\n * the field's stored shape has a place for it). Not in this catalogue, and why:\n *   Footnote, Gallery, Embed, Columns, Checklist, Button, Table of contents, Related posts, Author bio\n *     production's rich text has no stored block for them (a checklist renders as a bulleted list; production's embed\n *     frames the raw link, which providers refuse, so Video is the one media link offered)\n *\n * Components come from the host (KitServices.useInsertableComponents: the project's components, narrowed to the ones\n * the field's config accepts), handed in through CatalogComponentsProvider. Without that service none is offered.\n * Deviation from V2: the library has no inline / page-section placement, so every component sits in one\n * \"Components\" group (V2: \"Article\" and \"Page sections\"), and no live preview flyout is drawn beside a row.\n */\nimport * as React from \"react\";\nimport {\n  IconArrowLeft, IconBlockquote, IconChevronRight, IconComponents, IconFileText, IconH1, IconH2, IconH3, IconH4, IconH5, IconH6, IconInfoCircle, IconLayoutNavbarCollapse, IconList, IconListDetails, IconListNumbers, IconPhoto,\n  IconPilcrow, IconQuote, IconSearch, IconSeparatorHorizontal, IconTable, IconTerminal2, IconVideo,\n} from \"@tabler/icons-react\";\nimport { cn } from \"../../lib/cn\";\nimport { PopoverContent } from \"../../ui/overlay\";\nimport type { RichTextFeature } from \"./codec\";\nimport type { KitInsertableComponent } from \"../component-services\";\n\nexport type BasicId =\n  | \"p\" | \"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\" | \"quote\" | \"pullquote\" | \"callout\" | \"toggle\" | \"takeaways\" | \"ul\" | \"ol\" | \"code\" | \"hr\"\n  | \"image\" | \"video\" | \"file\" | \"table\";\n\nexport interface CatalogItem {\n  key: string;\n  /** a basic block (absent on a component, the More components row and the way back) */\n  id?: BasicId;\n  /** component: embeds `component`; folder: opens More components; back: returns to every block */\n  kind?: \"component\" | \"folder\" | \"back\";\n  component?: KitInsertableComponent;\n  /** the folder row's component count */\n  count?: number;\n  label: string;\n  description: string;\n  icon: React.ReactNode;\n  /** extra words that find it */\n  aliases?: string[];\n}\n\nconst i = (I: React.ComponentType<{ stroke?: number }>) => <I stroke={1.5} />;\ntype Row = [BasicId, string, string, React.ReactNode, string[]?];\nconst rows = (list: Row[]): CatalogItem[] => list.map(([id, label, description, icon, aliases]) => ({ key: id, id, label, description, icon, aliases }));\n\nconst TEXT = rows([\n  [\"p\", \"Text\", \"Plain body text\", i(IconPilcrow), [\"paragraph\", \"body\"]],\n  [\"h2\", \"Heading 2\", \"Section heading\", i(IconH2), [\"title\", \"subtitle\"]],\n  [\"h3\", \"Heading 3\", \"Subsection heading\", i(IconH3)],\n  [\"h4\", \"Heading 4\", \"Minor heading\", i(IconH4)],\n  [\"quote\", \"Quote\", \"A quoted passage\", i(IconBlockquote), [\"blockquote\"]],\n  [\"pullquote\", \"Pull quote\", \"A highlighted line with who said it\", i(IconQuote), [\"pq\", \"testimonial\", \"attribution\"]],\n  [\"ul\", \"List\", \"Bulleted list\", i(IconList), [\"bullets\", \"bulleted list\", \"unordered\"]],\n  [\"ol\", \"Numbered list\", \"Ordered steps\", i(IconListNumbers), [\"ordered\", \"steps\"]],\n  [\"toggle\", \"Toggle\", \"Collapsible title and body\", i(IconLayoutNavbarCollapse), [\"accordion\", \"details\", \"collapse\"]],\n  [\"callout\", \"Callout\", \"A highlighted note with a tone\", i(IconInfoCircle), [\"note\", \"tip\", \"warning\", \"aside\"]],\n  [\"takeaways\", \"Key takeaways\", \"The story in a few points\", i(IconListDetails), [\"summary\", \"tldr\", \"tl;dr\", \"highlights\"]],\n  [\"hr\", \"Divider\", \"A line between parts\", i(IconSeparatorHorizontal), [\"line\", \"separator\", \"rule\"]],\n  [\"code\", \"Code\", \"Monospaced snippet\", i(IconTerminal2), [\"code block\", \"snippet\", \"pre\"]],\n]);\nconst MEDIA = rows([\n  [\"image\", \"Image\", \"Image with alt text and caption\", i(IconPhoto), [\"img\", \"picture\", \"photo\"]],\n  [\"video\", \"Video\", \"A YouTube, Vimeo or video file link\", i(IconVideo), [\"mp4\", \"youtube\", \"yt\", \"vimeo\", \"clip\", \"movie\"]],\n  [\"file\", \"File\", \"A downloadable PDF or file\", i(IconFileText), [\"pdf\", \"download\", \"attachment\"]],\n]);\nconst DATA = rows([[\"table\", \"Table\", \"Rows and columns\", i(IconTable), [\"grid\", \"data\", \"comparison\", \"spreadsheet\"]]]);\n/** Found by search, not listed: rare in a body (H1 is the page title). */\nconst SEARCH_ONLY = rows([\n  [\"h1\", \"Heading 1\", \"Largest heading\", i(IconH1)],\n  [\"h5\", \"Heading 5\", \"Smallest heading\", i(IconH5)],\n  [\"h6\", \"Heading 6\", \"Eyebrow heading\", i(IconH6)],\n]);\n\n/** The feature a block needs (Text needs none). */\nconst NEEDS: Record<BasicId, RichTextFeature | null> = {\n  p: null, h1: \"h1\", h2: \"h2\", h3: \"h3\", h4: \"h4\", h5: \"h5\", h6: \"h6\", quote: \"blockquote\", ul: \"ul\", ol: \"ol\", code: \"pre\", hr: \"hr\", image: \"image\",\n  pullquote: \"pullquote\", takeaways: \"takeaways\", callout: \"callout\", toggle: \"toggle\", video: \"video\", file: \"file\", table: \"table\",\n};\nconst MORE: CatalogItem = { key: \"more\", kind: \"folder\", label: \"More components\", description: \"Shared across your site\", icon: i(IconComponents) };\nconst BACK: CatalogItem = { key: \"back\", kind: \"back\", label: \"All blocks\", description: \"\", icon: i(IconArrowLeft) };\nconst componentRow = (c: KitInsertableComponent): CatalogItem => ({\n  key: `c:${c.id}`,\n  kind: \"component\",\n  component: c,\n  label: c.name,\n  description: c.description || \"Shared across your site\",\n  icon: i(IconComponents),\n});\n\n/** The components this field may embed, as the host answered (KitServices.useInsertableComponents). */\nexport interface CatalogComponents {\n  components: KitInsertableComponent[];\n  loading?: boolean;\n  error?: string;\n}\nconst ComponentsContext = React.createContext<CatalogComponents | null>(null);\nexport const CatalogComponentsProvider = ComponentsContext.Provider;\n\nexport const blockAllowed = (id: BasicId, allows: (f: RichTextFeature) => boolean) => {\n  const need = NEEDS[id];\n  return !need || allows(need);\n};\n\n/* ── Recently used (per person, CPO D55): this browser's storage; a browser that keeps none just has no recents ── */\nconst RECENTS_KEY = \"kit-rt-insert-recents\";\nlet recents: string[] = (() => {\n  try {\n    const v = JSON.parse(globalThis.localStorage?.getItem(RECENTS_KEY) ?? \"[]\") as unknown;\n    return Array.isArray(v) ? v.filter((x): x is string => typeof x === \"string\") : [];\n  } catch {\n    return [];\n  }\n})();\nconst recentSubs = new Set<() => void>();\n/** Remember a pick so search ranks it first next time. */\nexport function noteRecent(it: CatalogItem) {\n  recents = [it.key, ...recents.filter((k) => k !== it.key)].slice(0, 12);\n  try {\n    globalThis.localStorage?.setItem(RECENTS_KEY, JSON.stringify(recents));\n  } catch {\n    /* storage is off: recents last for this session */\n  }\n  recentSubs.forEach((s) => s());\n}\nfunction useRecents() {\n  return React.useSyncExternalStore(\n    (cb) => {\n      recentSubs.add(cb);\n      return () => recentSubs.delete(cb);\n    },\n    () => recents,\n    () => recents,\n  );\n}\n\nexport interface CatalogSection {\n  title: string | null;\n  items: CatalogItem[];\n}\n\n/** 5 exact (label, id or alias) · 4 label or alias starts with it · 3 a word of the label starts with it · 2 inside the\n *  label · 1 the description. */\nconst score = (q: string, it: CatalogItem) => {\n  const l = it.label.toLowerCase();\n  const al = it.aliases ?? [];\n  if (l === q || it.id === q || al.includes(q)) return 5;\n  if (l.startsWith(q) || al.some((a) => a.startsWith(q))) return 4;\n  if (l.split(/[\\s-]+/).some((w) => w.startsWith(q))) return 3;\n  if (l.includes(q)) return 2;\n  return it.description.toLowerCase().includes(q) ? 1 : 0;\n};\n/** Ranked by recently used among the strong matches, then by match, then catalogue order. */\nconst rank = (q: string, list: CatalogItem[], recent: string[]) =>\n  list\n    .map((it, i) => {\n      const s = score(q, it);\n      const r = recent.indexOf(it.key);\n      return { it, s, strong: s >= 3 ? 1 : 0, r: s >= 3 && r >= 0 ? r : 999, i };\n    })\n    .filter((x) => x.s > 0)\n    .sort((a, b) => b.strong - a.strong || a.r - b.r || b.s - a.s || a.i - b.i)\n    .map((x) => x.it);\n\n/** `folder`: the More components view (its way back first, then the components, searched by `query`). */\nexport function useCatalog(query: string, allows: (f: RichTextFeature) => boolean, folder = false, own?: CatalogComponents | null) {\n  const recent = useRecents();\n  const provided = React.useContext(ComponentsContext);\n  // the editor reads its own list (it renders the provider, so cannot read it)\n  const lib = own === undefined ? provided : own;\n  return React.useMemo(() => {\n    const q = query.trim().toLowerCase().replace(/^\\//, \"\");\n    const keep = (list: CatalogItem[]) => list.filter((it) => !it.id || blockAllowed(it.id, allows));\n    const comps = (lib?.components ?? []).map(componentRow);\n    let sections: CatalogSection[];\n    let noMatch = false;\n    let emptyText = \"No match.\";\n    if (folder) {\n      const found = q ? rank(q, comps, recent) : comps;\n      noMatch = !!q && !!comps.length && !found.length;\n      if (!comps.length) emptyText = lib?.error ?? (lib?.loading ? \"Loading components…\" : \"This field takes no components.\");\n      sections = [{ title: null, items: [BACK] }, { title: \"Components\", items: found }];\n    } else if (q) {\n      const found = rank(q, [...keep(TEXT), ...keep(MEDIA), ...keep(DATA), ...keep(SEARCH_ONLY), ...comps], recent);\n      noMatch = !found.length;\n      sections = [{ title: null, items: found }];\n    } else\n      sections = [\n        { title: \"Text\", items: keep(TEXT) },\n        { title: \"Media\", items: keep(MEDIA) },\n        { title: \"Data\", items: keep(DATA) },\n        // offered while the list loads or failed too: opening it says which\n        { title: null, items: lib && (comps.length || lib.loading || lib.error) ? [{ ...MORE, ...(comps.length ? { count: comps.length } : {}) }] : [] },\n      ];\n    sections = sections.filter((s) => s.items.length);\n    const flat = sections.flatMap((s) => s.items);\n    const empty = !flat.some((it) => it.kind !== \"back\");\n    return { sections, flat, empty, noMatch, emptyText };\n  }, [query, allows, recent, lib, folder]);\n}\n\n/* ── The list ───────────────────────────────────────────────────────────\n * Browsing: compact one-line rows (icon · name), grouped. Search results add the one-line description. */\nexport function CatalogList({\n  sections,\n  flat,\n  active,\n  onHover,\n  onPick,\n  empty,\n  emptyText = \"No match.\",\n  noMatch,\n  detail,\n  listId,\n  className,\n}: {\n  sections: CatalogSection[];\n  flat: CatalogItem[];\n  active: number;\n  onHover: (i: number) => void;\n  onPick: (it: CatalogItem) => void;\n  empty: boolean;\n  /** what an empty list says (\"No match.\", or why More components has none) */\n  emptyText?: string;\n  noMatch?: boolean;\n  /** show each row's description (search results, More components) */\n  detail?: boolean;\n  listId: string;\n  className?: string;\n}) {\n  const box = React.useRef<HTMLDivElement>(null);\n  React.useEffect(() => {\n    // scroll only the list (scrollIntoView would also scroll the page behind a floating menu)\n    const b = box.current;\n    const row = b?.querySelector<HTMLElement>(`[data-idx=\"${active}\"]`);\n    if (!b || !row) return;\n    if (row.offsetTop < b.scrollTop) b.scrollTop = row.offsetTop - 6;\n    else if (row.offsetTop + row.offsetHeight > b.scrollTop + b.clientHeight) b.scrollTop = row.offsetTop + row.offsetHeight - b.clientHeight + 6;\n  }, [active]);\n  return (\n    <div ref={box} id={listId} role=\"listbox\" aria-label=\"Blocks\" className={cn(\"relative max-h-[320px] overflow-y-auto p-1.5\", className)}>\n      {sections.map((s, si) => (\n        <div\n          key={s.title ?? `s${si}`}\n          role=\"group\"\n          aria-label={s.title ?? undefined}\n          className={cn(!s.title && si > 0 && s.items[0]?.kind === \"folder\" && \"mt-1.5 border-t border-kit-line-subtle pt-1.5\")}\n        >\n          {s.title ? <div className=\"px-2 pb-0.5 pt-2 text-kit-2xs font-medium text-kit-fg-3\">{s.title}</div> : null}\n          {s.items.map((it) => {\n            const idx = flat.indexOf(it);\n            const on = idx === active;\n            const desc = detail && it.kind !== \"back\" && it.kind !== \"folder\" ? it.description : \"\";\n            return (\n              <button\n                key={it.key}\n                type=\"button\"\n                role=\"option\"\n                aria-selected={on}\n                aria-description={!desc && it.description ? it.description : undefined}\n                data-idx={idx}\n                id={`${listId}-${idx}`}\n                onMouseDown={(e) => e.preventDefault()}\n                onMouseMove={() => !on && onHover(idx)}\n                onClick={() => onPick(it)}\n                className={cn(\n                  \"flex w-full items-center gap-2 rounded-kit-md px-2 text-left transition-colors\",\n                  desc ? \"py-1.5\" : \"h-8\",\n                  it.kind === \"back\" ? \"text-kit-fg-2\" : \"text-kit-fg\",\n                  on && \"bg-kit-hover text-kit-fg\",\n                )}\n              >\n                <span className={cn(\"flex shrink-0 items-center justify-center text-kit-fg-2 [&_svg]:size-4\", desc ? \"size-7 rounded-kit-md border border-kit-line bg-kit-control-bg\" : \"size-5\")}>\n                  {it.icon}\n                </span>\n                <span className=\"min-w-0 flex-1\">\n                  <span className=\"block truncate text-kit-sm\">{it.label}</span>\n                  {desc ? <span className=\"block truncate text-kit-xs text-kit-fg-3\">{desc}</span> : null}\n                </span>\n                {it.count != null ? <span className=\"text-kit-2xs tabular-nums text-kit-fg-3\">{it.count}</span> : null}\n                {it.kind === \"folder\" ? <IconChevronRight className=\"size-3.5 shrink-0 text-kit-fg-3\" stroke={1.5} aria-hidden /> : null}\n              </button>\n            );\n          })}\n        </div>\n      ))}\n      {empty || noMatch ? <div className=\"px-2 py-6 text-center text-kit-sm text-kit-fg-3\">{noMatch ? \"No match.\" : emptyText}</div> : null}\n    </div>\n  );\n}\n\nconst Footer = () => (\n  <div data-hint=\"shortcuts\" className=\"flex h-7 shrink-0 items-center border-t border-kit-line px-3 text-kit-2xs text-kit-fg-3\">\n    <span>\n      <kbd className=\"font-kit-sans\">↵</kbd> select · type to search\n    </span>\n  </div>\n);\n\n/** Shared keyboard model: ↑↓ wrap, Home/End, Enter / Tab, → into More components. Returns true when handled. */\nexport function catalogKey(\n  e: React.KeyboardEvent | KeyboardEvent,\n  flat: CatalogItem[],\n  active: number,\n  setActive: (i: number) => void,\n  pick: (it: CatalogItem) => void,\n  homeEnd = true,\n) {\n  const n = flat.length;\n  if (!n) return false;\n  if (e.key === \"ArrowDown\") return setActive((active + 1) % n), true;\n  if (e.key === \"ArrowUp\") return setActive((active - 1 + n) % n), true;\n  if (homeEnd && e.key === \"Home\") return setActive(0), true;\n  if (homeEnd && e.key === \"End\") return setActive(n - 1), true;\n  if (e.key === \"ArrowRight\" && flat[active]?.kind === \"folder\") return pick(flat[active]), true;\n  if (e.key === \"Enter\" || e.key === \"Tab\") {\n    const it = flat[active];\n    if (it) pick(it);\n    return true;\n  }\n  return false;\n}\n\n/* ── Insert menu (popover content for the toolbar \"Insert\" and the gutter \"+\") ─ */\nexport function InsertMenuContent({\n  onInsert,\n  allows,\n  keepFocusOnClose,\n  align = \"start\",\n  side = \"bottom\",\n}: {\n  onInsert: (it: CatalogItem) => void;\n  allows: (f: RichTextFeature) => boolean;\n  /** after an insert the caret stays in the editor: the menu gives no focus back to its trigger */\n  keepFocusOnClose?: () => boolean;\n  align?: \"start\" | \"center\" | \"end\";\n  side?: \"top\" | \"bottom\" | \"left\" | \"right\";\n}) {\n  const [q, setQ] = React.useState(\"\");\n  const [active, setActive] = React.useState(0);\n  const input = React.useRef<HTMLInputElement>(null);\n  const listId = React.useId();\n  const [folder, setFolder] = React.useState(false);\n  const { sections, flat, empty, emptyText, noMatch } = useCatalog(q, allows, folder);\n  // in More components the first row is the way back: the first component starts active\n  React.useEffect(() => setActive(folder && flat.length > 1 ? 1 : 0), [q, folder]); // eslint-disable-line react-hooks/exhaustive-deps\n  const leave = () => {\n    setFolder(false);\n    setQ(\"\");\n    input.current?.focus();\n  };\n  const pick = (it: CatalogItem) => {\n    if (it.kind === \"folder\") {\n      setFolder(true);\n      setQ(\"\");\n      input.current?.focus();\n    } else if (it.kind === \"back\") leave();\n    else onInsert(it);\n  };\n  return (\n    <PopoverContent\n      side={side}\n      align={align}\n      className=\"flex max-h-[420px] w-[320px] flex-col overflow-hidden p-0\"\n      initialFocus={input}\n      finalFocus={keepFocusOnClose ? () => !keepFocusOnClose() : undefined}\n      // Esc in More components steps back to every block, wherever focus sits in the menu (the list scrolls, so the\n      // browser can focus it): caught before the popover's own Esc, which would close it\n      onKeyDownCapture={(e) => {\n        if (!folder || e.key !== \"Escape\") return;\n        e.preventDefault();\n        e.stopPropagation();\n        leave();\n      }}\n    >\n      <div className=\"flex h-10 shrink-0 items-center gap-2 border-b border-kit-line px-3\">\n        <IconSearch className=\"size-4 shrink-0 text-kit-fg-3\" stroke={1.5} aria-hidden />\n        <input\n          ref={input}\n          value={q}\n          onChange={(e) => setQ(e.target.value)}\n          onKeyDown={(e) => {\n            if (folder && e.key === \"Backspace\" && !q) {\n              // ⌫ in an empty search steps back to every block (Esc: the popup's capture above)\n              e.preventDefault();\n              e.stopPropagation();\n              leave();\n            } else if (catalogKey(e, flat, active, setActive, pick, !q)) e.preventDefault();\n          }}\n          role=\"combobox\"\n          aria-expanded\n          aria-controls={listId}\n          aria-activedescendant={flat.length ? `${listId}-${active}` : undefined}\n          aria-label={folder ? \"Search components\" : \"Search or pick a block\"}\n          placeholder={folder ? \"Search components\" : \"Search or pick a block\"}\n          className=\"h-full min-w-0 flex-1 bg-transparent text-kit-sm text-kit-fg outline-none placeholder:text-kit-fg-3\"\n        />\n      </div>\n      <CatalogList\n        sections={sections}\n        flat={flat}\n        active={active}\n        onHover={setActive}\n        onPick={pick}\n        empty={empty}\n        emptyText={emptyText}\n        noMatch={noMatch}\n        detail={!!q || folder}\n        listId={listId}\n        className=\"min-h-0 flex-1\"\n      />\n      <Footer />\n    </PopoverContent>\n  );\n}\n\n/* ── Slash menu panel (positioned by the editor; never takes focus) ── */\nexport function SlashMenuPanel({\n  query,\n  folder = false,\n  active,\n  setActive,\n  onPick,\n  allows,\n  maxHeight,\n}: {\n  /** the room the editor found for the menu (collision-aware); the list scrolls inside it */\n  maxHeight?: number;\n  query: string;\n  /** the More components view (the editor keeps it with the rest of the slash state) */\n  folder?: boolean;\n  active: number;\n  setActive: (i: number) => void;\n  onPick: (it: CatalogItem) => void;\n  allows: (f: RichTextFeature) => boolean;\n}) {\n  const listId = React.useId();\n  const { sections, flat, empty, emptyText, noMatch } = useCatalog(query, allows, folder);\n  return (\n    <div\n      data-kit-scope=\"\"\n      className=\"flex w-[320px] flex-col overflow-hidden rounded-kit-xl border border-kit-line bg-kit-surface text-kit-fg shadow-[0_1px_2px_rgb(16_16_16/0.04),0_8px_24px_-6px_rgb(16_16_16/0.12)] [.dark_&]:border-kit-line-strong [.dark_&]:bg-[#252528]\"\n      style={maxHeight ? { maxHeight } : undefined}\n      onMouseDown={(e) => e.preventDefault()}\n    >\n      <div className=\"flex h-8 shrink-0 items-center gap-2 border-b border-kit-line px-3 text-kit-sm\">\n        <span className={cn(\"flex-1 truncate\", query ? \"text-kit-fg\" : \"text-kit-fg-3\")}>{query ? `${folder ? \"More components · \" : \"\"}/${query}` : folder ? \"More components\" : \"Type to search\"}</span>\n        <kbd data-hint=\"shortcuts\" className=\"font-kit-sans text-kit-2xs text-kit-fg-3\">\n          esc\n        </kbd>\n      </div>\n      <CatalogList\n        sections={sections}\n        flat={flat}\n        active={active}\n        onHover={setActive}\n        onPick={onPick}\n        empty={empty}\n        emptyText={emptyText}\n        noMatch={noMatch}\n        detail={!!query || folder}\n        listId={listId}\n        className=\"max-h-[300px] min-h-0 flex-1\"\n      />\n      <Footer />\n    </div>\n  );\n}\n"],"mappings":"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"}