docblocks-react-ui 0.0.0-stage → 0.1.1

package/dist/index.mjs

@@ -0,0 +1,641 @@
+import { $ as DropdownMenuContent, A as DEFAULT_EMBED_SANDBOX, B as Select, Bt as badgeVariants, Ct as CardAction, Dt as CardHeader, Et as CardFooter, F as newMutationContext, Ft as BookOpen, G as SelectScrollDownButton, Gt as PROTOCOL_VERSION, H as SelectGroup, Ht as AlertDescription, I as FilterBuilder, It as Button, J as SelectTrigger, Jt as BRIDGE_ERROR_CODES, K as SelectScrollUpButton, Kt as isDatabaseBridge, L as emptyFilter, Lt as buttonVariants, N as useDatabaseTable, Nt as Eye, O as EditorProvider, Ot as CardTitle, P as cellValueEqual, Q as DropdownMenuCheckboxItem, Qt as toBridgeError, R as filterIsComplete, Rt as BareSelect, St as Card, Tt as CardDescription, U as SelectItem, Ut as AlertTitle, V as SelectContent, Vt as Alert, W as SelectLabel, Wt as BASELINE_CAPABILITIES, X as Label, Xt as isBridgeError, Y as SelectValue, Yt as BridgeError, Z as DropdownMenu, Zt as isBridgeErrorCode, _t as PopoverHeader, an as Input, at as DropdownMenuRadioItem, bn as blobSubtypeOf, cn as useMeta, ct as DropdownMenuSub, dn as useSelectionView, dt as DropdownMenuTrigger, en as conditionMatches, et as DropdownMenuGroup, fn as useText, ft as Separator, g as markToggleAction, gn as renderRuns, gt as PopoverDescription, ht as PopoverContent, in as ScrollArea, it as DropdownMenuRadioGroup, jt as Pen, k as useEditorContext, l as SHAPE_FONT_OPTIONS, ln as usePresence, lt as DropdownMenuSubContent, mt as PopoverAnchor, nn as TEXT_TYPES, nt as DropdownMenuLabel, on as useBlock, ot as DropdownMenuSeparator, p as FORMAT_PALETTE, pt as Popover, q as SelectSeparator, qt as validateProtocolDescriptor, rn as columnAnnotation, rt as DropdownMenuPortal, sn as useDoc, st as DropdownMenuShortcut, t as Editor, tn as parseCellValue, tt as DropdownMenuItem, u as SHAPE_FONT_STACKS, un as useSelection, ut as DropdownMenuSubTrigger, vt as PopoverTitle, wt as CardContent, xn as createMemoryBlobStore, xt as Checkbox, yt as PopoverTrigger, z as SegmentSelector, zt as Badge } from "./Editor-CiJY5R4v.mjs";
+import { c as cn, o as preventDefault } from "./constants-D4FTL0ph.mjs";
+import { t as Skeleton } from "./Skeleton-D922Ths5.mjs";
+import { useEffect, useRef, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+import * as TabsPrimitive from "@radix-ui/react-tabs";
+import * as TooltipPrimitive from "@radix-ui/react-tooltip";
+//#region src/shared/ui/icons/Network.tsx
+/** The canvas mode's icon (the central node and its peers). */
+function Network(props) {
+	return /* @__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: [
+			/* @__PURE__ */ jsx("rect", {
+				x: "16",
+				y: "16",
+				width: "6",
+				height: "6",
+				rx: "1"
+			}),
+			/* @__PURE__ */ jsx("rect", {
+				x: "2",
+				y: "16",
+				width: "6",
+				height: "6",
+				rx: "1"
+			}),
+			/* @__PURE__ */ jsx("rect", {
+				x: "9",
+				y: "2",
+				width: "6",
+				height: "6",
+				rx: "1"
+			}),
+			/* @__PURE__ */ jsx("path", { d: "M5 16v-3a1 1 0 0 1 1-1h12a1 1 0 0 1 1 1v3" }),
+			/* @__PURE__ */ jsx("path", { d: "M12 12V8" })
+		]
+	});
+}
+//#endregion
+//#region src/shared/ui/icons/SquareText.tsx
+/** The page mode's icon (a rounded page with text lines). */
+function SquareText(props) {
+	return /* @__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: [
+			/* @__PURE__ */ jsx("rect", {
+				width: "18",
+				height: "18",
+				x: "3",
+				y: "3",
+				rx: "2",
+				ry: "2"
+			}),
+			/* @__PURE__ */ jsx("path", { d: "M8 8h8" }),
+			/* @__PURE__ */ jsx("path", { d: "M8 12h8" }),
+			/* @__PURE__ */ jsx("path", { d: "M8 16h5" })
+		]
+	});
+}
+//#endregion
+//#region src/shared/ui/emoji-catalog.ts
+const AVATAR_EMOJI = [
+	{
+		emoji: "🦊",
+		label: "Fox"
+	},
+	{
+		emoji: "🐱",
+		label: "Cat"
+	},
+	{
+		emoji: "🐶",
+		label: "Dog"
+	},
+	{
+		emoji: "🐼",
+		label: "Panda"
+	},
+	{
+		emoji: "🦄",
+		label: "Unicorn"
+	},
+	{
+		emoji: "🐸",
+		label: "Frog"
+	},
+	{
+		emoji: "🦉",
+		label: "Owl"
+	},
+	{
+		emoji: "🐢",
+		label: "Turtle"
+	},
+	{
+		emoji: "🐝",
+		label: "Bee"
+	},
+	{
+		emoji: "🦋",
+		label: "Butterfly"
+	},
+	{
+		emoji: "🌞",
+		label: "Sun"
+	},
+	{
+		emoji: "🌙",
+		label: "Moon"
+	},
+	{
+		emoji: "⭐",
+		label: "Star"
+	},
+	{
+		emoji: "✨",
+		label: "Sparkles"
+	},
+	{
+		emoji: "🌈",
+		label: "Rainbow"
+	},
+	{
+		emoji: "🔥",
+		label: "Fire"
+	},
+	{
+		emoji: "💎",
+		label: "Gem"
+	},
+	{
+		emoji: "⚡",
+		label: "Bolt"
+	},
+	{
+		emoji: "❤️",
+		label: "Red heart"
+	},
+	{
+		emoji: "💙",
+		label: "Blue heart"
+	},
+	{
+		emoji: "💚",
+		label: "Green heart"
+	},
+	{
+		emoji: "💛",
+		label: "Yellow heart"
+	},
+	{
+		emoji: "✏️",
+		label: "Pencil"
+	},
+	{
+		emoji: "📚",
+		label: "Books"
+	},
+	{
+		emoji: "🎯",
+		label: "Target"
+	},
+	{
+		emoji: "🚀",
+		label: "Rocket"
+	},
+	{
+		emoji: "🎨",
+		label: "Palette"
+	},
+	{
+		emoji: "☕",
+		label: "Coffee"
+	},
+	{
+		emoji: "🍀",
+		label: "Clover"
+	},
+	{
+		emoji: "🏆",
+		label: "Trophy"
+	}
+];
+//#endregion
+//#region src/shared/ui/EmojiPicker.tsx
+/**
+* The avatar emoji picker (the document avatar's popover content): a grid of
+* the curated catalog's emoji over a clear option. Presentational — the pick
+* and the clear report to the caller (the commit is one command: one undo
+* step, one wire update). It stands the standard theme tokens (the popover
+* content is portaled outside the editor root, where the `--docblocks-*`
+* tokens are not mapped).
+*/
+function EmojiPicker({ selected, onPick, onClear }) {
+	const pickEmoji = (emoji) => () => onPick(emoji);
+	return /* @__PURE__ */ jsxs("div", {
+		"data-slot": "docblocks/emoji-picker",
+		className: "flex w-52 flex-col gap-2",
+		children: [/* @__PURE__ */ jsx("div", {
+			role: "group",
+			"aria-label": "Avatar emoji",
+			className: "grid grid-cols-6 gap-1",
+			children: AVATAR_EMOJI.map(({ emoji, label }) => {
+				const isSelected = selected === emoji;
+				return /* @__PURE__ */ jsx(Button, {
+					type: "button",
+					variant: "ghost",
+					size: "icon",
+					"data-slot": "docblocks/emoji-picker-option",
+					"data-emoji": emoji,
+					"aria-label": label,
+					"aria-pressed": isSelected,
+					title: label,
+					className: cn(`
+                  size-8 text-base text-foreground transition-colors
+                  hover:text-foreground
+                  focus-visible:ring-0 focus-visible:outline-1 focus-visible:outline-ring
+                `, isSelected && "bg-accent"),
+					onClick: pickEmoji(emoji),
+					children: emoji
+				}, label);
+			})
+		}), /* @__PURE__ */ jsx(Button, {
+			type: "button",
+			variant: "ghost",
+			"data-slot": "docblocks/emoji-picker-clear",
+			className: "\n          -mx-1 h-auto px-2 py-1 text-left text-xs font-normal text-muted-foreground transition-colors\n          focus-visible:ring-0 focus-visible:outline-1 focus-visible:outline-ring\n        ",
+			onClick: onClear,
+			children: "Remove avatar"
+		})]
+	});
+}
+//#endregion
+//#region src/shared/ui/Tabs.tsx
+/**
+* The tabs primitive (Radix): a root with a list of triggers and the
+* optional content panels. The root is controlled through `value` /
+* `onValueChange` (or uncontrolled through `defaultValue`); the list
+* carries the `default` (a muted pill) or the `line` variant (an
+* underline under the active tab). The trigger's active state is the
+* Radix `data-state="active"` attribute, styled through the
+* `data-[state=active]:` classes.
+*/
+function Tabs({ className, orientation = "horizontal", ...props }) {
+	return /* @__PURE__ */ jsx(TabsPrimitive.Root, {
+		"data-slot": "tabs",
+		"data-orientation": orientation,
+		className: cn("group/tabs flex gap-2 data-horizontal:flex-col", className),
+		...props
+	});
+}
+const tabsListVariants = cva(`
+    group/tabs-list inline-flex w-fit items-center justify-center rounded-lg p-0.75 text-muted-foreground
+    group-data-horizontal/tabs:h-8
+    group-data-vertical/tabs:h-fit group-data-vertical/tabs:flex-col
+    data-[variant=line]:rounded-none
+  `, {
+	variants: { variant: {
+		default: "bg-muted",
+		line: "gap-1 bg-transparent"
+	} },
+	defaultVariants: { variant: "default" }
+});
+function TabsList({ className, variant = "default", ...props }) {
+	return /* @__PURE__ */ jsx(TabsPrimitive.List, {
+		"data-slot": "tabs-list",
+		"data-variant": variant,
+		className: cn(tabsListVariants({ variant }), className),
+		...props
+	});
+}
+function TabsTrigger({ className, ...props }) {
+	return /* @__PURE__ */ jsx(TabsPrimitive.Trigger, {
+		"data-slot": "tabs-trigger",
+		className: cn(`
+          relative inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center gap-1.5 rounded-md border
+          border-transparent px-1.5 py-0.5 text-sm font-medium whitespace-nowrap text-foreground/60 transition-all
+          group-data-vertical/tabs:w-full group-data-vertical/tabs:justify-start
+          hover:text-foreground
+          focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 focus-visible:outline-1
+          focus-visible:outline-ring
+          disabled:pointer-events-none disabled:opacity-50
+          has-data-[icon=inline-end]:pr-1
+          has-data-[icon=inline-start]:pl-1
+          group-data-[variant=default]/tabs-list:data-[state=active]:shadow-sm
+          group-data-[variant=line]/tabs-list:data-[state=active]:shadow-none
+          dark:text-muted-foreground
+          dark:hover:text-foreground
+          [&_svg]:pointer-events-none [&_svg]:shrink-0
+          [&_svg:not([class*='size-'])]:size-4
+        `, `
+          group-data-[variant=line]/tabs-list:bg-transparent
+          group-data-[variant=line]/tabs-list:data-[state=active]:bg-transparent
+          dark:group-data-[variant=line]/tabs-list:data-[state=active]:border-transparent
+          dark:group-data-[variant=line]/tabs-list:data-[state=active]:bg-transparent
+        `, `
+          data-[state=active]:bg-background data-[state=active]:text-foreground
+          dark:data-[state=active]:border-input dark:data-[state=active]:bg-input/30
+          dark:data-[state=active]:text-foreground
+        `, `
+          after:absolute after:bg-foreground after:opacity-0 after:transition-opacity
+          group-data-horizontal/tabs:after:inset-x-0 group-data-horizontal/tabs:after:-bottom-1.25
+          group-data-horizontal/tabs:after:h-0.5
+          group-data-vertical/tabs:after:inset-y-0 group-data-vertical/tabs:after:-right-1
+          group-data-vertical/tabs:after:w-0.5
+          group-data-[variant=line]/tabs-list:data-[state=active]:after:opacity-100
+        `, className),
+		...props
+	});
+}
+function TabsContent({ className, ...props }) {
+	return /* @__PURE__ */ jsx(TabsPrimitive.Content, {
+		"data-slot": "tabs-content",
+		className: cn("flex-1 text-sm outline-none", className),
+		...props
+	});
+}
+//#endregion
+//#region src/shared/ui/Tooltip.tsx
+function TooltipProvider({ delayDuration = 0, ...props }) {
+	return /* @__PURE__ */ jsx(TooltipPrimitive.Provider, {
+		"data-slot": "tooltip-provider",
+		delayDuration,
+		...props
+	});
+}
+function Tooltip({ ...props }) {
+	return /* @__PURE__ */ jsx(TooltipProvider, { children: /* @__PURE__ */ jsx(TooltipPrimitive.Root, {
+		"data-slot": "tooltip",
+		...props
+	}) });
+}
+function TooltipTrigger({ ...props }) {
+	return /* @__PURE__ */ jsx(TooltipPrimitive.Trigger, {
+		"data-slot": "tooltip-trigger",
+		...props
+	});
+}
+function TooltipContent({ className, sideOffset = 0, children, ...props }) {
+	return /* @__PURE__ */ jsx(TooltipPrimitive.Portal, { children: /* @__PURE__ */ jsxs(TooltipPrimitive.Content, {
+		"data-slot": "tooltip-content",
+		sideOffset,
+		className: cn(`
+            z-modal w-fit origin-(--radix-tooltip-content-transform-origin) animate-in rounded-md bg-primary px-3 py-1.5
+            text-xs text-balance text-primary-foreground fade-in-0 zoom-in-95
+            data-[side=bottom]:slide-in-from-top-2
+            data-[side=left]:slide-in-from-right-2
+            data-[side=right]:slide-in-from-left-2
+            data-[side=top]:slide-in-from-bottom-2
+            data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95
+          `, className),
+		...props,
+		children: [children, /* @__PURE__ */ jsx(TooltipPrimitive.Arrow, { className: "z-modal size-2.5 translate-y-[calc(-50%-2px)] rotate-45 rounded-xs bg-primary fill-primary" })]
+	}) });
+}
+//#endregion
+//#region src/DocHeader.tsx
+/**
+* The document's header panel — a consumer-placed component (outside the
+* editor, so it takes the core `Doc` directly, not the editor context). It
+* stands the page/canvas mode switcher (left), the document mode's
+* switcher (the Edit / View / Published's stand — the consumer-controlled
+* `mode` over the `onModeChange`, gated over the "editor"'s access level;
+* a "viewer" stands no switcher — the published's mode is forced), the
+* page avatar, and the document title. It reads the doc's meta and
+* re-renders on the meta changes (the onChange feed); over the published's
+* stand the meta stands from the `publishedDoc`'s snapshot (the live's
+* meta stands off — the reader stands the published's state). The title is
+* inline-editable over the edit's mode only (a click opens the edit, the
+* caret seats at the end — no select-all, the blur / the Enter commit —
+* one command, the Escape cancels without a write; the read-only's stand
+* shows the title display-only). The avatar is a popover picker over the
+* edit's mode only (a click opens the emoji grid — a portaled
+* standard-token surface, a pick commits `setAvatar` — one write — and
+* closes, the clear option removes it; the read-only's stand shows the
+* avatar display-only). The mode switchers are controlled (the `view` +
+* the `onViewChange`, the `mode` + the `onModeChange` — the consumer owns
+* the editor's view and the document's mode).
+*
+* The panel stands the standard theme tokens (not the `--docblocks-*` ones):
+* it renders in the consumer's chrome, outside the editor root where the
+* `--docblocks-*` tokens are not mapped.
+*/
+/** The inline edit's input: the focus with the caret seated at the end (no select-all) on mount, the commit on the blur / the Enter (one write), the Escape cancels without a write. */
+function InlineEditInput({ initial, ariaLabel, slot, className, onCommit, onCancel }) {
+	const inputRef = useRef(null);
+	const committedRef = useRef(false);
+	useEffect(() => {
+		const input = inputRef.current;
+		if (input === null) return;
+		input.focus();
+		input.setSelectionRange(input.value.length, input.value.length);
+	}, []);
+	const commit = (value) => {
+		if (committedRef.current) return;
+		committedRef.current = true;
+		onCommit(value);
+	};
+	const onInputBlur = (event) => commit(event.target.value);
+	const onInputKeyDown = (event) => {
+		if (event.key === "Enter") {
+			event.preventDefault();
+			commit(event.currentTarget.value);
+		} else if (event.key === "Escape") {
+			committedRef.current = true;
+			onCancel();
+		}
+	};
+	return /* @__PURE__ */ jsx(Input, {
+		ref: inputRef,
+		"data-slot": slot,
+		"aria-label": ariaLabel,
+		defaultValue: initial,
+		className,
+		onBlur: onInputBlur,
+		onKeyDown: onInputKeyDown
+	});
+}
+function DocHeader({ doc, view, onViewChange, accessLevel = "editor", mode = "edit", onModeChange, publishedDoc }) {
+	const effectiveMode = accessLevel === "viewer" ? "published" : mode;
+	const viewMode = effectiveMode !== "edit";
+	const snapshot = effectiveMode === "published" ? accessLevel === "viewer" ? doc ?? null : publishedDoc ?? null : null;
+	const [meta, setMeta] = useState(() => doc !== void 0 ? doc.meta : null);
+	const [titleEditing, setTitleEditing] = useState(false);
+	const [avatarOpen, setAvatarOpen] = useState(false);
+	useEffect(() => {
+		if (doc === void 0) return;
+		setMeta(doc.meta);
+		return doc.onChange((change) => {
+			if (change.metaChanged) setMeta(doc.meta);
+		});
+	}, [doc]);
+	const pickAvatar = (emoji) => {
+		if (doc === void 0) return;
+		doc.setAvatar(emoji);
+		setAvatarOpen(false);
+	};
+	const clearAvatar = () => {
+		if (doc === void 0) return;
+		doc.setAvatar(null);
+		setAvatarOpen(false);
+	};
+	const commitTitleEdit = (value) => {
+		setTitleEditing(false);
+		if (doc === void 0) return;
+		if (value === doc.meta.title) return;
+		doc.setTitle(value);
+	};
+	const cancelTitleEdit = () => setTitleEditing(false);
+	const beginTitleEdit = () => setTitleEditing(true);
+	const switchView = (next) => {
+		if (next !== view) onViewChange(next);
+	};
+	const showModeSwitcher = accessLevel === "editor" && onModeChange !== void 0;
+	const switchMode = (next) => {
+		if (next !== effectiveMode) onModeChange?.(next);
+	};
+	const NEUTRAL_META = {
+		v: 1,
+		id: "",
+		title: "",
+		createdAt: ""
+	};
+	const liveMeta = meta ?? NEUTRAL_META;
+	const displayMeta = snapshot !== null ? snapshot.meta : effectiveMode === "published" ? NEUTRAL_META : liveMeta;
+	return /* @__PURE__ */ jsxs("div", {
+		"data-slot": "docblocks/doc-header",
+		className: "flex items-center gap-3",
+		children: [
+			/* @__PURE__ */ jsx(SegmentSelector, {
+				options: [{
+					value: "page",
+					label: "Page view",
+					icon: /* @__PURE__ */ jsx(SquareText, { className: "size-4" })
+				}, {
+					value: "canvas",
+					label: "Canvas view",
+					icon: /* @__PURE__ */ jsx(Network, { className: "size-4" })
+				}],
+				value: view,
+				onChange: switchView,
+				ariaLabel: "Document view",
+				slot: "docblocks/doc-header-view",
+				pillSlot: "docblocks/doc-header-view-pill",
+				buttonAttrName: "doc-header-view-button"
+			}),
+			showModeSwitcher ? /* @__PURE__ */ jsx(SegmentSelector, {
+				options: [
+					{
+						value: "edit",
+						label: "Edit mode",
+						icon: /* @__PURE__ */ jsx(Pen, { className: "size-4" })
+					},
+					{
+						value: "view",
+						label: "View mode",
+						icon: /* @__PURE__ */ jsx(Eye, { className: "size-4" })
+					},
+					{
+						value: "published",
+						label: "Published",
+						icon: /* @__PURE__ */ jsx(BookOpen, { className: "size-4" }),
+						disabled: publishedDoc === null || publishedDoc === void 0
+					}
+				],
+				value: effectiveMode,
+				onChange: switchMode,
+				ariaLabel: "Document mode",
+				slot: "docblocks/doc-header-mode",
+				pillSlot: "docblocks/doc-header-mode-pill",
+				buttonAttrName: "doc-header-mode-button"
+			}) : null,
+			viewMode ? /* @__PURE__ */ jsx("span", {
+				"data-slot": "docblocks/doc-header-avatar",
+				"aria-label": "Document avatar",
+				className: cn("flex size-8 shrink-0 items-center justify-center overflow-hidden rounded-full text-base font-normal", displayMeta.avatar ? "bg-muted" : "border border-dashed border-input text-muted-foreground"),
+				children: displayMeta.avatar ?? ""
+			}) : /* @__PURE__ */ jsxs(Popover, {
+				open: avatarOpen,
+				onOpenChange: setAvatarOpen,
+				children: [/* @__PURE__ */ jsx(PopoverTrigger, {
+					asChild: true,
+					children: /* @__PURE__ */ jsx(Button, {
+						type: "button",
+						variant: "ghost",
+						size: "icon",
+						"data-slot": "docblocks/doc-header-avatar",
+						"aria-label": "Edit the document avatar",
+						title: "Edit the avatar",
+						className: cn("size-8 shrink-0 overflow-hidden rounded-full text-base font-normal", liveMeta.avatar ? "bg-muted" : "border border-dashed border-input text-muted-foreground"),
+						children: liveMeta.avatar ? liveMeta.avatar : "+"
+					})
+				}), /* @__PURE__ */ jsx(PopoverContent, {
+					align: "start",
+					sideOffset: 6,
+					onOpenAutoFocus: preventDefault,
+					className: "w-auto p-2.5",
+					children: /* @__PURE__ */ jsx(EmojiPicker, {
+						selected: liveMeta.avatar ?? null,
+						onPick: pickAvatar,
+						onClear: clearAvatar
+					})
+				})]
+			}),
+			titleEditing && !viewMode ? /* @__PURE__ */ jsx(InlineEditInput, {
+				initial: liveMeta.title,
+				ariaLabel: "Document title",
+				slot: "docblocks/doc-header-title-edit",
+				className: "\n            h-auto min-w-0 flex-1 border-0 bg-background p-0 text-lg font-semibold shadow-none\n            focus-visible:ring-0\n            dark:bg-transparent\n          ",
+				onCommit: commitTitleEdit,
+				onCancel: cancelTitleEdit
+			}) : viewMode ? /* @__PURE__ */ jsx("span", {
+				"data-slot": "docblocks/doc-header-title",
+				"aria-label": "Document title",
+				className: "min-w-0 flex-1 truncate text-left text-lg font-semibold",
+				children: displayMeta.title || /* @__PURE__ */ jsx("span", {
+					className: "text-muted-foreground",
+					children: "Untitled"
+				})
+			}) : /* @__PURE__ */ jsx(Button, {
+				type: "button",
+				variant: "ghost",
+				"data-slot": "docblocks/doc-header-title",
+				"aria-label": "Edit the document title",
+				title: "Edit the title",
+				onClick: beginTitleEdit,
+				className: "h-auto min-w-0 flex-1 truncate text-left text-lg font-semibold",
+				children: liveMeta.title || /* @__PURE__ */ jsx("span", {
+					className: "text-muted-foreground",
+					children: "Untitled"
+				})
+			})
+		]
+	});
+}
+//#endregion
+//#region src/fonts.ts
+/**
+* The package's font subsystem — the single place for the package's fonts.
+*
+* One self-hosted set (the woff2 in `fonts/`; the @font-face declarations in
+* the assembled stylesheet's last section, `fonts/shape-fonts.css`) — a file
+* is fetched only for the used family / weight / subset via `unicode-range`.
+*
+* Three roles share the set:
+* - The UI default font (the editor's chrome + the page text) — `Inter`,
+*   the `--docblocks-font-family` token's default (the consumer's
+*   `--font-sans` override takes priority — the token contract is unchanged).
+* - The shape text's font options (`SHAPE_FONT_OPTIONS` — the shape
+*   `fontFamily` attr's catalog; a consumer's own loaded font is addressable
+*   by its raw name — the absent / an unrecognized name falls to the raw name).
+* - The mono font (the code block) — the `--docblocks-mono-
+*   font-family` token's default (the consumer's `--font-mono` override takes
+*   priority).
+*
+* Adding a font:
+* 1. Drop the woff2 in `fonts/` under the `<family>-<weight><i?>-<l|c>.woff2`
+*    naming (l = latin, c = cyrillic).
+* 2. Add the @font-face declarations to `fonts/shape-fonts.css` (a
+*    unicode-range per subset, so a subset is fetched only when used).
+* 3. If the font is a shape option, add it to `SHAPE_FONT_OPTIONS` — the
+*    `SHAPE_FONT_STACKS` map derives from it.
+* The build (`scripts/assemble-styles.mjs`) copies `fonts/` to `dist/fonts/`
+* and appends the @font-face section to the shipped stylesheet.
+*/
+/** The UI default font's name (self-hosted — the shape set's own Inter). */
+const UI_FONT_ID = "Inter";
+/**
+* The UI default font's stack: the self-hosted Inter first, then the system
+* fallbacks (a consumer without the package's stylesheet degrades to the
+* system font, not to nothing). Stands the `--docblocks-font-family` token's
+* default.
+*/
+const UI_FONT_STACK = "'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif";
+/**
+* The mono default's stack (the code block). Stands the
+* `--docblocks-mono-font-family` token's default.
+*/
+const MONO_FONT_STACK = "ui-monospace, SFMono-Regular, Menlo, Consolas, monospace";
+//#endregion
+export { Alert, AlertDescription, AlertTitle, BASELINE_CAPABILITIES, BRIDGE_ERROR_CODES, Badge, BareSelect, BridgeError, Button, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, DEFAULT_EMBED_SANDBOX, DocHeader, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Editor, EditorProvider, FORMAT_PALETTE, FilterBuilder, Input, Label, MONO_FONT_STACK, PROTOCOL_VERSION, Popover, PopoverAnchor, PopoverContent, PopoverDescription, PopoverHeader, PopoverTitle, PopoverTrigger, SHAPE_FONT_OPTIONS, SHAPE_FONT_STACKS, ScrollArea, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Skeleton, TEXT_TYPES, Tabs, TabsContent, TabsList, TabsTrigger, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, UI_FONT_ID, UI_FONT_STACK, badgeVariants, blobSubtypeOf, buttonVariants, cellValueEqual, cn, columnAnnotation, conditionMatches, createMemoryBlobStore, emptyFilter, filterIsComplete, isBridgeError, isBridgeErrorCode, isDatabaseBridge, markToggleAction, newMutationContext, parseCellValue, renderRuns, toBridgeError, useBlock, useDatabaseTable, useDoc, useEditorContext, useMeta, usePresence, useSelection, useSelectionView, useText, validateProtocolDescriptor };

package/dist/mermaid/index.d.mts

@@ -0,0 +1,10 @@
+import { r as BlockRendererProps } from "../index-YJcgf8Hh.mjs";
+//#region src/mermaid/MermaidCodeRenderer.d.ts
+/**
+ * A BlockRenderer for the `code` type. The registry dispatches by type:
+ * a renderer registered under "code" only receives code blocks (the union
+ * cannot express that narrowing at the call site).
+ */
+declare function MermaidCodeRenderer({ id, block }: BlockRendererProps): import("react").JSX.Element;
+//#endregion
+export { MermaidCodeRenderer };