superdoc 2.4.0-next.63 → 2.4.0-next.64

package/dist/collaboration-upgrade-engine.cjs

@@ -19,7 +19,7 @@ var COLLABORATION_UPGRADE_ENGINE_MINIMUM_NODE_MAJOR = 20;
 var PRIVATE_ENGINE_INFO = (0, _superdoc_docx_engine_collaboration_upgrade_engine.getCollaborationUpgradeEngineInfo)();
 var ENGINE_INFO = Object.freeze({
 	...PRIVATE_ENGINE_INFO,
-	superdocVersion: "2.4.0-next.63",
+	superdocVersion: "2.4.0-next.64",
 	roomSchemaVersion: Object.freeze({ ...PRIVATE_ENGINE_INFO.roomSchemaVersion }),
 	supportedBundleVersions: SUPPORTED_COLLABORATION_UPGRADE_BUNDLE_VERSIONS,
 	supportedV1ReaderContractVersions: SUPPORTED_V1_READER_CONTRACT_VERSIONS

package/dist/collaboration-upgrade-engine.es.js

@@ -18,7 +18,7 @@ var COLLABORATION_UPGRADE_ENGINE_MINIMUM_NODE_MAJOR = 20;
 var PRIVATE_ENGINE_INFO = getCollaborationUpgradeEngineInfo$1();
 var ENGINE_INFO = Object.freeze({
 	...PRIVATE_ENGINE_INFO,
-	superdocVersion: "2.4.0-next.63",
+	superdocVersion: "2.4.0-next.64",
 	roomSchemaVersion: Object.freeze({ ...PRIVATE_ENGINE_INFO.roomSchemaVersion }),
 	supportedBundleVersions: SUPPORTED_COLLABORATION_UPGRADE_BUNDLE_VERSIONS,
 	supportedV1ReaderContractVersions: SUPPORTED_V1_READER_CONTRACT_VERSIONS

package/dist/layout-engine/contracts/src/index.d.ts

@@ -318,6 +318,8 @@ export type RunMarks = {
      * Rendering normalizes a shift of zero to "no explicit shift".
      */
     baselineShift?: number;
+    /** Paint-only Word 2010+ text effects (`w14:textFill`, outline, shadow, reflection). */
+    textEffects?: TextEffects;
 };
 export type PageReferenceRelativePositionText = 'above' | 'below';
 export type FieldResultFormat = 'charformat' | 'mergeformat';
@@ -473,6 +475,18 @@ export type ImageHyperlink = {
  *   baseline next to the surrounding text instead of floating above it.
  */
 export type ImageRunVerticalAlign = 'top' | 'bottom' | 'baseline';
+/**
+ * Explicit fail-closed rendering metadata for content that keeps its authored
+ * layout box but cannot be painted faithfully.
+ *
+ * The producer owns the diagnostic identity; painters only expose it on the
+ * visible, accessible placeholder. This keeps support decisions out of the DOM
+ * layer and makes degraded output observable in browser regression proofs.
+ */
+export type RenderPlaceholder = {
+    diagnosticIds: string[];
+    accessibleName: string;
+};
 /**
  * Inline image run for images that flow with text on the same line.
  * Unlike ImageBlock (anchored/floating images), ImageRun is part of the paragraph's run array
@@ -499,10 +513,16 @@ export type ImageRun = {
     width: number;
     /** Image height in pixels. */
     height: number;
+    /** Font family of the owning OOXML run, used to compose an image-only line box. */
+    fontFamily?: string;
+    /** Font size of the owning OOXML run, used to compose an image-only line box. */
+    fontSize?: number;
     /** Alternative text for accessibility. */
     alt?: string;
     /** Image title (tooltip). */
     title?: string;
+    /** Visible fail-closed replacement when the image source cannot be painted. */
+    placeholder?: RenderPlaceholder;
     /** DrawingML docPr/@id of the picture (used to target the Document API for interactive resize). */
     imageId?: string;
     /** Clip-path value for cropped images. */
@@ -891,6 +911,8 @@ export type ImageBlock = {
     height?: number;
     alt?: string;
     title?: string;
+    /** Visible fail-closed replacement when the image source cannot be painted. */
+    placeholder?: RenderPlaceholder;
     /** DrawingML docPr/@id of the picture (used to target the Document API for interactive resize). */
     imageId?: string;
     objectFit?: 'contain' | 'cover' | 'fill' | 'scale-down';
@@ -986,6 +1008,52 @@ export type TextFormatting = {
     fontSize?: number;
     fontFamily?: string;
     letterSpacing?: number;
+    /** Paint-only Word 2010+ text effects shared with ordinary text runs. */
+    textEffects?: TextEffects;
+};
+/** Solid color used by a text effect, with optional opacity. */
+export type TextEffectColor = {
+    color: string;
+    alpha?: number;
+};
+/** Word 2010+ text outline (`w14:textOutline`). */
+export type TextOutlineEffect = {
+    /** Outline width converted from EMU to CSS pixels. */
+    width: number;
+    fill: FillColor;
+};
+/** Word 2010+ outer text shadow (`w14:shadow`). */
+export type TextShadowEffect = {
+    color: TextEffectColor;
+    /** Blur radius converted from EMU to CSS pixels. */
+    blurRadius: number;
+    /** Shadow distance converted from EMU to CSS pixels. */
+    distance: number;
+    /** Direction in DrawingML degrees (`0` points right, `90` points down). */
+    direction: number;
+};
+/** Word 2010+ reflected-text mask (`w14:reflection`). */
+export type TextReflectionEffect = {
+    blurRadius: number;
+    distance: number;
+    direction: number;
+    startAlpha: number;
+    startPosition: number;
+    endAlpha: number;
+    endPosition: number;
+    scaleX: number;
+    scaleY: number;
+};
+/**
+ * Paint-only text effects shared by paragraph runs and flattened shape text.
+ * These effects do not change glyph advances, so layout measurement continues
+ * to use the run's ordinary typography contract.
+ */
+export type TextEffects = {
+    fill?: FillColor;
+    outline?: TextOutlineEffect;
+    shadow?: TextShadowEffect;
+    reflection?: TextReflectionEffect;
 };
 /** A single text part with optional formatting. */
 export type TextPart = {
@@ -1041,6 +1109,20 @@ export type ShapeTextContent = {
     /** Horizontal text alignment within the shape. */
     horizontalAlign?: 'left' | 'center' | 'right';
 };
+/** DrawingML textbox flow/overflow semantics from `a:bodyPr`. */
+export type ShapeTextLayout = {
+    /** `a:bodyPr/@wrap`; `none` keeps authored paragraphs on explicit lines only. */
+    wrap?: 'square' | 'none';
+    /** `a:bodyPr/@horzOverflow`. */
+    horizontalOverflow?: 'overflow' | 'clip';
+    /** `a:bodyPr/@vertOverflow`. */
+    verticalOverflow?: 'overflow' | 'clip' | 'ellipsis';
+};
+/** Resolve the line-breaking width for DrawingML textbox content. */
+export declare function resolveShapeTextContentMeasureWidth(shapeWidth: number, insets: {
+    left: number;
+    right: number;
+}, layout: ShapeTextLayout | undefined, autoFitBoundaryWidth?: number): number;
 export type LineEnd = {
     type?: string;
     width?: string;
@@ -1056,8 +1138,38 @@ export type EffectExtent = {
     right: number;
     bottom: number;
 };
+/**
+ * DrawingML relative rectangle in the source 1000ths-of-a-percent units.
+ * Values may be negative: ECMA-376 allows an outset as well as an inset.
+ */
+export type ShapeImageFillRect = {
+    left: number;
+    top: number;
+    right: number;
+    bottom: number;
+};
+/** DrawingML `a:tile` parameters, preserved without painter-specific conversion. */
+export type ShapeImageFillTile = {
+    offsetX?: number;
+    offsetY?: number;
+    scaleX?: number;
+    scaleY?: number;
+    flip?: string;
+    alignment?: string;
+};
+/** Resolved bitmap used as the fill paint for vector geometry. */
+export type ShapeImageFill = {
+    src: string;
+    mode: 'stretch' | 'tile';
+    sourceRect?: ShapeImageFillRect;
+    fillRect?: ShapeImageFillRect;
+    tile?: ShapeImageFillTile;
+    dpi?: number;
+    rotateWithShape?: boolean;
+};
 export type VectorShapeStyle = {
     fillColor?: FillColor;
+    imageFill?: ShapeImageFill;
     strokeColor?: StrokeColor;
     strokeWidth?: number;
     /** Physical CSS-pixel dash/gap lengths resolved from the source stroke. */
@@ -1068,6 +1180,7 @@ export type VectorShapeStyle = {
     borders?: CellBorders;
     lineEnds?: LineEnds;
     textContent?: ShapeTextContent;
+    textLayout?: ShapeTextLayout;
     textAlign?: string;
     textVerticalAlign?: 'top' | 'center' | 'bottom';
     /** Legacy VML textbox text-flow semantics. */
@@ -1129,6 +1242,8 @@ export type DrawingBlockBase = {
     drawingContent?: DrawingContentSnapshot;
     attrs?: Record<string, unknown>;
     sourceAnchor?: SourceAnchor;
+    /** Visible fail-closed replacement metadata owned by the projection layer. */
+    placeholder?: RenderPlaceholder;
 };
 /**
  * Custom geometry path data extracted from a:custGeom/a:pathLst.
@@ -1150,6 +1265,7 @@ export type VectorShapeDrawing = DrawingBlockBase & {
     shapeKind?: string;
     customGeometry?: CustomGeometryData;
     fillColor?: FillColor;
+    imageFill?: ShapeImageFill;
     strokeColor?: StrokeColor;
     strokeWidth?: number;
     strokeDashArray?: number[];
@@ -1158,6 +1274,7 @@ export type VectorShapeDrawing = DrawingBlockBase & {
     lineEnds?: LineEnds;
     effectExtent?: EffectExtent;
     textContent?: ShapeTextContent;
+    textLayout?: ShapeTextLayout;
     textAlign?: string;
     textVerticalAlign?: 'top' | 'center' | 'bottom';
     textFlow?: 'horizontal' | 'vertical' | 'vertical-ideographic' | 'horizontal-ideographic' | 'bottom-to-top';
@@ -1176,6 +1293,7 @@ export type TextboxDrawing = DrawingBlockBase & {
     shapeKind?: string;
     customGeometry?: CustomGeometryData;
     fillColor?: FillColor;
+    imageFill?: ShapeImageFill;
     strokeColor?: StrokeColor;
     strokeWidth?: number;
     strokeDashArray?: number[];
@@ -1184,6 +1302,7 @@ export type TextboxDrawing = DrawingBlockBase & {
     lineEnds?: LineEnds;
     effectExtent?: EffectExtent;
     textContent?: ShapeTextContent;
+    textLayout?: ShapeTextLayout;
     textAlign?: string;
     textVerticalAlign?: 'top' | 'center' | 'bottom';
     textFlow?: 'horizontal' | 'vertical' | 'vertical-ideographic' | 'horizontal-ideographic' | 'bottom-to-top';

package/dist/layout-engine/painters/dom/src/chart-renderer.d.ts

@@ -1,13 +1,13 @@
-import { ChartModel, DrawingGeometry } from '../../../contracts/src/index.js';
+import { ChartModel, DrawingGeometry, RenderPlaceholder } from '../../../contracts/src/index.js';
 /**
  * Create a chart element from a ChartDrawing block.
  * Routes to the correct renderer based on chart type, with placeholder fallback.
  */
-export declare function createChartElement(doc: Document, chartData: ChartModel | undefined, geometry: DrawingGeometry): HTMLElement;
+export declare function createChartElement(doc: Document, chartData: ChartModel | undefined, geometry: DrawingGeometry, placeholder?: RenderPlaceholder): HTMLElement;
 /**
  * Create a placeholder for charts with missing data or unsupported types.
  * Preserves layout dimensions and is print-visible.
  */
-export declare function createChartPlaceholder(doc: Document, container: HTMLElement, label: string): HTMLElement;
+export declare function createChartPlaceholder(doc: Document, container: HTMLElement, label: string, placeholder?: RenderPlaceholder): HTMLElement;
 /** Format a numeric tick value for chart axis labels. */
 export declare function formatTickValue(value: number): string;

package/dist/layout-engine/painters/dom/src/images/render-placeholder.d.ts

@@ -0,0 +1,12 @@
+import { RenderPlaceholder } from '../../../../contracts/src/index.js';
+export type CreateRenderPlaceholderOptions = {
+    doc: Document;
+    placeholder: RenderPlaceholder;
+};
+/** Stamp the shared diagnostic and accessibility contract on a placeholder. */
+export declare const applyRenderPlaceholderSemantics: (element: HTMLElement, placeholder: RenderPlaceholder) => void;
+/**
+ * Paint an observable, print-visible replacement for content that the
+ * projection layer deliberately kept fail-closed.
+ */
+export declare const createRenderPlaceholder: ({ doc, placeholder }: CreateRenderPlaceholderOptions) => HTMLSpanElement;

package/dist/layout-engine/painters/dom/src/renderer.d.ts

@@ -261,6 +261,7 @@ export declare class DomPainter {
     private totalPages;
     private sectionPageCounts;
     private linkIdCounter;
+    private shapeImageFillCounter;
     private sdtLabelsRendered;
     /**
      * WeakMap storing tooltip data for hyperlink elements before DOM insertion.
@@ -528,6 +529,10 @@ export declare class DomPainter {
      * magnitude. Keep geometry scalable and paint the resolved width verbatim.
      */
     private applyPhysicalStrokeSemantics;
+    /** Paint a DrawingML picture fill through the existing SVG geometry. */
+    private applyShapeImageFill;
+    private appendShapeFillImage;
+    private resolveShapeTileOrigin;
     private hasShapeTextContent;
     private createShapeTextElement;
     private createTextboxContentElement;
@@ -548,6 +553,7 @@ export declare class DomPainter {
      * @param _groupScaleY - Reserved parent-group scale factor
      */
     private createFallbackTextElement;
+    private shapeTextAllowsOverflow;
     private applyShapeTextFlow;
     private tryCreatePresetSvg;
     /**

package/dist/layout-engine/painters/dom/src/runs/text-effects.d.ts

@@ -0,0 +1,14 @@
+import { TextEffects } from '../../../../contracts/src/index.js';
+type TextInkBounds = {
+    left: number;
+    top: number;
+    right: number;
+    bottom: number;
+};
+export declare function resolveTextReflectionTransform(reflection: NonNullable<TextEffects['reflection']>, ink: TextInkBounds): {
+    transform: string;
+    maskDirection: 'top' | 'bottom' | 'left' | 'right';
+};
+/** Apply paint-only Word text effects without changing glyph metrics. */
+export declare function applyTextEffects(element: HTMLElement, effects: TextEffects | undefined): void;
+export {};

package/dist/style.css

@@ -1770,11 +1770,11 @@ img[data-v-c95b2073] {
   pointer-events: auto;
 }
 
-.superdoc[data-v-d39f5239] {
+.superdoc[data-v-dfc988f2] {
   display: flex;
   position: relative;
 }
-.sd-visually-hidden[data-v-d39f5239] {
+.sd-visually-hidden[data-v-dfc988f2] {
   position: absolute;
   width: 1px;
   height: 1px;
@@ -1785,30 +1785,30 @@ img[data-v-c95b2073] {
   white-space: nowrap;
   border: 0;
 }
-.right-sidebar[data-v-d39f5239] {
+.right-sidebar[data-v-dfc988f2] {
   min-width: 320px;
   height: 100%;
 }
-.floating-comments[data-v-d39f5239] {
+.floating-comments[data-v-dfc988f2] {
   min-width: 300px;
   width: 300px;
   height: 100%;
   overflow: visible;
 }
-.superdoc__layers[data-v-d39f5239] {
+.superdoc__layers[data-v-dfc988f2] {
   height: 100%;
   position: relative;
   box-sizing: border-box;
 }
-.superdoc__document[data-v-d39f5239] {
+.superdoc__document[data-v-dfc988f2] {
   width: 100%;
   position: relative;
 }
-.superdoc__sub-document[data-v-d39f5239] {
+.superdoc__sub-document[data-v-dfc988f2] {
   width: 100%;
   position: relative;
 }
-.superdoc__selection-layer[data-v-d39f5239] {
+.superdoc__selection-layer[data-v-dfc988f2] {
   position: absolute;
   min-width: 100%;
   min-height: 100%;
@@ -1819,13 +1819,13 @@ img[data-v-c95b2073] {
 /* SD-3497: PDF whiteboard overlay sits above the rendered PDF canvas but below
    the PDF comment anchors (z-index 6 in PdfCommentsLayer) so anchors stay
    clickable, and below the selection layer (z-index 10). */
-.superdoc__whiteboard-layer[data-v-d39f5239] {
+.superdoc__whiteboard-layer[data-v-dfc988f2] {
   z-index: 4;
 }
-.superdoc__temp-selection[data-v-d39f5239] {
+.superdoc__temp-selection[data-v-dfc988f2] {
   position: absolute;
 }
-.superdoc__right-sidebar[data-v-d39f5239] {
+.superdoc__right-sidebar[data-v-dfc988f2] {
   width: 320px;
   min-width: 320px;
   padding: 0 10px;
@@ -1833,7 +1833,7 @@ img[data-v-c95b2073] {
   position: relative;
   z-index: 2;
 }
-.superdoc__compact-comment-popover[data-v-d39f5239] {
+.superdoc__compact-comment-popover[data-v-dfc988f2] {
   position: absolute;
   top: 12px;
   right: 12px;
@@ -1842,14 +1842,14 @@ img[data-v-c95b2073] {
 }
 
 /* Tools styles */
-.tools[data-v-d39f5239] {
+.tools[data-v-dfc988f2] {
   position: absolute;
   z-index: 3;
   display: flex;
   flex-direction: column;
   gap: var(--sd-ui-tools-gap, 6px);
 }
-.tools-item[data-v-d39f5239] {
+.tools-item[data-v-dfc988f2] {
   display: flex;
   align-items: center;
   justify-content: center;
@@ -1860,10 +1860,10 @@ img[data-v-c95b2073] {
   cursor: pointer;
   position: relative;
 }
-.tools-item i[data-v-d39f5239] {
+.tools-item i[data-v-dfc988f2] {
   cursor: pointer;
 }
-.superdoc__tools-icon[data-v-d39f5239] {
+.superdoc__tools-icon[data-v-dfc988f2] {
   width: var(--sd-ui-tools-icon-size, 20px);
   height: var(--sd-ui-tools-icon-size, 20px);
   flex-shrink: 0;
@@ -1878,22 +1878,22 @@ img[data-v-c95b2073] {
 
 /* 834px is iPad screen size in portrait orientation */
 @media (max-width: 834px) {
-.superdoc .superdoc__layers[data-v-d39f5239] {
+.superdoc .superdoc__layers[data-v-dfc988f2] {
     margin: 0;
     border: 0 !important;
     box-shadow: none;
 }
-.superdoc__sub-document[data-v-d39f5239] {
+.superdoc__sub-document[data-v-dfc988f2] {
     max-width: 100%;
 }
-.superdoc__right-sidebar[data-v-d39f5239] {
+.superdoc__right-sidebar[data-v-dfc988f2] {
     padding: 10px;
     position: relative;
 }
 }
 
 /* AI Writer styles */
-.ai-writer-container[data-v-d39f5239] {
+.ai-writer-container[data-v-dfc988f2] {
   position: fixed;
   z-index: 1000;
   background: white;
@@ -1909,10 +1909,10 @@ img[data-v-c95b2073] {
   transform: translateY(-50%);
   z-index: 50;
 } */
-.ai-tool > svg[data-v-d39f5239] {
+.ai-tool > svg[data-v-dfc988f2] {
   fill: transparent;
 }
-.ai-tool[data-v-d39f5239]::before {
+.ai-tool[data-v-dfc988f2]::before {
   content: '';
   position: absolute;
   width: 20px;
@@ -1933,7 +1933,7 @@ img[data-v-c95b2073] {
   filter: brightness(1.2);
   transition: filter 0.2s ease;
 }
-.ai-tool[data-v-d39f5239]:hover::before {
+.ai-tool[data-v-dfc988f2]:hover::before {
   filter: brightness(1.3);
 }
 

package/dist/style.layered.css

@@ -1770,11 +1770,11 @@ img[data-v-c95b2073] {
   pointer-events: auto;
 }
 
-.superdoc[data-v-d39f5239] {
+.superdoc[data-v-dfc988f2] {
   display: flex;
   position: relative;
 }
-.sd-visually-hidden[data-v-d39f5239] {
+.sd-visually-hidden[data-v-dfc988f2] {
   position: absolute;
   width: 1px;
   height: 1px;
@@ -1785,30 +1785,30 @@ img[data-v-c95b2073] {
   white-space: nowrap;
   border: 0;
 }
-.right-sidebar[data-v-d39f5239] {
+.right-sidebar[data-v-dfc988f2] {
   min-width: 320px;
   height: 100%;
 }
-.floating-comments[data-v-d39f5239] {
+.floating-comments[data-v-dfc988f2] {
   min-width: 300px;
   width: 300px;
   height: 100%;
   overflow: visible;
 }
-.superdoc__layers[data-v-d39f5239] {
+.superdoc__layers[data-v-dfc988f2] {
   height: 100%;
   position: relative;
   box-sizing: border-box;
 }
-.superdoc__document[data-v-d39f5239] {
+.superdoc__document[data-v-dfc988f2] {
   width: 100%;
   position: relative;
 }
-.superdoc__sub-document[data-v-d39f5239] {
+.superdoc__sub-document[data-v-dfc988f2] {
   width: 100%;
   position: relative;
 }
-.superdoc__selection-layer[data-v-d39f5239] {
+.superdoc__selection-layer[data-v-dfc988f2] {
   position: absolute;
   min-width: 100%;
   min-height: 100%;
@@ -1819,13 +1819,13 @@ img[data-v-c95b2073] {
 /* SD-3497: PDF whiteboard overlay sits above the rendered PDF canvas but below
    the PDF comment anchors (z-index 6 in PdfCommentsLayer) so anchors stay
    clickable, and below the selection layer (z-index 10). */
-.superdoc__whiteboard-layer[data-v-d39f5239] {
+.superdoc__whiteboard-layer[data-v-dfc988f2] {
   z-index: 4;
 }
-.superdoc__temp-selection[data-v-d39f5239] {
+.superdoc__temp-selection[data-v-dfc988f2] {
   position: absolute;
 }
-.superdoc__right-sidebar[data-v-d39f5239] {
+.superdoc__right-sidebar[data-v-dfc988f2] {
   width: 320px;
   min-width: 320px;
   padding: 0 10px;
@@ -1833,7 +1833,7 @@ img[data-v-c95b2073] {
   position: relative;
   z-index: 2;
 }
-.superdoc__compact-comment-popover[data-v-d39f5239] {
+.superdoc__compact-comment-popover[data-v-dfc988f2] {
   position: absolute;
   top: 12px;
   right: 12px;
@@ -1842,14 +1842,14 @@ img[data-v-c95b2073] {
 }
 
 /* Tools styles */
-.tools[data-v-d39f5239] {
+.tools[data-v-dfc988f2] {
   position: absolute;
   z-index: 3;
   display: flex;
   flex-direction: column;
   gap: var(--sd-ui-tools-gap, 6px);
 }
-.tools-item[data-v-d39f5239] {
+.tools-item[data-v-dfc988f2] {
   display: flex;
   align-items: center;
   justify-content: center;
@@ -1860,10 +1860,10 @@ img[data-v-c95b2073] {
   cursor: pointer;
   position: relative;
 }
-.tools-item i[data-v-d39f5239] {
+.tools-item i[data-v-dfc988f2] {
   cursor: pointer;
 }
-.superdoc__tools-icon[data-v-d39f5239] {
+.superdoc__tools-icon[data-v-dfc988f2] {
   width: var(--sd-ui-tools-icon-size, 20px);
   height: var(--sd-ui-tools-icon-size, 20px);
   flex-shrink: 0;
@@ -1878,22 +1878,22 @@ img[data-v-c95b2073] {
 
 /* 834px is iPad screen size in portrait orientation */
 @media (max-width: 834px) {
-.superdoc .superdoc__layers[data-v-d39f5239] {
+.superdoc .superdoc__layers[data-v-dfc988f2] {
     margin: 0;
     border: 0 !important;
     box-shadow: none;
 }
-.superdoc__sub-document[data-v-d39f5239] {
+.superdoc__sub-document[data-v-dfc988f2] {
     max-width: 100%;
 }
-.superdoc__right-sidebar[data-v-d39f5239] {
+.superdoc__right-sidebar[data-v-dfc988f2] {
     padding: 10px;
     position: relative;
 }
 }
 
 /* AI Writer styles */
-.ai-writer-container[data-v-d39f5239] {
+.ai-writer-container[data-v-dfc988f2] {
   position: fixed;
   z-index: 1000;
   background: white;
@@ -1909,10 +1909,10 @@ img[data-v-c95b2073] {
   transform: translateY(-50%);
   z-index: 50;
 } */
-.ai-tool > svg[data-v-d39f5239] {
+.ai-tool > svg[data-v-dfc988f2] {
   fill: transparent;
 }
-.ai-tool[data-v-d39f5239]::before {
+.ai-tool[data-v-dfc988f2]::before {
   content: '';
   position: absolute;
   width: 20px;
@@ -1933,7 +1933,7 @@ img[data-v-c95b2073] {
   filter: brightness(1.2);
   transition: filter 0.2s ease;
 }
-.ai-tool[data-v-d39f5239]:hover::before {
+.ai-tool[data-v-dfc988f2]:hover::before {
   filter: brightness(1.3);
 }
 

package/dist/superdoc.cjs

@@ -21793,6 +21793,7 @@ var SuperDoc_default = /*#__PURE__*/ require__plugin_vue_export_helper._plugin_v
 				handleImageUpload: proxy.$superdoc.config.handleImageUpload,
 				externalExtensions: proxy.$superdoc.config.editorExtensions || [],
 				extensions: proxy.$superdoc.config.extensions || [],
+				...pdfConfig?.pdfLib ? { pdfLib: pdfConfig.pdfLib } : {},
 				suppressDefaultDocxStyles: proxy.$superdoc.config.suppressDefaultDocxStyles,
 				disableContextMenu: !proxy.$superdoc.uiConfig.contextMenu.enabled || proxy.$superdoc.config.disableContextMenu === true,
 				jsonOverride: proxy.$superdoc.config.jsonOverride,
@@ -22782,7 +22783,7 @@ var SuperDoc_default = /*#__PURE__*/ require__plugin_vue_export_helper._plugin_v
 			], 38);
 		};
 	}
-}, [["__scopeId", "data-v-d39f5239"]]);
+}, [["__scopeId", "data-v-dfc988f2"]]);
 //#endregion
 //#region src/core/create-app.js
 var PINIA_DEVTOOLS_SETUP_EVENT = "devtools-plugin:setup";
@@ -43261,7 +43262,7 @@ var SuperDoc = class extends require_eventemitter3.import_eventemitter3.default
 		this.config.colors = shuffleArray(this.config.colors);
 		this.userColorMap = /* @__PURE__ */ new Map();
 		this.colorIndex = 0;
-		this.version = "2.4.0-next.63";
+		this.version = "2.4.0-next.64";
 		this.#log("🦋 [superdoc] Using SuperDoc version:", this.version);
 		this.superdocId = config.superdocId || require_uuid.v4();
 		this.colors = this.config.colors ?? [];

package/dist/superdoc.es.js

@@ -21753,6 +21753,7 @@ var SuperDoc_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 				handleImageUpload: proxy.$superdoc.config.handleImageUpload,
 				externalExtensions: proxy.$superdoc.config.editorExtensions || [],
 				extensions: proxy.$superdoc.config.extensions || [],
+				...pdfConfig?.pdfLib ? { pdfLib: pdfConfig.pdfLib } : {},
 				suppressDefaultDocxStyles: proxy.$superdoc.config.suppressDefaultDocxStyles,
 				disableContextMenu: !proxy.$superdoc.uiConfig.contextMenu.enabled || proxy.$superdoc.config.disableContextMenu === true,
 				jsonOverride: proxy.$superdoc.config.jsonOverride,
@@ -22742,7 +22743,7 @@ var SuperDoc_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 			], 38);
 		};
 	}
-}, [["__scopeId", "data-v-d39f5239"]]);
+}, [["__scopeId", "data-v-dfc988f2"]]);
 //#endregion
 //#region src/core/create-app.js
 var PINIA_DEVTOOLS_SETUP_EVENT = "devtools-plugin:setup";
@@ -43194,7 +43195,7 @@ var SuperDoc = class extends import_eventemitter3.default {
 		this.config.colors = shuffleArray(this.config.colors);
 		this.userColorMap = /* @__PURE__ */ new Map();
 		this.colorIndex = 0;
-		this.version = "2.4.0-next.63";
+		this.version = "2.4.0-next.64";
 		this.#log("🦋 [superdoc] Using SuperDoc version:", this.version);
 		this.superdocId = config.superdocId || v4();
 		this.colors = this.config.colors ?? [];