@bendyline/docblocks-react 2.3.1 → 2.3.2

package/dist/{ExportToolbarControls-I2EX7ZTH.js → ExportToolbarControls-5D4R6UXA.js}

@@ -76,6 +76,7 @@ function loadVideoExportModules() {
   ]).then(([docModule, videoModule, playerModule]) => ({
     Modal: videoModule.VideoExportModal,
     markdownToDoc: docModule.markdownToDoc,
+    resolveAudioMapping: docModule.resolveAudioMapping,
     playerScript: playerModule.PLAYER_BUNDLE
   })));
   return videoExportModulesPromise;
@@ -115,6 +116,7 @@ function quickLabel(opts, transformSummaries, saveMode, destinationPath) {
 function ExportToolbarControls({
   selectedFile,
   mediaContainer,
+  workspaceContainer,
   mediaProvider,
   saveBlob,
   destinationAdapter,
@@ -264,14 +266,16 @@ function ExportToolbarControls({
       try {
         const modules = videoModules ?? await loadVideoExportModules();
         setVideoModules(modules);
-        setVideoDoc(modules.markdownToDoc(parseMarkdown(markdownSource)));
+        const parsedDoc = modules.markdownToDoc(parseMarkdown(markdownSource));
+        const exportDoc = workspaceContainer ? await modules.resolveAudioMapping(parsedDoc, workspaceContainer) : parsedDoc;
+        setVideoDoc(exportDoc);
       } catch {
         setVideoLoadError("Video export could not be loaded.");
       } finally {
         setVideoLoading(false);
       }
     },
-    [markdownSource, videoModules]
+    [markdownSource, videoModules, workspaceContainer]
   );
   const handleCloseVideoModal = useCallback(() => {
     setVideoModalOpen(false);
@@ -471,7 +475,7 @@ function ExportToolbarControls({
                 tabIndex: -1,
                 className: "db-toolbar-menu-item",
                 onClick: handleOpenDialog,
-                children: "Export..."
+                children: "Export document..."
               }
             ),
             /* @__PURE__ */ jsx(

package/dist/index.d.ts

@@ -367,6 +367,12 @@ interface ExportToolbarControlsProps {
     selectedFile: string | null;
     /** Media container for resolving images during export. */
     mediaContainer?: ContentContainer | null;
+    /**
+     * Document-scoped container used to resolve narration timing sidecars.
+     * Video preview and export must use the same audio-mapping projection so
+     * recorded narration, camera media, and block transitions share one clock.
+     */
+    workspaceContainer?: ContentContainer | null;
     /** Active document media provider used to preload audio and video export assets. */
     mediaProvider?: MediaProvider | null;
     /** Override the default browser download behavior for host-provided save flows. */

package/dist/index.js

@@ -3154,7 +3154,7 @@ function useDocumentSession(autoSaveDelayMs = 500) {
 import { lazy, Suspense } from "react";
 import { jsx as jsx10 } from "react/jsx-runtime";
 var ExportToolbarControlsImplementation = lazy(
-  () => import("./ExportToolbarControls-I2EX7ZTH.js").then((module) => ({
+  () => import("./ExportToolbarControls-5D4R6UXA.js").then((module) => ({
     default: module.ExportToolbarControls
   }))
 );
@@ -7948,6 +7948,7 @@ function DocBlocksShell({
                               {
                                 selectedFile,
                                 mediaContainer: mediaContainerRef.current,
+                                workspaceContainer: versionsContainer,
                                 mediaProvider,
                                 destinationAdapter: exportDestinationAdapter,
                                 colorScheme: resolvedTheme,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bendyline/docblocks-react",
-  "version": "2.3.1",
+  "version": "2.3.2",
   "description": "React components for DocBlocks — file explorer, workspace picker, and editor shell",
   "license": "MIT",
   "author": "Bendyline",
@@ -75,13 +75,13 @@
     }
   },
   "dependencies": {
-    "@bendyline/docblocks": "2.3.1",
-    "@bendyline/squisq": "2.4.4",
-    "@bendyline/squisq-editor-react": "2.4.7",
-    "@bendyline/squisq-formats": "2.3.9",
-    "@bendyline/squisq-react": "2.4.7",
-    "@bendyline/squisq-video": "2.2.8",
-    "@bendyline/squisq-video-react": "2.2.11"
+    "@bendyline/docblocks": "2.3.2",
+    "@bendyline/squisq": "2.5.0",
+    "@bendyline/squisq-editor-react": "2.5.0",
+    "@bendyline/squisq-formats": "2.3.10",
+    "@bendyline/squisq-react": "2.5.0",
+    "@bendyline/squisq-video": "2.2.9",
+    "@bendyline/squisq-video-react": "2.3.0"
   },
   "devDependencies": {
     "@happy-dom/global-registrator": "20.9.0",

package/src/styles/docblocks.css

@@ -2816,6 +2816,10 @@ body.db-resizing-sidebar * {
   --squisq-accent: var(--db-accent);
   --squisq-accent-hover: var(--db-accent-hover);
   --squisq-text-on-accent: var(--db-text-on-accent);
+  /* Hover/open surface for toolbar dropdown triggers (e.g. the cover-slide
+     control). Squisq leaves this token undefined and falls back to its own
+     palette; bind it so the open trigger keeps DocBlocks hover contrast. */
+  --squisq-hover-bg: var(--db-bg-hover);
   --squisq-editor-background: #ffffff;
   --squisq-editor-foreground: #1f2937;
 }
@@ -3725,6 +3729,26 @@ html:has(.db-shell) .squisq-use-mode-menu .squisq-use-mode-menu-check {
   color: var(--db-accent-hover);
 }
 
+/* The cover-slide settings menu is portaled to document.body, so the editor
+   shell's Squisq token bindings cannot reach it. It channels every surface
+   through its own `--cover-*` tokens; re-point those (plus the accent its
+   checkbox/radio/slider controls consume) at the palette hoisted to `html`
+   so the panel follows the active DocBlocks appearance and accent instead
+   of Squisq's standalone slate look. */
+html:has(.db-shell) .squisq-cover-slide-menu {
+  --cover-bg: var(--db-bg);
+  --cover-control: var(--db-bg-subtle);
+  --cover-border: var(--db-border);
+  --cover-text: var(--db-text);
+  --cover-muted: var(--db-text-muted);
+  --squisq-accent: var(--db-accent);
+  --squisq-accent-hover: var(--db-accent-hover);
+  --squisq-text-on-accent: var(--db-text-on-accent);
+  box-shadow:
+    0 12px 32px var(--db-shadow),
+    0 2px 6px var(--db-shadow);
+}
+
 /* Custom layout authoring is portaled to document.body. Bind its host-facing
    accent tokens at that portal boundary so selected layouts, palette states,
    primary actions, and focus rings follow the active DocBlocks accent instead