docblocks-react-ui 0.1.1 → 0.3.0

package/dist/index.mjs

@@ -1,8 +1,8 @@
-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 { $ as PopoverHeader, A as SelectTrigger, At as isBridgeErrorCode, B as DropdownMenuRadioGroup, Bt as useMeta, C as SelectContent, Ct as BASELINE_CAPABILITIES, D as SelectScrollDownButton, Dt as BRIDGE_ERROR_CODES, E as SelectLabel, Et as validateProtocolDescriptor, F as DropdownMenuContent, Ft as columnAnnotation, G as DropdownMenuSubContent, Gt as useText, H as DropdownMenuSeparator, Ht as usePresenceSharing, I as DropdownMenuGroup, It as ScrollArea, J as Separator, Jt as blobSubtypeOf, K as DropdownMenuSubTrigger, L as DropdownMenuItem, Lt as Input, M as Label, Mt as conditionMatches, N as DropdownMenu, Nt as parseCellValue, O as SelectScrollUpButton, Ot as BridgeError, P as DropdownMenuCheckboxItem, Pt as TEXT_TYPES, Q as PopoverDescription, R as DropdownMenuLabel, Rt as useBlock, S as Select, St as AlertTitle, T as SelectItem, Tt as isDatabaseBridge, U as DropdownMenuShortcut, Ut as useSelection, V as DropdownMenuRadioItem, Vt as usePresence, W as DropdownMenuSub, Wt as useSelectionView, X as PopoverAnchor, Y as Popover, Yt as createMemoryBlobStore, Z as PopoverContent, _ as FilterBuilder, _t as BareSelect, a as SHAPE_FONT_STACKS, at as CardAction, b as Skeleton, bt as Alert, ct as CardFooter, d as useEditorContext, dt as Pen, et as PopoverTitle, f as DEFAULT_EMBED_SANDBOX, ft as Eye, g as newMutationContext, gt as buttonVariants, h as cellValueEqual, ht as Button, i as SHAPE_FONT_OPTIONS, it as Card, j as SelectValue, jt as toBridgeError, k as SelectSeparator, kt as isBridgeError, l as markToggleAction, lt as CardHeader, m as useDatabaseTable, mt as BookOpen, nt as DocblocksI18nProvider, o as FORMAT_PALETTE, ot as CardContent, p as GridBody, q as DropdownMenuTrigger, qt as renderRuns, rt as Checkbox, st as CardDescription, t as Editor, tt as PopoverTrigger, u as EditorProvider, ut as CardTitle, v as emptyFilter, vt as Badge, w as SelectGroup, wt as PROTOCOL_VERSION, x as SegmentSelector, xt as AlertDescription, y as filterIsComplete, yt as badgeVariants, z as DropdownMenuPortal, zt as useDoc } from "./Editor-BvKqUGXH.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 { useCallback, useEffect, useRef, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { useTranslation } from "react-i18next";
 import { cva } from "class-variance-authority";
 import * as TabsPrimitive from "@radix-ui/react-tabs";
 import * as TooltipPrimitive from "@radix-ui/react-tooltip";
@@ -211,14 +211,20 @@ const AVATAR_EMOJI = [
 * content is portaled outside the editor root, where the `--docblocks-*`
 * tokens are not mapped).
 */
-function EmojiPicker({ selected, onPick, onClear }) {
+/** The picker's i18n scope: the package's instance stands the provider's seat
+*  over the picker (it stands also outside the editor's scope). */
+function EmojiPicker(props) {
+	return /* @__PURE__ */ jsx(DocblocksI18nProvider, { children: /* @__PURE__ */ jsx(EmojiPickerInner, { ...props }) });
+}
+function EmojiPickerInner({ selected, onPick, onClear }) {
+	const { t } = useTranslation("editor");
 	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",
+			"aria-label": t("shared.emojiPickerGroup"),
 			className: "grid grid-cols-6 gap-1",
 			children: AVATAR_EMOJI.map(({ emoji, label }) => {
 				const isSelected = selected === emoji;
@@ -246,7 +252,7 @@ function EmojiPicker({ selected, onPick, onClear }) {
 			"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"
+			children: t("shared.removeAvatar")
 		})]
 	});
 }
@@ -374,6 +380,101 @@ function TooltipContent({ className, sideOffset = 0, children, ...props }) {
 	}) });
 }
 //#endregion
+//#region src/database/standalone/DatabaseTable.tsx
+/** The stable absent-seed's stand (the `view` prop's absent stand). */
+const EMPTY_VIEW = {};
+/**
+* The standalone's database table: the live grid over the bridge's table
+* id — the same `useDatabaseTable`'s data stand as the document block
+* (the schema + the rows + the live events + the optimistic cell's layer),
+* rendered outside any document (the consumer's own page / panel). The
+* view's settings stand the internal's state (seeded from the `view`
+* prop) + the consumer's persistence over the `onViewChange`'s patch
+* (one patch per change, as the block's `updateBlock` stand). The i18n's
+* scope stands self-contained (the package's instance — the same's stand
+* as the consumer-placed components).
+*/
+function DatabaseTable({ bridge, tableId, readOnly = false, view, onViewChange }) {
+	const [viewState, setViewState] = useState(view ?? EMPTY_VIEW);
+	const viewRef = useRef(viewState);
+	viewRef.current = viewState;
+	const handleViewChange = useCallback((patch) => {
+		const typed = patch;
+		setViewState((current) => ({
+			...current,
+			...typed
+		}));
+		if (onViewChange !== void 0) onViewChange(typed);
+	}, [onViewChange]);
+	return /* @__PURE__ */ jsx(DocblocksI18nProvider, { children: /* @__PURE__ */ jsx(GridBody, {
+		bridge,
+		tableId,
+		filter: viewState.filter,
+		columnOrder: viewState.columnOrder,
+		hiddenColumns: viewState.hiddenColumns,
+		columnWidths: viewState.columnWidths,
+		onViewChange: handleViewChange,
+		readColumnOrder: () => viewRef.current.columnOrder,
+		readOnly
+	}) });
+}
+//#endregion
+//#region src/database/standalone/use-table-list.ts
+/**
+* The table catalog's hook (the standalone's stand): the consumer's
+* `DatabaseBridge`'s catalog read (`listTables` — the system tables stand
+* absent) + the `createTable` / `renameTable` mutations (the fresh's
+* `operationId` per op over `newMutationContext`). The catalog's truth
+* stands in the bridge — the hook's state is the read projection,
+* re-read over the own's successful mutations (the auto's stand) + the
+* manual's `refresh` (the contract's catalog stands no push — the
+* per-table's events stand over the `useDatabaseTable`'s subscription).
+* The create / rename's failures stand their promises' rejects (the
+* `BridgeError` stand) — the `error` state is the catalog read's own.
+*/
+function useTableList(bridge) {
+	const [tables, setTables] = useState(null);
+	const [loading, setLoading] = useState(true);
+	const [error, setError] = useState(null);
+	const bridgeRef = useRef(bridge);
+	bridgeRef.current = bridge;
+	const readSeq = useRef(0);
+	const refresh = useCallback(async () => {
+		const seq = ++readSeq.current;
+		setLoading(true);
+		try {
+			const list = await bridgeRef.current.listTables();
+			if (seq !== readSeq.current) return;
+			setTables(list);
+			setError(null);
+		} catch (error) {
+			if (seq !== readSeq.current) return;
+			setTables(null);
+			setError(toBridgeError(error));
+		} finally {
+			if (seq === readSeq.current) setLoading(false);
+		}
+	}, []);
+	useEffect(() => {
+		refresh();
+	}, [refresh]);
+	return {
+		tables,
+		loading,
+		error,
+		refresh,
+		create: useCallback(async (name) => {
+			const receipt = await bridgeRef.current.createTable({ name }, newMutationContext());
+			await refresh();
+			return receipt.result;
+		}, [refresh]),
+		rename: useCallback(async (tableId, name) => {
+			await bridgeRef.current.renameTable(tableId, { name }, newMutationContext());
+			await refresh();
+		}, [refresh])
+	};
+}
+//#endregion
 //#region src/DocHeader.tsx
 /**
 * The document's header panel — a consumer-placed component (outside the
@@ -436,7 +537,16 @@ function InlineEditInput({ initial, ariaLabel, slot, className, onCommit, onCanc
 		onKeyDown: onInputKeyDown
 	});
 }
-function DocHeader({ doc, view, onViewChange, accessLevel = "editor", mode = "edit", onModeChange, publishedDoc }) {
+/** The header's i18n scope: the package's instance stands the provider's seat
+*  over the panel (the consumer places the header outside the editor — the
+*  editor's own scope never reaches it). A consumer-wrapped subtree stands
+*  the same instance nested — the provider is a plain context, the render
+*  is unchanged. */
+function DocHeader(props) {
+	return /* @__PURE__ */ jsx(DocblocksI18nProvider, { children: /* @__PURE__ */ jsx(DocHeaderInner, { ...props }) });
+}
+function DocHeaderInner({ doc, view, onViewChange, accessLevel = "editor", mode = "edit", onModeChange, publishedDoc }) {
+	const { t } = useTranslation("editor");
 	const effectiveMode = accessLevel === "viewer" ? "published" : mode;
 	const viewMode = effectiveMode !== "edit";
 	const snapshot = effectiveMode === "published" ? accessLevel === "viewer" ? doc ?? null : publishedDoc ?? null : null;
@@ -490,16 +600,16 @@ function DocHeader({ doc, view, onViewChange, accessLevel = "editor", mode = "ed
 			/* @__PURE__ */ jsx(SegmentSelector, {
 				options: [{
 					value: "page",
-					label: "Page view",
+					label: t("docHeader.pageView"),
 					icon: /* @__PURE__ */ jsx(SquareText, { className: "size-4" })
 				}, {
 					value: "canvas",
-					label: "Canvas view",
+					label: t("docHeader.canvasView"),
 					icon: /* @__PURE__ */ jsx(Network, { className: "size-4" })
 				}],
 				value: view,
 				onChange: switchView,
-				ariaLabel: "Document view",
+				ariaLabel: t("docHeader.documentViewAria"),
 				slot: "docblocks/doc-header-view",
 				pillSlot: "docblocks/doc-header-view-pill",
 				buttonAttrName: "doc-header-view-button"
@@ -508,31 +618,31 @@ function DocHeader({ doc, view, onViewChange, accessLevel = "editor", mode = "ed
 				options: [
 					{
 						value: "edit",
-						label: "Edit mode",
+						label: t("docHeader.editMode"),
 						icon: /* @__PURE__ */ jsx(Pen, { className: "size-4" })
 					},
 					{
 						value: "view",
-						label: "View mode",
+						label: t("docHeader.viewMode"),
 						icon: /* @__PURE__ */ jsx(Eye, { className: "size-4" })
 					},
 					{
 						value: "published",
-						label: "Published",
+						label: t("docHeader.published"),
 						icon: /* @__PURE__ */ jsx(BookOpen, { className: "size-4" }),
 						disabled: publishedDoc === null || publishedDoc === void 0
 					}
 				],
 				value: effectiveMode,
 				onChange: switchMode,
-				ariaLabel: "Document mode",
+				ariaLabel: t("docHeader.documentModeAria"),
 				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",
+				"aria-label": t("docHeader.documentAvatarAria"),
 				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, {
@@ -545,8 +655,8 @@ function DocHeader({ doc, view, onViewChange, accessLevel = "editor", mode = "ed
 						variant: "ghost",
 						size: "icon",
 						"data-slot": "docblocks/doc-header-avatar",
-						"aria-label": "Edit the document avatar",
-						title: "Edit the avatar",
+						"aria-label": t("docHeader.editAvatarAria"),
+						title: t("docHeader.editAvatar"),
 						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 : "+"
 					})
@@ -564,30 +674,30 @@ function DocHeader({ doc, view, onViewChange, accessLevel = "editor", mode = "ed
 			}),
 			titleEditing && !viewMode ? /* @__PURE__ */ jsx(InlineEditInput, {
 				initial: liveMeta.title,
-				ariaLabel: "Document title",
+				ariaLabel: t("docHeader.documentTitleAria"),
 				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",
+				"aria-label": t("docHeader.documentTitleAria"),
 				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"
+					children: t("common:untitled")
 				})
 			}) : /* @__PURE__ */ jsx(Button, {
 				type: "button",
 				variant: "ghost",
 				"data-slot": "docblocks/doc-header-title",
-				"aria-label": "Edit the document title",
-				title: "Edit the title",
+				"aria-label": t("docHeader.editTitleAria"),
+				title: t("docHeader.editTitle"),
 				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"
+					children: t("common:untitled")
 				})
 			})
 		]
@@ -638,4 +748,4 @@ const UI_FONT_STACK = "'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif
 */
 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 };
+export { Alert, AlertDescription, AlertTitle, BASELINE_CAPABILITIES, BRIDGE_ERROR_CODES, Badge, BareSelect, BridgeError, Button, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, DEFAULT_EMBED_SANDBOX, DatabaseTable, 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, usePresenceSharing, useSelection, useSelectionView, useTableList, useText, validateProtocolDescriptor };

package/dist/mermaid/index.mjs

@@ -1,9 +1,9 @@
-import { Ht as AlertDescription, Nt as Eye, Pt as CodeXml, Ut as AlertTitle, Vt as Alert, c as CodeHeader, h as textOf, hn as INLINE_CODE_CLASS, k as useEditorContext, m as TextBlock, s as childrenSlot, z as SegmentSelector } from "../Editor-CiJY5R4v.mjs";
+import { Kt as INLINE_CODE_CLASS, St as AlertTitle, b as Skeleton, bt as Alert, c as textOf, d as useEditorContext, ft as Eye, n as childrenSlot, pt as CodeXml, r as CodeHeader, s as TextBlock, x as SegmentSelector, xt as AlertDescription } from "../Editor-BvKqUGXH.mjs";
 import { n as TriangleAlert } from "../constants-D4FTL0ph.mjs";
 import { t as LoaderCircle } from "../LoaderCircle-AGVFE4IP.mjs";
-import { t as Skeleton } from "../Skeleton-D922Ths5.mjs";
 import { useEffect, useRef, useState } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+import { useTranslation } from "react-i18next";
 import mermaid from "mermaid";
 //#region src/mermaid/mermaid-config.ts
 /** The mermaid renderer's config stand (the v1 security + behavior stand —
@@ -44,7 +44,7 @@ function safeId(id) {
 	return id.replace(/[^a-zA-Z0-9_-]/g, "");
 }
 //#endregion
-//#region src/mermaid/useContainerTheme.ts
+//#region src/mermaid/use-container-theme.ts
 /** The editor's theme for one ref'd element, reactive to a theme flip:
 * a single MutationObserver watches the `class` attribute of the
 * element's ancestor chain (collected on mount — the preview's branch
@@ -93,6 +93,7 @@ function useContainerTheme(ref) {
 /** A unique mermaid render id per attempt (mermaid requires one per render). */
 let renderSeq = 0;
 function MermaidDiagram({ id, text }) {
+	const { t } = useTranslation("blocks");
 	const containerRef = useRef(null);
 	const theme = useContainerTheme(containerRef);
 	const [state, setState] = useState({
@@ -165,7 +166,7 @@ function MermaidDiagram({ id, text }) {
 			className: "absolute inset-0 flex items-center justify-center gap-2",
 			children: [/* @__PURE__ */ jsx(LoaderCircle, { className: "size-4 animate-spin" }), /* @__PURE__ */ jsx("span", {
 				"data-slot": "docblocks/mermaid-loading",
-				children: "rendering…"
+				children: t("code.rendering")
 			})]
 		})]
 	});

package/dist/pdf/index.d.mts

@@ -1,4 +1,4 @@
-import { f as PdfPreviewProps } from "../index-D6_ysSmQ.mjs";
+import { f as PdfPreviewProps } from "../index-DG0lJy_t.mjs";
 //#region src/pdf/PdfFirstPage.d.ts
 declare function PdfFirstPage({ id, url, name }: PdfPreviewProps): import("react").JSX.Element;
 //#endregion

package/dist/pdf/index.mjs

@@ -2,6 +2,7 @@ import { a as isSafeDownloadHref, c as cn, n as TriangleAlert, t as isEmbeddable
 import { t as LoaderCircle } from "../LoaderCircle-AGVFE4IP.mjs";
 import { useEffect, useRef, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { useTranslation } from "react-i18next";
 import { GlobalWorkerOptions, RenderingCancelledException, getDocument } from "pdfjs-dist";
 //#region src/pdf/pdf-worker.ts
 /** The pdfjs-dist worker wiring (the side-effect): the worker file is
@@ -22,6 +23,9 @@ import { GlobalWorkerOptions, RenderingCancelledException, getDocument } from "p
 const WORKER_URL = new URL(`./pdf.worker.min.mjs`, import.meta.url);
 GlobalWorkerOptions.workerSrc = WORKER_URL.toString();
 const WASM_URL = new URL("./", WORKER_URL).toString();
+if (typeof window !== "undefined") fetch(WORKER_URL, { method: "HEAD" }).catch(() => {
+	console.warn("docblocks: the pdf worker's asset is unreachable over this entry — the pdf preview stands the native viewer's fallback (the worker's load fails). The dist/pdf/ directory must stand served as static assets next to the subpath's entry.");
+});
 //#endregion
 //#region src/pdf/PdfFirstPage.tsx
 /** The first-page preview of one `pdf`-subtype image block: fetch the
@@ -33,6 +37,7 @@ const WASM_URL = new URL("./", WORKER_URL).toString();
 * so a torn-down preview leaves no network request or pdf.js worker
 * behind. */
 function PdfFirstPage({ id, url, name }) {
+	const { t } = useTranslation("blocks");
 	const canvasRef = useRef(null);
 	const loadingTaskRef = useRef(null);
 	const renderTaskRef = useRef(null);
@@ -111,13 +116,9 @@ function PdfFirstPage({ id, url, name }) {
 		children: [/* @__PURE__ */ jsxs("div", {
 			"data-slot": "docblocks/image-pdf-error",
 			className: "\n            mb-2 flex items-center gap-2 rounded-(--docblocks-radius) border-(length:--docblocks-table-border-width)\n            border-(--docblocks-table-border-color) bg-(--muted) px-3 py-2 text-sm text-(--muted-foreground)\n          ",
-			children: [/* @__PURE__ */ jsx(TriangleAlert, { className: "size-4 shrink-0" }), /* @__PURE__ */ jsxs("span", {
+			children: [/* @__PURE__ */ jsx(TriangleAlert, { className: "size-4 shrink-0" }), /* @__PURE__ */ jsx("span", {
 				className: "min-w-0 flex-1 truncate",
-				children: [
-					"PDF preview unavailable (",
-					error,
-					"). Showing the built-in viewer."
-				]
+				children: t("code.pdfPreviewUnavailable", { error })
 			})]
 		}), isEmbeddablePdfUrl(url) ? /* @__PURE__ */ jsx("iframe", {
 			"data-slot": "docblocks/image-pdf",
@@ -155,7 +156,7 @@ function PdfFirstPage({ id, url, name }) {
 			className: "flex h-48 w-full items-center justify-center gap-2 text-sm text-(--muted-foreground)",
 			children: [/* @__PURE__ */ jsx(LoaderCircle, { className: "size-4 animate-spin" }), /* @__PURE__ */ jsx("span", {
 				"data-slot": "docblocks/image-pdf-loading",
-				children: "loading preview…"
+				children: t("code.pdfLoading")
 			})]
 		})]
 	});

package/dist/styles.css

@@ -3673,6 +3673,20 @@
   overscroll-behavior: contain;
 }
 
+/*
+ * The editor root's focus-ring stand: the root is a focus PARK (the
+ * gestures' contract — the drag's release and the gutter's delete park
+ * the focus there so the keyboard's input stays scoped over the editor).
+ * It is reached programmatically only (tabIndex -1 — no Tab focus), so
+ * the browser's default focus ring would stand the visible ring over the
+ * whole document after a drag's release. The ring is suppressed; the
+ * focus itself stays (the keyboard's scoping needs it), and the
+ * individual controls keep their own focus styles.
+ */
+[data-slot="docblocks/editor"]:focus {
+  outline: none;
+}
+
 /*
  * The read-only stand (view / published modes): the editor's content is
  * read-only — the text selection stands no stand (the native range's

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "docblocks-react-ui",
-  "version": "0.1.1",
+  "version": "0.3.0",
   "description": "React rendering + editing layer for docblocks: hooks, block renderers, caret/selection, keyboard, clipboard.",
   "type": "module",
   "license": "MIT",
@@ -27,10 +27,6 @@
       "types": "./dist/pdf/index.d.mts",
       "import": "./dist/pdf/index.mjs"
     },
-    "./motion": {
-      "types": "./dist/motion/index.d.mts",
-      "import": "./dist/motion/index.mjs"
-    },
     "./styles.css": "./dist/styles.css",
     "./theme.css": "./theme.css"
   },
@@ -38,24 +34,13 @@
     "access": "public"
   },
   "peerDependencies": {
-    "docblocks-core": "*",
+    "docblocks-core": "^0.1.3",
     "framer-motion": "^11.0.0 || ^12.0.0 || ^13.0.0 || ^14.0.0",
     "mermaid": "^12.0.0",
     "pdfjs-dist": "^6.0.0",
     "react": "^19.0.0",
     "react-dom": "^19.0.0"
   },
-  "peerDependenciesMeta": {
-    "framer-motion": {
-      "optional": true
-    },
-    "mermaid": {
-      "optional": true
-    },
-    "pdfjs-dist": {
-      "optional": true
-    }
-  },
   "dependencies": {
     "@radix-ui/react-checkbox": "^1.3.11",
     "@radix-ui/react-dropdown-menu": "^2.1.24",
@@ -69,7 +54,9 @@
     "clsx": "^2.1.1",
     "date-fns": "^4.4.0",
     "highlight.js": "^11.12.0",
+    "i18next": "^27.0.1",
     "react-day-picker": "^10.0.2",
+    "react-i18next": "^18.0.1",
     "tailwind-merge": "^3.7.0",
     "zustand": "^5.0.15"
   },

package/dist/Editor-DT7RkRXf.d.mts

@@ -1,32 +0,0 @@
-//#region src/Editor.d.ts
-/**
- * The document's view mode: the page flow (the root's children in reading
- * order) or the canvas (the page as a miniature rectangle plus the surface
- * elements on one canvas). View state — switching writes nothing to the
- * data (like the selection).
- */
-type EditorView = "page" | "canvas";
-interface EditorProps {
-  view?: EditorView;
-  /** The format toolbar's color palette (the default six colors). */
-  formatPalette?: readonly string[];
-}
-/**
- * Renders the document's entry list in reading order (the document root's
- * children, or a single subtree block when the provider got a
- * `rootBlockId`). The root is the editor's focus/keyboard scope: the
- * undo/redo hotkeys only fire for keys targeted inside it. The root block
- * context is provided for every entry: the entry list's siblings, and the
- * entry root's sequence container as the gestures' command parent (a
- * subtree entry root is a page block — structurally childless, so its
- * commands target the container of its sequence, not itself).
- *
- * The `view` prop selects the rendering: "page" (default) is the entry
- * list; "canvas" renders the document's page as a page miniature and the
- * root-level surfaces' elements on one canvas (see CanvasView). The
- * `formatPalette` prop overrides the floating format toolbar's color
- * palette.
- */
-declare function Editor({ view, formatPalette }: EditorProps): import("react").JSX.Element;
-//#endregion
-export { EditorView as n, Editor as t };

package/dist/Skeleton-D922Ths5.mjs

@@ -1,13 +0,0 @@
-import { c as cn } from "./constants-D4FTL0ph.mjs";
-import "react";
-import { jsx } from "react/jsx-runtime";
-//#region src/shared/ui/Skeleton.tsx
-function Skeleton({ className, ...props }) {
-	return /* @__PURE__ */ jsx("div", {
-		"data-slot": "skeleton",
-		className: cn("animate-pulse rounded-md bg-gray-300 dark:bg-gray-700", className),
-		...props
-	});
-}
-//#endregion
-export { Skeleton as t };

package/dist/motion/index.d.mts

@@ -1,8 +0,0 @@
-import { n as EditorView } from "../Editor-DT7RkRXf.mjs";
-//#region src/motion/MotionEditor.d.ts
-declare function MotionEditor({ view, formatPalette }: {
-  view?: EditorView;
-  formatPalette?: readonly string[];
-}): import("react").JSX.Element;
-//#endregion
-export { MotionEditor };