pptx-react-viewer 4.45.0 → 4.47.0

package/dist/{chunk-2YCROYR6.js → chunk-MRSGNERC.js}

@@ -1,9 +1,10 @@
 'use strict';
 
-var chunkVJZJESNT_js = require('./chunk-VJZJESNT.js');
+var chunkMA2BI7LX_js = require('./chunk-MA2BI7LX.js');
 var pptx = require('ooxml-ui/pptx');
 var React17 = require('react');
 var jsxRuntime = require('react/jsx-runtime');
+var pptx$1 = require('ooxml-core/pptx');
 var i18n = require('ooxml-ui/pptx/i18n');
 var reactI18next = require('react-i18next');
 var reactDom = require('react-dom');
@@ -130,7 +131,7 @@ function useYjsProvider({ config: inputConfig }) {
     }
     setStatus("connecting");
     try {
-      const [Y, { WebrtcProvider }] = await Promise.all([import('yjs'), import('./y-webrtc-MB5ZXFBA.js')]);
+      const [Y, { WebrtcProvider }] = await Promise.all([import('yjs'), import('./y-webrtc-DVPQNFLL.js')]);
       if (generation !== generationRef.current) {
         return;
       }
@@ -205,7 +206,7 @@ function useYjsProvider({ config: inputConfig }) {
     }
     setStatus("connecting");
     try {
-      const [Y, { WebsocketProvider }] = await Promise.all([import('yjs'), import('./y-websocket-JQQZVAMX.js')]);
+      const [Y, { WebsocketProvider }] = await Promise.all([import('yjs'), import('./y-websocket-TN4OKPXQ.js')]);
       if (generation !== generationRef.current) {
         return;
       }
@@ -571,6 +572,7 @@ function useCollaborativeState({
     canvasWidth,
     canvasHeight
   });
+  const [writeBack, reportWriteBack] = React17.useState();
   const connectedCount = status === "connected" ? remoteUsers.length + 1 : remoteUsers.length;
   return React17.useMemo(
     () => config ? {
@@ -582,12 +584,25 @@ function useCollaborativeState({
       doc,
       synced,
       retry,
-      clientId
+      clientId,
+      writeBack,
+      reportWriteBack
     } : null,
-    [status, remoteUsers, broadcastPresence, connectedCount, config, doc, synced, retry, clientId]
+    [
+      status,
+      remoteUsers,
+      broadcastPresence,
+      connectedCount,
+      config,
+      doc,
+      synced,
+      retry,
+      clientId,
+      writeBack
+    ]
   );
 }
-var CollaborationContext = React17.createContext(null);
+var CollaborationContext = /* @__PURE__ */ React17.createContext(null);
 function useCollaboration() {
   return React17.useContext(CollaborationContext);
 }
@@ -749,9 +764,9 @@ function serializeHistoryDocument(snapshot) {
 }
 function recordExplicitSlideUpdate(past, future, previous, before, label, maxDepth) {
   if (previous && serializeHistoryDocument(previous) !== serializeHistoryDocument(before)) {
-    past.push(chunkVJZJESNT_js.cloneHistorySnapshot(previous));
+    past.push(chunkMA2BI7LX_js.cloneHistorySnapshot(previous));
   }
-  past.push({ ...chunkVJZJESNT_js.cloneHistorySnapshot(before), actionLabel: label });
+  past.push({ ...chunkMA2BI7LX_js.cloneHistorySnapshot(before), actionLabel: label });
   while (past.length > Math.max(1, maxDepth)) {
     past.shift();
   }
@@ -841,8 +856,8 @@ function useEditorHistory(input) {
         width: canvasSize.width,
         height: canvasSize.height,
         activeSlideIndex,
-        slides: slides.map(chunkVJZJESNT_js.cloneSlide),
-        templateElementsBySlideId: chunkVJZJESNT_js.cloneTemplateElementsBySlideId(templateElementsBySlideId),
+        slides: slides.map(chunkMA2BI7LX_js.cloneSlide),
+        templateElementsBySlideId: chunkMA2BI7LX_js.cloneTemplateElementsBySlideId(templateElementsBySlideId),
         ...actionLabel ? { actionLabel } : {}
       };
     },
@@ -855,9 +870,9 @@ function useEditorHistory(input) {
         width: snapshot.width,
         height: snapshot.height
       });
-      setSlides(snapshot.slides.map(chunkVJZJESNT_js.cloneSlide));
+      setSlides(snapshot.slides.map(chunkMA2BI7LX_js.cloneSlide));
       setTemplateElementsBySlideId(
-        chunkVJZJESNT_js.cloneTemplateElementsBySlideId(snapshot.templateElementsBySlideId)
+        chunkMA2BI7LX_js.cloneTemplateElementsBySlideId(snapshot.templateElementsBySlideId)
       );
       setActiveSlideIndex(Math.min(snapshot.activeSlideIndex, maxSlideIndex));
       setSelectedElementIds([]);
@@ -896,8 +911,8 @@ function useEditorHistory(input) {
     const currentSnapshot = buildHistorySnapshot(previousSnapshot.actionLabel);
     historyFutureRef.current.push(currentSnapshot);
     isApplyingHistoryRef.current = true;
-    const nextSnapshot = chunkVJZJESNT_js.cloneHistorySnapshot(previousSnapshot);
-    lastHistorySnapshotRef.current = chunkVJZJESNT_js.cloneHistorySnapshot(nextSnapshot);
+    const nextSnapshot = chunkMA2BI7LX_js.cloneHistorySnapshot(previousSnapshot);
+    lastHistorySnapshotRef.current = chunkMA2BI7LX_js.cloneHistorySnapshot(nextSnapshot);
     lastHistorySerializedRef.current = serializeHistoryDocument(nextSnapshot);
     applyHistorySnapshot(nextSnapshot);
     updateHistoryAvailability();
@@ -918,8 +933,8 @@ function useEditorHistory(input) {
     const currentSnapshot = buildHistorySnapshot(nextSnapshot.actionLabel);
     historyPastRef.current.push(currentSnapshot);
     isApplyingHistoryRef.current = true;
-    const targetSnapshot = chunkVJZJESNT_js.cloneHistorySnapshot(nextSnapshot);
-    lastHistorySnapshotRef.current = chunkVJZJESNT_js.cloneHistorySnapshot(targetSnapshot);
+    const targetSnapshot = chunkMA2BI7LX_js.cloneHistorySnapshot(nextSnapshot);
+    lastHistorySnapshotRef.current = chunkMA2BI7LX_js.cloneHistorySnapshot(targetSnapshot);
     lastHistorySerializedRef.current = serializeHistoryDocument(targetSnapshot);
     applyHistorySnapshot(targetSnapshot);
     updateHistoryAvailability();
@@ -937,7 +952,7 @@ function useEditorHistory(input) {
       historyPastRef.current = [];
       historyFutureRef.current = [];
       if (initialSnapshot) {
-        const clonedInitial = chunkVJZJESNT_js.cloneHistorySnapshot(initialSnapshot);
+        const clonedInitial = chunkMA2BI7LX_js.cloneHistorySnapshot(initialSnapshot);
         lastHistorySnapshotRef.current = clonedInitial;
         lastHistorySerializedRef.current = serializeHistoryDocument(clonedInitial);
       } else {
@@ -1019,8 +1034,8 @@ function useEditorHistory(input) {
     updateHistoryAvailability
   ]);
   const commitSlides = (nextSlides, label, beforeSlides = slides) => {
-    const before = { ...buildHistorySnapshot(), slides: beforeSlides.map(chunkVJZJESNT_js.cloneSlide) };
-    const after = { ...before, slides: nextSlides.map(chunkVJZJESNT_js.cloneSlide) };
+    const before = { ...buildHistorySnapshot(), slides: beforeSlides.map(chunkMA2BI7LX_js.cloneSlide) };
+    const after = { ...before, slides: nextSlides.map(chunkMA2BI7LX_js.cloneSlide) };
     recordExplicitSlideUpdate(
       historyPastRef.current,
       historyFutureRef.current,
@@ -1029,7 +1044,7 @@ function useEditorHistory(input) {
       label,
       maxHistoryEntries
     );
-    lastHistorySnapshotRef.current = chunkVJZJESNT_js.cloneHistorySnapshot(after);
+    lastHistorySnapshotRef.current = chunkMA2BI7LX_js.cloneHistorySnapshot(after);
     lastHistorySerializedRef.current = serializeHistoryDocument(after);
     isApplyingHistoryRef.current = false;
     setSlides(nextSlides);
@@ -1072,6 +1087,7 @@ function useViewerStore(store, selector, isEqual = Object.is) {
   );
   return React17.useSyncExternalStore(subscribe2, getSnapshot2, getSnapshot2);
 }
+var useBeforePaintEffect = typeof window === "undefined" ? React17.useEffect : React17.useLayoutEffect;
 function useViewportFit(canvasSize, viewportRef, options, viewportNode) {
   const [editorDimensions, setEditorDimensions] = React17.useState(null);
   const { maxFitScale } = pptx.resolveViewportFitOptions(options, pptx.editorViewportFitFor(Infinity));
@@ -1084,7 +1100,7 @@ function useViewportFit(canvasSize, viewportRef, options, viewportNode) {
     canvasHeight: canvasSize.height,
     maxFitScale
   });
-  React17.useEffect(() => {
+  useBeforePaintEffect(() => {
     if (viewportNode === null) {
       return;
     }
@@ -1216,22 +1232,22 @@ function useZoomViewport({
     selectedElements.forEach((element) => {
       minX = Math.min(minX, element.x);
       minY = Math.min(minY, element.y);
-      maxX = Math.max(maxX, element.x + Math.max(element.width, chunkVJZJESNT_js.MIN_ELEMENT_SIZE));
-      maxY = Math.max(maxY, element.y + Math.max(element.height, chunkVJZJESNT_js.MIN_ELEMENT_SIZE));
+      maxX = Math.max(maxX, element.x + Math.max(element.width, chunkMA2BI7LX_js.MIN_ELEMENT_SIZE));
+      maxY = Math.max(maxY, element.y + Math.max(element.height, chunkMA2BI7LX_js.MIN_ELEMENT_SIZE));
     });
     if (!Number.isFinite(minX) || !Number.isFinite(minY) || !Number.isFinite(maxX) || !Number.isFinite(maxY)) {
       return;
     }
     const selectionBounds = { minX, minY, maxX, maxY };
-    const boundsWidth = Math.max(selectionBounds.maxX - selectionBounds.minX, chunkVJZJESNT_js.MIN_ELEMENT_SIZE);
-    const boundsHeight = Math.max(selectionBounds.maxY - selectionBounds.minY, chunkVJZJESNT_js.MIN_ELEMENT_SIZE);
+    const boundsWidth = Math.max(selectionBounds.maxX - selectionBounds.minX, chunkMA2BI7LX_js.MIN_ELEMENT_SIZE);
+    const boundsHeight = Math.max(selectionBounds.maxY - selectionBounds.minY, chunkMA2BI7LX_js.MIN_ELEMENT_SIZE);
     const availableWidth = Math.max(
-      effectiveEditorDimensions.width - chunkVJZJESNT_js.ZOOM_TO_SELECTION_PADDING,
-      chunkVJZJESNT_js.MIN_ELEMENT_SIZE
+      effectiveEditorDimensions.width - chunkMA2BI7LX_js.ZOOM_TO_SELECTION_PADDING,
+      chunkMA2BI7LX_js.MIN_ELEMENT_SIZE
     );
     const availableHeight = Math.max(
-      effectiveEditorDimensions.height - chunkVJZJESNT_js.ZOOM_TO_SELECTION_PADDING,
-      chunkVJZJESNT_js.MIN_ELEMENT_SIZE
+      effectiveEditorDimensions.height - chunkMA2BI7LX_js.ZOOM_TO_SELECTION_PADDING,
+      chunkMA2BI7LX_js.MIN_ELEMENT_SIZE
     );
     const targetEditorScale = Math.min(
       availableWidth / boundsWidth,
@@ -4198,8 +4214,8 @@ function useViewerCoreState(_input) {
   const { slides, setSlides, slidesRef } = useSlideState();
   const [templateElementsBySlideId, setTemplateElementsBySlideId] = React17.useState({});
   const [canvasSize, setCanvasSize] = React17.useState({
-    width: chunkVJZJESNT_js.DEFAULT_CANVAS_WIDTH,
-    height: chunkVJZJESNT_js.DEFAULT_CANVAS_HEIGHT
+    width: chunkMA2BI7LX_js.DEFAULT_CANVAS_WIDTH,
+    height: chunkMA2BI7LX_js.DEFAULT_CANVAS_HEIGHT
   });
   const [slideSizeEmu, setSlideSizeEmu] = React17.useState();
   const [activeSlideIndex, setActiveSlideIndex] = React17.useState(0);
@@ -4523,8 +4539,8 @@ function useViewerState(input) {
   const crop = useCropSessionState();
   return { ...core, ...ui, ...crop };
 }
-var glyphOutlineFontCache = new pptx.GlyphOutlineFontCache();
-var getGlyphOutline = pptx.createGlyphOutlineLookup(glyphOutlineFontCache);
+var glyphOutlineFontCache = /* @__PURE__ */ new pptx.GlyphOutlineFontCache();
+var getGlyphOutline = /* @__PURE__ */ pptx.createGlyphOutlineLookup(glyphOutlineFontCache);
 
 // src/viewer/hooks/useLoadContent.ts
 function useLoadContent({
@@ -4587,7 +4603,7 @@ function useLoadContent({
     }
     let cancelled = false;
     const token = ++renderTokenRef.current;
-    const handler = new chunkVJZJESNT_js.dist_exports.PptxHandler();
+    const handler = new pptx$1.PptxHandler();
     const resources = pptx.createPresentationLoadResources(handler);
     const loadBlobUrls = resources.blobUrls;
     (async () => {
@@ -4672,12 +4688,12 @@ function useLoadContent({
         }
         resources.commit();
         handlerRef.current = handler;
-        const partition = chunkVJZJESNT_js.partitionTemplateElements(nextSlides);
+        const partition = chunkMA2BI7LX_js.partitionTemplateElements(nextSlides);
         setSlides(partition.slides);
         setTemplateElementsBySlideId(partition.templateElementsBySlideId);
         setCanvasSize({
-          width: parsed.width ?? chunkVJZJESNT_js.DEFAULT_CANVAS_WIDTH,
-          height: parsed.height ?? chunkVJZJESNT_js.DEFAULT_CANVAS_HEIGHT
+          width: parsed.width ?? chunkMA2BI7LX_js.DEFAULT_CANVAS_WIDTH,
+          height: parsed.height ?? chunkMA2BI7LX_js.DEFAULT_CANVAS_HEIGHT
         });
         setSlideSizeEmu(
           typeof parsed.widthEmu === "number" && typeof parsed.heightEmu === "number" && parsed.widthEmu > 0 && parsed.heightEmu > 0 ? {
@@ -4741,7 +4757,7 @@ function useLoadContent({
         onContentApplied?.();
       } catch (err) {
         if (!cancelled && token === renderTokenRef.current) {
-          if (err instanceof chunkVJZJESNT_js.dist_exports.EncryptedFileError) {
+          if (err instanceof pptx$1.EncryptedFileError) {
             setIsEncrypted(true);
           } else {
             console.error("[pptx] Failed to load presentation content:", err);
@@ -4780,9 +4796,15 @@ function useAutosave(input) {
   const isDirtyRef = React17.useRef(isDirty);
   const filePathRef = React17.useRef(filePath);
   const serializeRef = React17.useRef(serializeSlides);
+  const storageRef = React17.useRef(input.storage);
+  storageRef.current = input.storage;
   const isSavingRef = React17.useRef(false);
   const changeSourcesRef = React17.useRef(getChangeSources);
   const lastSnapshotRef = React17.useRef(void 0);
+  const onSavedRef = React17.useRef(input.onSaved);
+  React17.useEffect(() => {
+    onSavedRef.current = input.onSaved;
+  }, [input.onSaved]);
   React17.useEffect(() => {
     isDirtyRef.current = isDirty;
   }, [isDirty]);
@@ -4819,9 +4841,10 @@ function useAutosave(input) {
         isSavingRef.current = false;
         return;
       }
-      await pptx.saveAutosaveSnapshot(path, data);
+      await pptx.saveAutosaveSnapshot(path, data, storageRef.current);
       lastSnapshotRef.current = pptx.autosaveSnapshotMark(path, sources);
       setAutosaveStatus({ state: "saved", timestamp: Date.now() });
+      onSavedRef.current?.(data);
     } catch (err) {
       setAutosaveStatus({
         state: "error",
@@ -4866,7 +4889,7 @@ function useTextElementOperations(input) {
     updateSelectedElement
   } = input;
   const liveTextSegments = React17.useCallback(() => {
-    if (!selectedElement || !(0, chunkVJZJESNT_js.dist_exports.hasTextProperties)(selectedElement)) {
+    if (!selectedElement || !pptx$1.hasTextProperties(selectedElement)) {
       return void 0;
     }
     if (selectedElement.id !== inlineEditingElementId) {
@@ -4884,7 +4907,7 @@ function useTextElementOperations(input) {
   }, [selectedElement, inlineEditingElementId, inlineEditingText, inlineEditingSnapshotRef]);
   const updateSelectedTextStyle = React17.useCallback(
     (updates) => {
-      if (!selectedElement || !(0, chunkVJZJESNT_js.dist_exports.hasTextProperties)(selectedElement)) {
+      if (!selectedElement || !pptx$1.hasTextProperties(selectedElement)) {
         return;
       }
       const isLiveEditing = selectedElement.id === inlineEditingElementId;
@@ -4962,7 +4985,7 @@ function useTextElementOperations(input) {
   );
   const toggleSelectedBullets = React17.useCallback(
     (kind) => {
-      if (!selectedElement || !(0, chunkVJZJESNT_js.dist_exports.hasTextProperties)(selectedElement)) {
+      if (!selectedElement || !pptx$1.hasTextProperties(selectedElement)) {
         return;
       }
       const currentSegments = liveTextSegments();
@@ -5013,7 +5036,7 @@ function useTextElementOperations(input) {
   );
   const updateSelectedTextCase = React17.useCallback(
     (mode) => {
-      if (!selectedElement || !(0, chunkVJZJESNT_js.dist_exports.hasTextProperties)(selectedElement)) {
+      if (!selectedElement || !pptx$1.hasTextProperties(selectedElement)) {
         return;
       }
       const isLiveEditing = selectedElement.id === inlineEditingElementId;
@@ -5129,7 +5152,7 @@ function useElementOperations(input) {
         );
         return;
       }
-      if (chunkVJZJESNT_js.isTemplateElementId(elementId)) {
+      if (chunkMA2BI7LX_js.isTemplateElementId(elementId)) {
         const slideId = activeSlide?.id;
         if (slideId) {
           setTemplateElementsBySlideId((prev) => ({
@@ -5165,7 +5188,7 @@ function useElementOperations(input) {
   );
   const updateSelectedShapeStyle = React17.useCallback(
     (updates) => {
-      if (!selectedElement || !(0, chunkVJZJESNT_js.dist_exports.hasShapeProperties)(selectedElement)) {
+      if (!selectedElement || !pptx$1.hasShapeProperties(selectedElement)) {
         return;
       }
       updateSelectedElement({
@@ -5369,15 +5392,15 @@ function syncSelectionHandleOverlay(elementNode, elementId, geometry) {
 // src/viewer/hooks/pointer-move-handlers.ts
 function computeResizeGeometry(handle, startX, startY, startWidth, startHeight, dx, dy, snapToGrid, gridSpacingPx, lockAspect = false) {
   const startBox = { x: startX, y: startY, width: startWidth, height: startHeight };
-  let resized = pptx.applyResize(startBox, handle, dx, dy, 1, { minSize: chunkVJZJESNT_js.MIN_ELEMENT_SIZE });
+  let resized = pptx.applyResize(startBox, handle, dx, dy, 1, { minSize: chunkMA2BI7LX_js.MIN_ELEMENT_SIZE });
   if (lockAspect) {
-    resized = pptx.lockResizeAspect(resized, startBox, handle, chunkVJZJESNT_js.MIN_ELEMENT_SIZE);
+    resized = pptx.lockResizeAspect(resized, startBox, handle, chunkMA2BI7LX_js.MIN_ELEMENT_SIZE);
   }
   const box = { x: resized.x, y: resized.y, width: resized.width, height: resized.height };
   if (!snapToGrid) {
     return box;
   }
-  return pptx.snapBoxToGrid(box, handle, gridSpacingPx, chunkVJZJESNT_js.MIN_ELEMENT_SIZE);
+  return pptx.snapBoxToGrid(box, handle, gridSpacingPx, chunkMA2BI7LX_js.MIN_ELEMENT_SIZE);
 }
 function resolveLiveTarget(input) {
   const { livePatcher, editTemplateMode, activeSlide } = input;
@@ -5490,7 +5513,7 @@ function processDragMove(e, drag, editorScale, snapToGrid, snapToShape, gridSpac
         width: el.width,
         height: el.height
       }));
-      const snapResult = chunkVJZJESNT_js.computeSnapToShape(
+      const snapResult = chunkMA2BI7LX_js.computeSnapToShape(
         targetX,
         targetY,
         primaryEl.width,
@@ -5564,8 +5587,8 @@ function processResizeMove(e, rs, editorScale, snapToGrid, gridSpacingPx, live)
   rs.lastY = geo.y;
   rs.lastWidth = geo.width;
   rs.lastHeight = geo.height;
-  const width = Math.max(geo.width, chunkVJZJESNT_js.MIN_ELEMENT_SIZE);
-  const height = Math.max(geo.height, chunkVJZJESNT_js.MIN_ELEMENT_SIZE);
+  const width = Math.max(geo.width, chunkMA2BI7LX_js.MIN_ELEMENT_SIZE);
+  const height = Math.max(geo.height, chunkMA2BI7LX_js.MIN_ELEMENT_SIZE);
   if (rs.domEl) {
     rs.domEl.style.left = `${geo.x}px`;
     rs.domEl.style.top = `${geo.y}px`;
@@ -5658,13 +5681,13 @@ function processPointerUp(input) {
         if (i !== activeSlideIndex) {
           return s;
         }
-        const rerouted = chunkVJZJESNT_js.rerouteConnectorsForMovedElements(s.elements, movedIds);
+        const rerouted = chunkMA2BI7LX_js.rerouteConnectorsForMovedElements(s.elements, movedIds);
         if (rerouted.length === 0) {
           return s;
         }
         return {
           ...s,
-          elements: chunkVJZJESNT_js.applyReroutedConnectors(s.elements, rerouted)
+          elements: chunkMA2BI7LX_js.applyReroutedConnectors(s.elements, rerouted)
         };
       })
     );
@@ -5716,8 +5739,8 @@ function commitDrag(drag, editTemplateMode, activeSlide, activeSlideIndex, setTe
       }
       return { ...el, x: start.x + dx, y: start.y + dy };
     });
-    const rerouted = chunkVJZJESNT_js.rerouteConnectorsForMovedElements(movedElements, movedIds);
-    return chunkVJZJESNT_js.applyReroutedConnectors(movedElements, rerouted);
+    const rerouted = chunkMA2BI7LX_js.rerouteConnectorsForMovedElements(movedElements, movedIds);
+    return chunkMA2BI7LX_js.applyReroutedConnectors(movedElements, rerouted);
   };
   if (editTemplateMode) {
     const slideId = activeSlide?.id;
@@ -5905,7 +5928,7 @@ function useCanvasInteractions(input) {
       return;
     }
     const el = elementLookup.get(editId);
-    if (el && (0, chunkVJZJESNT_js.dist_exports.hasTextProperties)(el)) {
+    if (el && pptx$1.hasTextProperties(el)) {
       const reader = inlineEditingReaderRef?.current;
       const read = reader?.elementId === editId ? reader.read() : void 0;
       if (read?.kind === "unsupported") {
@@ -5952,7 +5975,7 @@ function useCanvasInteractions(input) {
     wasEditable.current = canEdit;
   }, [canEdit]);
   const openEquationEditorForElement = (el) => {
-    if (!(0, chunkVJZJESNT_js.dist_exports.hasTextProperties)(el)) {
+    if (!pptx$1.hasTextProperties(el)) {
       return false;
     }
     const eqSeg = el.textSegments?.find((seg) => seg.equationXml);
@@ -5985,7 +6008,7 @@ function useCanvasInteractions(input) {
         justInteractedRef.current = false;
       } else {
         const el = elementLookup.get(elementId);
-        if (el && (0, chunkVJZJESNT_js.dist_exports.hasTextProperties)(el) && pptx.canInteractWithElement(el, "textEdit")) {
+        if (el && pptx$1.hasTextProperties(el) && pptx.canInteractWithElement(el, "textEdit")) {
           if (!openEquationEditorForElement(el)) {
             pptx.setPendingCaretPoint(e);
             setInlineEditingElementId(elementId);
@@ -6011,7 +6034,7 @@ function useCanvasInteractions(input) {
     if (openEquationEditorForElement(el)) {
       return;
     }
-    if ((0, chunkVJZJESNT_js.dist_exports.hasTextProperties)(el) && pptx.canInteractWithElement(el, "textEdit")) {
+    if (pptx$1.hasTextProperties(el) && pptx.canInteractWithElement(el, "textEdit")) {
       setInlineEditingElementId(elementId);
       setInlineEditingText(el.text ?? "");
     }
@@ -6476,7 +6499,7 @@ function createStructuredElementHandlers(deps) {
       return;
     }
     const resolved = resolveHyperlinkEditResult(data);
-    if (resolved.url && !chunkVJZJESNT_js.isUrlSafe(resolved.url)) {
+    if (resolved.url && !chunkMA2BI7LX_js.isUrlSafe(resolved.url)) {
       return;
     }
     const actionClick = {
@@ -6522,11 +6545,11 @@ function createStructuredElementHandlers(deps) {
     if (!activeSlide) {
       return;
     }
-    const preset = chunkVJZJESNT_js.ACTION_BUTTON_PRESETS.find((p) => p.shapeType === shapeType);
+    const preset = chunkMA2BI7LX_js.ACTION_BUTTON_PRESETS.find((p) => p.shapeType === shapeType);
     if (!preset) {
       return;
     }
-    const defaultPptxAction = (0, chunkVJZJESNT_js.dist_exports.elementActionToPptxAction)({
+    const defaultPptxAction = pptx$1.elementActionToPptxAction({
       trigger: "click",
       type: preset.defaultAction
     });
@@ -6609,7 +6632,7 @@ function useInsertElements(input) {
       width: 300,
       height: 60,
       text: "",
-      textStyle: { fontSize: chunkVJZJESNT_js.DEFAULT_TEXT_FONT_SIZE }
+      textStyle: { fontSize: chunkMA2BI7LX_js.DEFAULT_TEXT_FONT_SIZE }
     });
   };
   const handleAddShape = () => {
@@ -6631,7 +6654,7 @@ function useInsertElements(input) {
       }
     });
   };
-  const handleAddTable = (rows = chunkVJZJESNT_js.DEFAULT_TABLE_ROWS, columns = chunkVJZJESNT_js.DEFAULT_TABLE_COLUMNS) => {
+  const handleAddTable = (rows = chunkMA2BI7LX_js.DEFAULT_TABLE_ROWS, columns = chunkMA2BI7LX_js.DEFAULT_TABLE_COLUMNS) => {
     if (!activeSlide) {
       return;
     }
@@ -6805,7 +6828,7 @@ function useGroupAlignLayerHandlers(input) {
     history
   } = input;
   const updateElementsOwning = (elementId, updater) => {
-    if (editTemplateMode && !chunkVJZJESNT_js.isTemplateElementId(elementId)) {
+    if (editTemplateMode && !chunkMA2BI7LX_js.isTemplateElementId(elementId)) {
       ops.updateSlides(
         (prev) => prev.map(
           (slide, index) => index === activeSlideIndex ? { ...slide, elements: updater(slide.elements) } : slide
@@ -6839,9 +6862,9 @@ function useGroupAlignLayerHandlers(input) {
       return;
     }
     const group = selectedElement;
-    const intoTemplate = chunkVJZJESNT_js.isTemplateElementId(group.id);
+    const intoTemplate = chunkMA2BI7LX_js.isTemplateElementId(group.id);
     const childIds = group.children.map(
-      (child) => intoTemplate ? chunkVJZJESNT_js.makeCloneId(true, child.id || group.id) : child.id || pptx.generateElementId()
+      (child) => intoTemplate ? chunkMA2BI7LX_js.makeCloneId(true, child.id || group.id) : child.id || pptx.generateElementId()
     );
     const { elements, childIds: usedIds } = pptx.ungroupElements(
       ops.activeElements,
@@ -7173,7 +7196,7 @@ function useSlideManagement(input) {
         if (!src) {
           continue;
         }
-        const clone = { ...(0, chunkVJZJESNT_js.dist_exports.duplicateSlide)(src, next.length + 1), id: pptx.makeSlideId() };
+        const clone = { ...pptx$1.duplicateSlide(src, next.length + 1), id: pptx.makeSlideId() };
         next.splice(i + offset + 1, 0, clone);
         offset++;
       }
@@ -7277,7 +7300,7 @@ function createTableMergeHandlers(input) {
     if (!nextCell || nextCell.hMerge || nextCell.vMerge) {
       return;
     }
-    const newTableData = chunkVJZJESNT_js.mergeCells(
+    const newTableData = chunkMA2BI7LX_js.mergeCells(
       [
         { row: rowIndex, col: columnIndex },
         { row: rowIndex, col: nextColIdx }
@@ -7285,7 +7308,7 @@ function createTableMergeHandlers(input) {
       td
     );
     const updates = { tableData: newTableData };
-    const newRawXml = (0, chunkVJZJESNT_js.dist_exports.updateMergeAttrsInRawXml)(selectedElement, newTableData);
+    const newRawXml = chunkMA2BI7LX_js.updateMergeAttrsInRawXml(selectedElement, newTableData);
     if (newRawXml) {
       updates.rawXml = newRawXml;
     }
@@ -7311,7 +7334,7 @@ function createTableMergeHandlers(input) {
     if (!targetNextCell || targetNextCell.hMerge || targetNextCell.vMerge) {
       return;
     }
-    const newTableData = chunkVJZJESNT_js.mergeCells(
+    const newTableData = chunkMA2BI7LX_js.mergeCells(
       [
         { row: rowIndex, col: columnIndex },
         { row: targetNextRowIdx, col: columnIndex }
@@ -7319,7 +7342,7 @@ function createTableMergeHandlers(input) {
       td
     );
     const updates = { tableData: newTableData };
-    const newRawXml = (0, chunkVJZJESNT_js.dist_exports.updateMergeAttrsInRawXml)(selectedElement, newTableData);
+    const newRawXml = chunkMA2BI7LX_js.updateMergeAttrsInRawXml(selectedElement, newTableData);
     if (newRawXml) {
       updates.rawXml = newRawXml;
     }
@@ -7334,9 +7357,9 @@ function createTableMergeHandlers(input) {
       return;
     }
     const td = selectedElement.tableData;
-    const newTableData = chunkVJZJESNT_js.mergeCells(ts.selectedCells, td);
+    const newTableData = chunkMA2BI7LX_js.mergeCells(ts.selectedCells, td);
     const updates = { tableData: newTableData };
-    const newRawXml = (0, chunkVJZJESNT_js.dist_exports.updateMergeAttrsInRawXml)(selectedElement, newTableData);
+    const newRawXml = chunkMA2BI7LX_js.updateMergeAttrsInRawXml(selectedElement, newTableData);
     if (newRawXml) {
       updates.rawXml = newRawXml;
     }
@@ -7353,9 +7376,9 @@ function createTableMergeHandlers(input) {
     }
     const { rowIndex, columnIndex } = ts;
     const td = selectedElement.tableData;
-    const newTableData = chunkVJZJESNT_js.splitCell(rowIndex, columnIndex, td);
+    const newTableData = chunkMA2BI7LX_js.splitCell(rowIndex, columnIndex, td);
     const updates = { tableData: newTableData };
-    const newRawXml = (0, chunkVJZJESNT_js.dist_exports.updateMergeAttrsInRawXml)(selectedElement, newTableData);
+    const newRawXml = chunkMA2BI7LX_js.updateMergeAttrsInRawXml(selectedElement, newTableData);
     if (newRawXml) {
       updates.rawXml = newRawXml;
     }
@@ -7390,7 +7413,7 @@ function createTableStructHandlers(input) {
       updates.tableData = pptx.setCellText(el, rowIndex, colIndex, text).tableData;
     }
     if (el.rawXml) {
-      const newRawXml = (0, chunkVJZJESNT_js.dist_exports.updateCellTextInRawXml)(el, rowIndex, colIndex, text);
+      const newRawXml = chunkMA2BI7LX_js.updateCellTextInRawXml(el, rowIndex, colIndex, text);
       if (newRawXml) {
         updates.rawXml = newRawXml;
       }
@@ -7414,7 +7437,7 @@ function createTableStructHandlers(input) {
     const { rowIndex, columnIndex: colIndex } = ts;
     const updates = {};
     if (selectedElement.rawXml) {
-      const newRawXml = (0, chunkVJZJESNT_js.dist_exports.updateCellTextStyleInRawXml)(
+      const newRawXml = chunkMA2BI7LX_js.updateCellTextStyleInRawXml(
         selectedElement,
         rowIndex,
         colIndex,
@@ -7548,6 +7571,8 @@ function useExportSaveAs(input) {
     slides,
     templateElementsBySlideId,
     filePath,
+    storage,
+    onSaveError,
     serializeSlides,
     headerFooter,
     presentationProperties,
@@ -7563,25 +7588,32 @@ function useExportSaveAs(input) {
     canvasSize,
     slideSizeEmu
   } = input;
-  const handleSaveAsFormat = async (format) => {
+  const handleSaveAsFormat = async (format, reason = "saveAs") => {
     const downloadName = pptx.savedPresentationFileName(filePath, format);
     try {
       const data = await serializeSlides(format);
       if (!data) {
-        return;
+        return false;
       }
-      const mimeType = format === "ppt" ? "application/vnd.ms-powerpoint" : "application/vnd.openxmlformats-officedocument.presentationml.presentation";
-      const blob = new Blob([data], { type: mimeType });
-      pptx.downloadBlob(blob, downloadName);
+      await pptx.deliverSavedPresentation({
+        storage,
+        bytes: data,
+        format,
+        fileName: downloadName,
+        reason
+      });
+      return true;
     } catch (err) {
       console.error(`[PowerPointViewer] Save as .${format} failed:`, err);
+      onSaveError?.(err);
+      return false;
     }
   };
   const handleExportJson = () => {
     const sourceName = filePath ? filePath.replace(/\\/gu, "/").split("/").pop() : void 0;
     const slideSize = pptx.resolveSlideSizeSelection({ current: slideSizeEmu, canvas: canvasSize }).size;
     const data = {
-      slides: chunkVJZJESNT_js.buildSaveSlides(slides, templateElementsBySlideId),
+      slides: chunkMA2BI7LX_js.buildSaveSlides(slides, templateElementsBySlideId),
       width: canvasSize.width,
       height: canvasSize.height,
       widthEmu: slideSize.widthEmu,
@@ -7605,6 +7637,9 @@ function useExportSaveAs(input) {
       console.error("[PowerPointViewer] JSON export failed:", err);
     }
   };
+  const handleSave = () => {
+    void handleSaveAsFormat("pptx", "save");
+  };
   const handleSaveAsPptx = () => {
     void handleSaveAsFormat("pptx");
   };
@@ -7620,6 +7655,7 @@ function useExportSaveAs(input) {
   return {
     handleExportJson,
     handleSaveAsFormat,
+    handleSave,
     handleSaveAsPptx,
     handleSaveAsPpsx,
     handleSaveAsPptm,
@@ -7739,7 +7775,7 @@ async function captureAllSlidesAsPngDataUrls(slideStageRef, totalSlides, setActi
 }
 function tilesToPdfPage(tilesResult) {
   return tilesResult.tiles.map((tile) => ({
-    image: chunkVJZJESNT_js.canvasToJpegData(tile.canvas),
+    image: chunkMA2BI7LX_js.canvasToJpegData(tile.canvas),
     placement: pptx.placeTileOnPage(
       tile,
       tilesResult.fullWidth,
@@ -7772,7 +7808,7 @@ async function exportAllSlidesAsPdf(slideStageRef, totalSlides, setActiveSlide,
   if (pages.length === 0) {
     throw new Error(i18n.translationsEn["pptx.export.errorNoSlidesPdf"]);
   }
-  const pdfBlobUrl = chunkVJZJESNT_js.buildPdfFromTiledImageData(pages);
+  const pdfBlobUrl = chunkMA2BI7LX_js.buildPdfFromTiledImageData(pages);
   pptx.downloadDataUrl(pdfBlobUrl, filename);
 }
 async function exportAllSlidesAsNotesPdf(slideStageRef, totalSlides, setActiveSlide, currentSlideIndex, slideNotes, filename = "presentation-notes.pdf", options = {}) {
@@ -7802,7 +7838,7 @@ async function exportAllSlidesAsNotesPdf(slideStageRef, totalSlides, setActiveSl
   if (pages.length === 0) {
     throw new Error(i18n.translationsEn["pptx.export.errorNoSlidesNotesPdf"]);
   }
-  const pdfDataUrl = chunkVJZJESNT_js.buildNotesPdf(pages);
+  const pdfDataUrl = chunkMA2BI7LX_js.buildNotesPdf(pages);
   pptx.downloadDataUrl(pdfDataUrl, filename);
 }
 async function exportAllSlidesAsVideo(slideStageRef, totalSlides, setActiveSlide, currentSlideIndex, options = {}) {
@@ -7949,8 +7985,6 @@ async function exportAllSlidesAsGif(slideStageRef, totalSlides, setActiveSlide,
   new Uint8Array(buf).set(gifBytes);
   return new Blob([buf], { type: "image/gif" });
 }
-
-// src/viewer/utils/export-svg.ts
 function injectFontFaces(svg, fontFaces) {
   if (!fontFaces.length) {
     return svg;
@@ -7997,7 +8031,7 @@ function exportAllSlidesToSvg(data, options = {}) {
       continue;
     }
     onProgress?.(processedCount, data.slides.length);
-    let svg = chunkVJZJESNT_js.dist_exports.SvgExporter.exportSlide(slide, data.width, data.height, svgOptions);
+    let svg = pptx$1.SvgExporter.exportSlide(slide, data.width, data.height, svgOptions);
     if (embedFonts && fontFaces?.length) {
       svg = injectFontFaces(svg, fontFaces);
     }
@@ -8227,6 +8261,8 @@ function useExportHandlers(input) {
     activeSlide,
     activeSlideIndex,
     filePath,
+    storage,
+    onSaveError,
     canvasStageRef,
     setActiveSlideIndex,
     serializeSlides,
@@ -8280,6 +8316,7 @@ function useExportHandlers(input) {
   const {
     handleExportJson,
     handleSaveAsFormat,
+    handleSave,
     handleSaveAsPptx,
     handleSaveAsPpsx,
     handleSaveAsPptm,
@@ -8288,6 +8325,8 @@ function useExportHandlers(input) {
     slides,
     templateElementsBySlideId,
     filePath,
+    storage,
+    onSaveError,
     serializeSlides,
     headerFooter,
     presentationProperties,
@@ -8388,6 +8427,7 @@ function useExportHandlers(input) {
     handleExportGif,
     handleExportJson,
     handleSaveAsFormat,
+    handleSave,
     handleSaveAsPptx,
     handleSaveAsPpsx,
     handleSaveAsPptm,
@@ -8399,8 +8439,10 @@ function useExportHandlers(input) {
     exportStatusMessage
   };
 }
-var ViewerOptionsContext = React17.createContext(pptx.DEFAULT_VIEWER_OPTIONS);
-var ViewerOptionsStoreContext = React17.createContext(null);
+var ViewerOptionsContext = /* @__PURE__ */ React17.createContext(pptx.DEFAULT_VIEWER_OPTIONS);
+var ViewerOptionsStoreContext = /* @__PURE__ */ React17.createContext(
+  null
+);
 function useViewerOptionsContext() {
   return React17.useContext(ViewerOptionsContext);
 }
@@ -8569,8 +8611,6 @@ function usePrintHandlers(input) {
     setIsPrintDialogOpen
   };
 }
-
-// src/viewer/hooks/theme-editor-apply.ts
 async function applyThemeEditorEdit(input, { colorScheme, fontScheme, name }) {
   const {
     handlerRef,
@@ -8586,10 +8626,10 @@ async function applyThemeEditorEdit(input, { colorScheme, fontScheme, name }) {
     return;
   }
   await handler.applyTheme(colorScheme, fontScheme, name);
-  const previousMap = theme?.colorScheme ? (0, chunkVJZJESNT_js.dist_exports.buildThemeColorMap)(theme.colorScheme) : {};
+  const previousMap = theme?.colorScheme ? pptx$1.buildThemeColorMap(theme.colorScheme) : {};
   bumpHistory();
   setSlides(
-    (slides) => (0, chunkVJZJESNT_js.dist_exports.applyThemeToData)(
+    (slides) => pptx$1.applyThemeToData(
       { slides, theme, themeColorMap: previousMap },
       colorScheme,
       fontScheme,
@@ -8600,8 +8640,8 @@ async function applyThemeEditorEdit(input, { colorScheme, fontScheme, name }) {
     (prev) => Object.fromEntries(
       Object.entries(prev).map(([id, elements]) => [
         id,
-        (0, chunkVJZJESNT_js.dist_exports.reResolveElementFonts)(
-          (0, chunkVJZJESNT_js.dist_exports.reResolveElementColors)(elements, previousMap, colorScheme),
+        pptx$1.reResolveElementFonts(
+          pptx$1.reResolveElementColors(elements, previousMap, colorScheme),
           theme?.fontScheme,
           fontScheme
         )
@@ -8659,13 +8699,13 @@ function useThemeHandlers(input) {
       return;
     }
     await handler.updateThemeColorScheme(colorScheme);
-    const previousMap = theme?.colorScheme ? (0, chunkVJZJESNT_js.dist_exports.buildThemeColorMap)(theme.colorScheme) : {};
-    setSlides((prev) => (0, chunkVJZJESNT_js.dist_exports.reResolveSlideColors)(prev, previousMap, colorScheme));
+    const previousMap = theme?.colorScheme ? pptx$1.buildThemeColorMap(theme.colorScheme) : {};
+    setSlides((prev) => pptx$1.reResolveSlideColors(prev, previousMap, colorScheme));
     if (Object.keys(templateElementsBySlideId).length > 0) {
       setTemplateElementsBySlideId((prev) => {
         const next = {};
         for (const [slideId, elements] of Object.entries(prev)) {
-          next[slideId] = (0, chunkVJZJESNT_js.dist_exports.reResolveElementColors)(elements, previousMap, colorScheme);
+          next[slideId] = pptx$1.reResolveElementColors(elements, previousMap, colorScheme);
         }
         return next;
       });
@@ -8776,7 +8816,7 @@ function useThemeSwitching(input) {
       }
       try {
         await handler.applyTheme(preset.colorScheme, preset.fontScheme, preset.name);
-        const newData = (0, chunkVJZJESNT_js.dist_exports.applyThemeToData)(data, preset.colorScheme, preset.fontScheme, preset.name);
+        const newData = pptx$1.applyThemeToData(data, preset.colorScheme, preset.fontScheme, preset.name);
         onDataChange(newData);
         onThemeChanged?.(preset);
       } catch (error) {
@@ -8793,7 +8833,7 @@ function useThemeSwitching(input) {
       }
       try {
         await handler.applyTheme(colorScheme, fontScheme ?? {}, themeName);
-        const newData = (0, chunkVJZJESNT_js.dist_exports.applyThemeToData)(data, colorScheme, fontScheme, themeName);
+        const newData = pptx$1.applyThemeToData(data, colorScheme, fontScheme, themeName);
         onDataChange(newData);
       } catch (error) {
         console.error("Failed to switch to custom theme:", error);
@@ -8805,12 +8845,12 @@ function useThemeSwitching(input) {
     if (!data?.theme?.colorScheme) {
       return void 0;
     }
-    return chunkVJZJESNT_js.dist_exports.THEME_PRESETS.find(
-      (p) => (0, chunkVJZJESNT_js.dist_exports.themeColorSchemesEqual)(data.theme?.colorScheme, p.colorScheme)
+    return pptx$1.THEME_PRESETS.find(
+      (p) => pptx$1.themeColorSchemesEqual(data.theme?.colorScheme, p.colorScheme)
     );
   }, [data?.theme?.colorScheme]);
   return {
-    presets: chunkVJZJESNT_js.dist_exports.THEME_PRESETS,
+    presets: pptx$1.THEME_PRESETS,
     switchToPreset,
     switchToCustom,
     currentPreset
@@ -8831,7 +8871,9 @@ function usePropertyHandlers(input) {
     setSlides,
     setIsDirty,
     ops,
-    history
+    history,
+    onPropertiesChange,
+    onNotesUpdate
   } = input;
   const [isVersionHistoryOpen, setIsVersionHistoryOpen] = React17.useState(false);
   const [isComparePanelOpen, setIsComparePanelOpen] = React17.useState(false);
@@ -8847,6 +8889,7 @@ function usePropertyHandlers(input) {
       )
     );
     history.markDirty();
+    onNotesUpdate?.(text);
   };
   const handleUpdateSlide = (updates) => {
     ops.updateSlides(
@@ -8861,6 +8904,7 @@ function usePropertyHandlers(input) {
   const handleUpdateCoreProperties = (updates) => {
     setCoreProperties((prev) => ({ ...prev, ...updates }));
     history.markDirty();
+    onPropertiesChange?.(updates);
   };
   const handleUpdateAppProperties = (updates) => {
     setAppProperties((prev) => ({ ...prev, ...updates }));
@@ -8887,7 +8931,7 @@ function usePropertyHandlers(input) {
       }
       try {
         const ab = await file.arrayBuffer();
-        const h = new chunkVJZJESNT_js.dist_exports.PptxHandler();
+        const h = new pptx$1.PptxHandler();
         const other = await h.load(ab);
         if (!other) {
           return;
@@ -8897,7 +8941,7 @@ function usePropertyHandlers(input) {
           width: canvasSize.width,
           height: canvasSize.height
         };
-        setCompareResult(chunkVJZJESNT_js.comparePresentation(cur, other));
+        setCompareResult(chunkMA2BI7LX_js.comparePresentation(cur, other));
         setIsComparePanelOpen(true);
       } catch (err) {
         console.warn("Compare failed:", err);
@@ -9250,7 +9294,7 @@ function useViewerDialogs(input) {
   };
 }
 function computeGridSpacingPx(documentGridSpacing) {
-  return pptx.computeGridSpacingPx(documentGridSpacing, chunkVJZJESNT_js.GRID_SIZE);
+  return pptx.computeGridSpacingPx(documentGridSpacing, chunkMA2BI7LX_js.GRID_SIZE);
 }
 function computeVisibleSlideIndexes(slides, activeCustomShowId, customShows, presentationProperties) {
   const activeShow = activeCustomShowId ? customShows.find((show) => show.id === activeCustomShowId) : void 0;
@@ -9259,7 +9303,7 @@ function computeVisibleSlideIndexes(slides, activeCustomShowId, customShows, pre
 }
 function computeSlideSectionGroups(slides, sections) {
   return pptx.groupSlidesBySection(sections, slides).map((group) => ({
-    id: group.section?.id ?? (sections.length > 0 ? chunkVJZJESNT_js.UNGROUPED_SECTION_ID : chunkVJZJESNT_js.DEFAULT_SECTION_GROUP_ID),
+    id: group.section?.id ?? (sections.length > 0 ? chunkMA2BI7LX_js.UNGROUPED_SECTION_ID : chunkMA2BI7LX_js.DEFAULT_SECTION_GROUP_ID),
     label: group.section?.name ?? (sections.length > 0 ? "Ungrouped Slides" : "Slides"),
     slideIndexes: group.slideIndexes,
     ...group.section?.color !== void 0 ? { color: group.section.color } : {},
@@ -9304,10 +9348,10 @@ function useDerivedSlideState(input) {
   );
   const slideSectionGroups = React17.useMemo(
     () => computeSlideSectionGroups(slides, sections).map((group) => {
-      if (group.id === chunkVJZJESNT_js.UNGROUPED_SECTION_ID && group.label === "Ungrouped Slides") {
+      if (group.id === chunkMA2BI7LX_js.UNGROUPED_SECTION_ID && group.label === "Ungrouped Slides") {
         return { ...group, label: t("pptx.slides.ungroupedSlides") };
       }
-      if (group.id === chunkVJZJESNT_js.DEFAULT_SECTION_GROUP_ID && group.label === "Slides") {
+      if (group.id === chunkMA2BI7LX_js.DEFAULT_SECTION_GROUP_ID && group.label === "Slides") {
         return { ...group, label: t("pptx.sections.slides") };
       }
       return group;
@@ -9414,7 +9458,7 @@ function useAnnotationHandlers(input) {
       if (nextMode === "present") {
         presentation.enterPresentMode();
       } else if (mode === "present" && annotations.hasAnyAnnotations) {
-        chunkVJZJESNT_js.stopAllPersistentAudio();
+        chunkMA2BI7LX_js.stopAllPersistentAudio();
         if (promptKeepInkAnnotations) {
           pendingModeAfterAnnotationsRef.current = nextMode;
           setShowKeepAnnotationsDialog(true);
@@ -9424,7 +9468,7 @@ function useAnnotationHandlers(input) {
         }
       } else {
         if (mode === "present") {
-          chunkVJZJESNT_js.stopAllPersistentAudio();
+          chunkMA2BI7LX_js.stopAllPersistentAudio();
         }
         setMode(nextMode);
       }
@@ -9495,7 +9539,7 @@ function overlayPendingInlineEdit(document2, elementId, text, snapshot, transfor
       (slide) => !elementId ? slide : {
         ...slide,
         elements: slide.elements.map(
-          (element) => element.id === elementId && (0, chunkVJZJESNT_js.dist_exports.hasTextProperties)(element) ? {
+          (element) => element.id === elementId && pptx$1.hasTextProperties(element) ? {
             ...element,
             text,
             textSegments: pptx.remapTextToSegments(
@@ -9584,14 +9628,14 @@ function useSerialize(input) {
         const pptxGuides = guides.map((g) => ({
           id: g.id,
           orientation: g.axis === "h" ? "horz" : "vert",
-          positionEmu: (0, chunkVJZJESNT_js.dist_exports.guidePxToEmu)(g.position)
+          positionEmu: pptx$1.guidePxToEmu(g.position)
         }));
         return {
           ...slide,
           guides: pptxGuides.length > 0 ? pptxGuides : void 0
         };
       });
-      const slidesToSave = chunkVJZJESNT_js.buildSaveSlides(slidesWithGuides, pending.templateElementsBySlideId);
+      const slidesToSave = chunkMA2BI7LX_js.buildSaveSlides(slidesWithGuides, pending.templateElementsBySlideId);
       const saveOptions = pptx.buildDeckSaveOptions({
         // Without this the Slide Size card edited a viewer-only pixel value and
         // the saved `p:sldSz` never moved: passing `slideSize` is the only way a
@@ -9661,6 +9705,12 @@ function useRecoveryDetection(input) {
   const [prompt, setPrompt] = React17.useState(null);
   const [discarding, setDiscarding] = React17.useState(false);
   const onRestore = input.onRestore;
+  const storageRef = React17.useRef(input.storage);
+  storageRef.current = input.storage;
+  const onOfferedRef = React17.useRef(input.onOffered);
+  React17.useEffect(() => {
+    onOfferedRef.current = input.onOffered;
+  }, [input.onOffered]);
   const openVersionHistory = input.openVersionHistory;
   React17.useEffect(() => {
     if (!pptx.shouldProbeAutosaveRecovery({
@@ -9675,12 +9725,18 @@ function useRecoveryDetection(input) {
     }
     recoveryCheckedRef.current = true;
     void (async () => {
-      const offer = await pptx.probeAutosaveRecovery(filePath, Date.now(), fileName);
+      const offer = await pptx.probeAutosaveRecovery(
+        filePath,
+        Date.now(),
+        fileName,
+        storageRef.current
+      );
       if (!offer) {
         return;
       }
       recordRef.current = offer.record;
       setPrompt(offer.prompt);
+      onOfferedRef.current?.(offer.record);
       openVersionHistory?.();
     })();
   }, [filePath, fileName, loading, error, slideCount, autosaveAllowed, openVersionHistory]);
@@ -9710,7 +9766,7 @@ function useRecoveryDetection(input) {
     setDiscarding(true);
     void (async () => {
       try {
-        await pptx.discardAutosaveRecovery(record);
+        await pptx.discardAutosaveRecovery(record, storageRef.current);
         recordRef.current = null;
         setPrompt(null);
       } catch {
@@ -9772,7 +9828,7 @@ function usePresentationSetup(input) {
         return;
       }
       if (mode === "present" && nextMode !== "present") {
-        chunkVJZJESNT_js.stopAllPersistentAudio();
+        chunkMA2BI7LX_js.stopAllPersistentAudio();
         stopAnimationSound();
         const exitHandler = exitModeHandlerRef.current;
         if (exitHandler) {
@@ -9893,12 +9949,12 @@ function useCanvasImagePaste(input) {
   );
 }
 function formatPatchFor(element, format) {
-  const updated = chunkVJZJESNT_js.applyFormatToElement(element, format);
+  const updated = chunkMA2BI7LX_js.applyFormatToElement(element, format);
   const updates = {};
-  if ((0, chunkVJZJESNT_js.dist_exports.hasShapeProperties)(updated)) {
+  if (pptx$1.hasShapeProperties(updated)) {
     updates.shapeStyle = updated.shapeStyle;
   }
-  if ((0, chunkVJZJESNT_js.dist_exports.hasTextProperties)(updated)) {
+  if (pptx$1.hasTextProperties(updated)) {
     updates.textStyle = updated.textStyle;
   }
   return updates;
@@ -9916,7 +9972,7 @@ function useFormatPainterEditing(input) {
   const prevFormatPainterRef = React17.useRef(false);
   React17.useEffect(() => {
     if (formatPainterActive && !prevFormatPainterRef.current && selectedElement) {
-      copiedFormatRef.current = chunkVJZJESNT_js.copyFormatFromElement(selectedElement);
+      copiedFormatRef.current = chunkMA2BI7LX_js.copyFormatFromElement(selectedElement);
     } else if (!formatPainterActive) {
       copiedFormatRef.current = null;
     }
@@ -10358,6 +10414,8 @@ function useIOHandlers(input) {
     activeSlideIndex,
     canvasSize,
     filePath,
+    storage,
+    onSaveError,
     history,
     ops,
     zoom,
@@ -10366,6 +10424,8 @@ function useIOHandlers(input) {
     serializeForRecovery,
     setContent,
     onContentChange,
+    onPropertiesChange,
+    onNotesUpdate,
     imageExportScale,
     imageResolutionScale
   } = input;
@@ -10375,6 +10435,8 @@ function useIOHandlers(input) {
     activeSlide: slides[activeSlideIndex],
     activeSlideIndex,
     filePath,
+    storage,
+    onSaveError,
     canvasStageRef: zoom.canvasStageRef,
     setActiveSlideIndex: state.setActiveSlideIndex,
     serializeSlides,
@@ -10429,7 +10491,9 @@ function useIOHandlers(input) {
     setSlides: state.setSlides,
     setIsDirty: state.setIsDirty,
     ops,
-    history
+    history,
+    onPropertiesChange,
+    onNotesUpdate
   });
   return { exportHandlers, printHandlers, themeHandlers, propertyHandlers };
 }
@@ -10597,6 +10661,7 @@ function useContentLifecycle(input) {
     filePath,
     autosaveEnabled = true,
     autosaveIntervalMs,
+    storage,
     embedFonts = true,
     slides,
     state,
@@ -10708,6 +10773,7 @@ function useContentLifecycle(input) {
   const { autosaveStatus } = useAutosave({
     isDirty: state.isDirty,
     filePath,
+    storage,
     serializeSlides: serializeForRecovery,
     enabled: autosaveEnabled,
     ...autosaveIntervalMs === void 0 ? {} : { intervalMs: autosaveIntervalMs },
@@ -10715,6 +10781,7 @@ function useContentLifecycle(input) {
     // so a poll that finds all of them unchanged can skip re-serializing a
     // deck it has already snapshotted. The two refs are read by `.current`
     // because an inline edit in progress lives there and nowhere else yet.
+    onSaved: input.onAutosave,
     getChangeSources: () => [
       slides,
       state.templateElementsBySlideId,
@@ -11007,7 +11074,7 @@ function useKeyboardShortcutWiring(input) {
 }
 function stepSelectedFontSize(state, ops, direction) {
   const selected = state.selectedElement;
-  const currentPx = (selected && (0, chunkVJZJESNT_js.dist_exports.hasTextProperties)(selected) ? selected.textStyle?.fontSize : void 0) ?? pptx.textFontSizePtToPx(18);
+  const currentPx = (selected && pptx$1.hasTextProperties(selected) ? selected.textStyle?.fontSize : void 0) ?? pptx.textFontSizePtToPx(18);
   const nextPt = pptx.stepFontSizePt(pptx.textFontSizePxToPt(currentPx), direction);
   ops.updateSelectedTextStyle({ fontSize: pptx.textFontSizePtToPx(nextPt) });
 }
@@ -11054,6 +11121,20 @@ function useElementUpdateBatch(input) {
     );
   }, []);
 }
+function useReportOnChange(value, report, initial = value) {
+  const last = React17.useRef(initial);
+  const callback = React17.useRef(report);
+  React17.useEffect(() => {
+    callback.current = report;
+  }, [report]);
+  React17.useEffect(() => {
+    if (Object.is(last.current, value)) {
+      return;
+    }
+    last.current = value;
+    callback.current?.(value);
+  }, [value]);
+}
 
 // src/viewer/hooks/useViewerIntegration.ts
 function useViewerIntegration(input) {
@@ -11070,6 +11151,7 @@ function useViewerIntegration(input) {
     content,
     filePath,
     fileName,
+    storage,
     autosaveEnabled,
     autosaveAllowed = true,
     autosaveIntervalMs,
@@ -11098,7 +11180,13 @@ function useViewerIntegration(input) {
     onModeChange,
     onZoomChange,
     onSelectionChange,
-    onSlideCountChange
+    onSlideCountChange,
+    onAutosave,
+    onAutosaveStatus,
+    onAutosaveRecovery,
+    onPropertiesChange,
+    onNotesUpdate,
+    onPresentationChange
   } = input;
   usePointerHandlers({
     editorScale: zoom.editorScale,
@@ -11136,8 +11224,10 @@ function useViewerIntegration(input) {
     {
       content,
       filePath,
+      storage,
       autosaveEnabled,
       autosaveIntervalMs,
+      onAutosave,
       // The File > Fonts toggle, finally reaching a save call.
       embedFonts: dialogs.embedFontsEnabled,
       slides,
@@ -11162,6 +11252,8 @@ function useViewerIntegration(input) {
     activeSlideIndex,
     canvasSize,
     filePath,
+    storage,
+    onSaveError: input.onSaveError,
     history,
     ops: editorOps.ops,
     zoom,
@@ -11170,6 +11262,8 @@ function useViewerIntegration(input) {
     serializeForRecovery,
     setContent,
     onContentChange,
+    onPropertiesChange,
+    onNotesUpdate,
     imageExportScale,
     imageResolutionScale
   });
@@ -11196,6 +11290,8 @@ function useViewerIntegration(input) {
     error,
     slideCount: slides.length,
     autosaveAllowed,
+    storage,
+    onOffered: onAutosaveRecovery,
     onRestore: setContent
   });
   const updateElements = useElementUpdateBatch(input);
@@ -11418,6 +11514,8 @@ function useViewerIntegration(input) {
       onSlideCountChange(slides.length);
     }
   }, [slides.length, onSlideCountChange]);
+  useReportOnChange(pptx.autosaveStatusKind(autosaveStatus), onAutosaveStatus);
+  useReportOnChange(mode === "present", onPresentationChange);
   useKeyboardShortcutWiring({
     state,
     mode,
@@ -11511,7 +11609,9 @@ function useViewerOptions() {
   );
   return { optionsStore: store, options };
 }
-var KNOWN_TAB_IDS = new Set(pptx.TOOLBAR_TABS.map((tab) => tab.id));
+var KNOWN_TAB_IDS = /* @__PURE__ */ new Set(
+  /* @__PURE__ */ pptx.TOOLBAR_TABS.map((tab) => tab.id)
+);
 function computeToolbarVisibility(hiddenActions, hiddenTabIds = []) {
   const isHidden = (id) => pptx.isActionHidden(id, hiddenActions);
   const userHidden = new Set(hiddenTabIds);
@@ -11558,19 +11658,25 @@ function useCollaborativeHistory({
 function useCollaborationWriteBack(input) {
   const latest = React17.useRef(input);
   latest.current = input;
-  const scheduler = React17.useMemo(
-    () => pptx.createWriteBackScheduler({
+  const scheduler = React17.useMemo(() => {
+    const created = pptx.createWriteBackScheduler({
       getYDoc: () => latest.current.doc,
       getSourceBytes: () => latest.current.getSourceBytes?.() ?? null,
       getSaveOptions: () => latest.current.getSaveOptions?.(),
       getTemplateElements: () => latest.current.templateElementsBySlideId,
-      mergeTemplateElements: chunkVJZJESNT_js.buildSaveSlides
-    }),
-    [latest]
-  );
+      mergeTemplateElements: chunkMA2BI7LX_js.buildSaveSlides,
+      onWriteBackStatus: () => latest.current.onWriteBackStatus?.(
+        pptx.writeBackReport(latest.current.config, created.getState())
+      )
+    });
+    return created;
+  }, [latest]);
   const hasWriteBack = Boolean(input.config?.onWriteBack);
   React17.useEffect(
-    () => () => scheduler.cancel(),
+    () => () => {
+      scheduler.cancel();
+      latest.current.onWriteBackStatus?.(void 0);
+    },
     [scheduler, input.doc, input.config?.role, hasWriteBack, input.config?.externalSession]
   );
   return React17.useCallback(() => {
@@ -11584,7 +11690,7 @@ function useCollaborationWriteBack(input) {
         onWriteBack: config.onWriteBack ? (bytes) => {
           const current = latest.current;
           if (current.doc === doc && current.config?.role === "owner" && current.config.externalSession === session) {
-            current.config.onWriteBack?.(bytes);
+            return current.config.onWriteBack?.(bytes);
           }
         } : void 0
       });
@@ -12117,8 +12223,8 @@ function useTouchGestures(input) {
     }
     const recognizer = pptx.createTouchGestureRecognizer({
       getScale: () => scaleRef.current,
-      minScale: chunkVJZJESNT_js.MIN_ZOOM_SCALE,
-      maxScale: chunkVJZJESNT_js.MAX_ZOOM_SCALE,
+      minScale: chunkMA2BI7LX_js.MIN_ZOOM_SCALE,
+      maxScale: chunkMA2BI7LX_js.MAX_ZOOM_SCALE,
       callbacks: {
         onPinchZoom: (newScale) => callbacksRef.current.onPinchZoom?.(newScale),
         onSwipe: (direction) => callbacksRef.current.onSwipe?.(direction),
@@ -12242,7 +12348,7 @@ function buildCanvasProps(input) {
     if (pptx.shouldConfirmExternalHyperlink(viewerOptions, url) && !window.confirm(buildHyperlinkConfirmMessage(url))) {
       return;
     }
-    chunkVJZJESNT_js.safeOpenUrl(url, target);
+    chunkMA2BI7LX_js.safeOpenUrl(url, target);
   };
   const handleActionClick = (elementId, action) => {
     if (mode === "present") {
@@ -12257,9 +12363,9 @@ function buildCanvasProps(input) {
     }
   };
   const handleHyperlinkClick = (url, target) => {
-    if (chunkVJZJESNT_js.isPpactionUrl(url)) {
+    if (chunkMA2BI7LX_js.isPpactionUrl(url)) {
       if (mode === "present") {
-        const parsed = chunkVJZJESNT_js.parsePpactionUrl(url);
+        const parsed = chunkMA2BI7LX_js.parsePpactionUrl(url);
         if (parsed) {
           presentation.handlePresentationAction({
             action: parsed.action,
@@ -12607,6 +12713,7 @@ function buildToolbarProps(input) {
       s.setIsDirty(true);
     },
     onOpenShareDialog,
+    onSave: exportHandlers.handleSave,
     onSaveAsPptx: exportHandlers.handleSaveAsPptx,
     onSaveAsPpsx: exportHandlers.handleSaveAsPpsx,
     onSaveAsPptm: exportHandlers.handleSaveAsPptm,
@@ -12685,7 +12792,7 @@ function buildToolbarProps(input) {
       markDirty: history.markDirty
     }),
     formatPainterActive: s.formatPainterActive,
-    canActivateFormatPainter: chunkVJZJESNT_js.hasCopyableFormat(selectedElement),
+    canActivateFormatPainter: chunkMA2BI7LX_js.hasCopyableFormat(selectedElement),
     onToggleFormatPainter: () => s.setFormatPainterActive((p) => !p),
     isSelectionPaneOpen: s.isSelectionPaneOpen,
     onToggleSelectionPane: () => s.setIsSelectionPaneOpen((p) => !p),
@@ -12865,7 +12972,8 @@ function useCollaborationDocumentSync(input) {
     config,
     livePatcher: state.livePatcher,
     getSourceBytes,
-    getSaveOptions
+    getSaveOptions,
+    ...collaboration?.reportWriteBack ? { onWriteBackStatus: collaboration.reportWriteBack } : {}
   });
   const initialized = useCollaborationLivePatch({
     patcher: state.livePatcher,
@@ -13008,7 +13116,7 @@ function useViewerBuildingBlocksCore(input) {
     documentGridSpacing: state.viewProperties?.gridSpacing
   });
   const themeColorMap = React17.useMemo(
-    () => state.theme?.colorScheme ? (0, chunkVJZJESNT_js.dist_exports.buildThemeColorMap)(state.theme.colorScheme) : void 0,
+    () => state.theme?.colorScheme ? pptx$1.buildThemeColorMap(state.theme.colorScheme) : void 0,
     [state.theme?.colorScheme]
   );
   const { presentation, annotations, actionSoundHandlerRef, setExitModeHandler } = usePresentationSetup({
@@ -13588,23 +13696,23 @@ function ColorChangedImage({
   className,
   alt
 }) {
-  const tolerance = tolerancePct ?? chunkVJZJESNT_js.DEFAULT_COLOR_CHANGE_TOLERANCE;
-  const cacheKey = chunkVJZJESNT_js.buildCacheKey(
+  const tolerance = tolerancePct ?? chunkMA2BI7LX_js.DEFAULT_COLOR_CHANGE_TOLERANCE;
+  const cacheKey = chunkMA2BI7LX_js.buildCacheKey(
     src,
     clrChange.clrFrom,
     clrChange.clrTo,
     tolerance,
     Boolean(clrChange.clrToTransparent)
   );
-  const cached = chunkVJZJESNT_js.getCachedResult(cacheKey);
+  const cached = chunkMA2BI7LX_js.getCachedResult(cacheKey);
   const [processedSrc, setProcessedSrc] = React17.useState(cached ?? null);
   React17.useEffect(() => {
-    if (chunkVJZJESNT_js.getCachedResult(cacheKey)) {
-      setProcessedSrc(chunkVJZJESNT_js.getCachedResult(cacheKey) ?? null);
+    if (chunkMA2BI7LX_js.getCachedResult(cacheKey)) {
+      setProcessedSrc(chunkMA2BI7LX_js.getCachedResult(cacheKey) ?? null);
       return;
     }
     let cancelled = false;
-    chunkVJZJESNT_js.applyColorChange(
+    chunkMA2BI7LX_js.applyColorChange(
       src,
       clrChange.clrFrom,
       clrChange.clrTo,
@@ -13612,7 +13720,7 @@ function ColorChangedImage({
       Boolean(clrChange.clrToTransparent)
     ).then((result) => {
       if (!cancelled) {
-        chunkVJZJESNT_js.setCachedResult(cacheKey, result.dataUrl);
+        chunkMA2BI7LX_js.setCachedResult(cacheKey, result.dataUrl);
         setProcessedSrc(result.dataUrl);
       }
       return void 0;
@@ -13704,7 +13812,7 @@ function TiledImageLayer({
       cancelled = true;
     };
   }, [src]);
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className, style: { ...chunkVJZJESNT_js.getImageTilingStyle(element, nativeSize), ...style } });
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className, style: { ...chunkMA2BI7LX_js.getImageTilingStyle(element, nativeSize), ...style } });
 }
 function renderImageEffectDefinitions(element, excludeDuotone = false) {
   return pptx.getImageSvgFilters(element).filter((definition) => !excludeDuotone || definition.id !== `duotone-${element.id}`).map((definition) => /* @__PURE__ */ jsxRuntime.jsx(
@@ -13773,7 +13881,7 @@ function renderImg(el, style, filter, alt, opacity) {
     ...filter ? { filter } : {},
     ...opacity !== void 0 ? { opacity } : {}
   };
-  if (chunkVJZJESNT_js.isImageTiled(el)) {
+  if (chunkMA2BI7LX_js.isImageTiled(el)) {
     const tileSrc = imgSrc(el);
     if (!tileSrc) {
       return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full h-full flex items-center justify-center text-[11px] text-gray-500 bg-gray-100", children: "Image" });
@@ -13792,12 +13900,12 @@ function renderImg(el, style, filter, alt, opacity) {
     ] });
   }
   const colorWash = pptx.getImageColorWashStyle(
-    (0, chunkVJZJESNT_js.dist_exports.isImageLikeElement)(el) ? el.imageEffects?.colorWash : void 0
+    pptx$1.isImageLikeElement(el) ? el.imageEffects?.colorWash : void 0
   );
   const clrChange = "imageEffects" in el ? el.imageEffects?.clrChange : void 0;
-  const duotoneColors = chunkVJZJESNT_js.getDuotoneColors(el);
+  const duotoneColors = chunkMA2BI7LX_js.getDuotoneColors(el);
   const useDuotoneCanvas = Boolean(duotoneColors && !clrChange);
-  const filterForImg = useDuotoneCanvas ? chunkVJZJESNT_js.getImageEffectsFilter(el, { excludeDuotone: true }) : filter;
+  const filterForImg = useDuotoneCanvas ? chunkMA2BI7LX_js.getImageEffectsFilter(el, { excludeDuotone: true }) : filter;
   const canvasEffectStyles = {
     ...filterForImg ? { filter: filterForImg } : {},
     ...opacity !== void 0 ? { opacity } : {}
@@ -13873,19 +13981,25 @@ function SlideBackgroundImageLayer({
       style: { zIndex: 0 },
       children: renderImg(
         backgroundElement,
-        chunkVJZJESNT_js.getImageRenderStyle(backgroundElement),
-        chunkVJZJESNT_js.getImageEffectsFilter(backgroundElement),
+        chunkMA2BI7LX_js.getImageRenderStyle(backgroundElement),
+        chunkMA2BI7LX_js.getImageEffectsFilter(backgroundElement),
         "",
-        chunkVJZJESNT_js.getImageEffectsOpacity(backgroundElement)
+        chunkMA2BI7LX_js.getImageEffectsOpacity(backgroundElement)
       )
     }
   );
 }
-var ChartFormatContext = React17.createContext(null);
+
+// src/viewer/utils/display-name.ts
+function withDisplayName(component, displayName) {
+  component.displayName = displayName;
+  return component;
+}
+var ChartFormatContext = /* @__PURE__ */ React17.createContext(null);
 function useChartFormatContext() {
   return React17.useContext(ChartFormatContext);
 }
-var ChartPartSelectionContext = React17.createContext({
+var ChartPartSelectionContext = /* @__PURE__ */ React17.createContext({
   selection: null,
   setSelection: () => {
   }
@@ -13908,7 +14022,9 @@ var DEFAULT_RENDERING_3D_FLAGS = {
   areaChart3D: false,
   pieChart3D: false
 };
-var Rendering3DFlagsContext = React17.createContext(DEFAULT_RENDERING_3D_FLAGS);
+var Rendering3DFlagsContext = /* @__PURE__ */ React17.createContext(
+  DEFAULT_RENDERING_3D_FLAGS
+);
 pptx.defineThreeViewElement();
 function useThreeViewEvent(ref, type, handler) {
   React17.useLayoutEffect(() => {
@@ -14154,7 +14270,7 @@ function ChartElementView({
     pptx.getBarFacePicturePixelSampleVersion
   );
   const viewModel = React17.useMemo(() => {
-    return canEdit ? chunkVJZJESNT_js.buildReactChartViewModel(element) : null;
+    return canEdit ? chunkMA2BI7LX_js.buildReactChartViewModel(element) : null;
   }, [canEdit, element, barFacePictureSampleVersion]);
   React17.useEffect(pptx.ensureChartInteractionStyles, []);
   React17.useEffect(() => {
@@ -14259,9 +14375,9 @@ function ChartElementView({
             textStyle: animationState?.textStyle,
             onSelect: chart3D.onSelect,
             onDrag: chart3D.onDrag,
-            children: chunkVJZJESNT_js.renderChartElement(renderedElement, (key) => t(key))
+            children: chunkMA2BI7LX_js.renderChartElement(renderedElement, (key) => t(key))
           }
-        ) : chunkVJZJESNT_js.renderChartElement(renderedElement, (key) => t(key)),
+        ) : chunkMA2BI7LX_js.renderChartElement(renderedElement, (key) => t(key)),
         dragValue !== null && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute top-1 right-1 z-10 rounded bg-primary/90 px-1.5 py-0.5 text-[10px] font-medium text-white pointer-events-none", children: pptx.formatAxisValue(dragValue) }),
         titleDraft !== null && /* @__PURE__ */ jsxRuntime.jsx(
           "input",
@@ -14430,26 +14546,26 @@ var rotateSize = "var(--pptx-react-rotate-default, 20px)";
 var RESIZE_DEFAULT_CLASSES = "[--pptx-react-corner-default:12px] max-md:[--pptx-react-corner-default:22px] [--pptx-react-edge-length-default:20px] max-md:[--pptx-react-edge-length-default:32px] [--pptx-react-edge-thickness-default:8px] max-md:[--pptx-react-edge-thickness-default:12px]";
 var ROTATE_DEFAULT_CLASSES = "[--pptx-react-rotate-default:20px] max-md:[--pptx-react-rotate-default:28px]";
 var RESIZE_ARTWORK = {
-  corner: pptx.getSelectionControlArtworkStyle("corner", {
+  corner: /* @__PURE__ */ pptx.getSelectionControlArtworkStyle("corner", {
     ...appearance,
     width: cornerSize,
     height: cornerSize,
     radius: "9999px"
   }),
-  horizontal: pptx.getSelectionControlArtworkStyle("horizontal-edge", {
+  horizontal: /* @__PURE__ */ pptx.getSelectionControlArtworkStyle("horizontal-edge", {
     ...appearance,
     width: edgeLength,
     height: edgeThickness,
     radius: "var(--radius-sm, 0.25rem)"
   }),
-  vertical: pptx.getSelectionControlArtworkStyle("vertical-edge", {
+  vertical: /* @__PURE__ */ pptx.getSelectionControlArtworkStyle("vertical-edge", {
     ...appearance,
     width: edgeThickness,
     height: edgeLength,
     radius: "var(--radius-sm, 0.25rem)"
   })
 };
-var ROTATE_ARTWORK = pptx.getSelectionControlArtworkStyle("rotate", {
+var ROTATE_ARTWORK = /* @__PURE__ */ pptx.getSelectionControlArtworkStyle("rotate", {
   ...appearance,
   width: rotateSize,
   height: rotateSize,
@@ -14591,7 +14707,7 @@ function ResizeHandles({
           "aria-label": t("pptx.selectionOverlay.resize", { handle }),
           "data-pptx-handle-kind": "resize",
           "data-pptx-compact": true,
-          className: chunkVJZJESNT_js.cn(
+          className: chunkMA2BI7LX_js.cn(
             "absolute z-10 group border-0 bg-transparent p-0",
             RESIZE_DEFAULT_CLASSES,
             posClass,
@@ -14617,7 +14733,7 @@ function ResizeHandles({
               "div",
               {
                 "data-pptx-handle-hit": true,
-                className: chunkVJZJESNT_js.cn(
+                className: chunkMA2BI7LX_js.cn(
                   "absolute -inset-px pointer-events-auto [--pptx-handle-hit-inset:-1px]",
                   corner ? "max-md:-inset-1.5 max-md:[--pptx-handle-hit-inset:-6px]" : "max-md:-inset-2 max-md:[--pptx-handle-hit-inset:-8px]"
                 ),
@@ -14638,7 +14754,7 @@ function ResizeHandles({
         "aria-label": t("pptx.selectionOverlay.rotate"),
         "data-pptx-handle-kind": "rotate",
         "data-pptx-compact": true,
-        className: chunkVJZJESNT_js.cn(
+        className: chunkMA2BI7LX_js.cn(
           "absolute left-1/2 top-0 -translate-x-1/2 -translate-y-1/2 z-20 border-0 bg-transparent p-0 cursor-grab active:cursor-grabbing",
           ROTATE_DEFAULT_CLASSES
         ),
@@ -14691,7 +14807,7 @@ function ResizeHandles({
     ))
   ] });
 }
-var ConnectorElementRenderer = React17__default.default.memo(
+var ConnectorElementRendererMemo = /* @__PURE__ */ React17__default.default.memo(
   // oxlint-disable-next-line prefer-arrow-callback -- named fn gives the memo component its displayName
   function ConnectorElementRendererInner({
     el,
@@ -14708,17 +14824,17 @@ var ConnectorElementRenderer = React17__default.default.memo(
     animationState,
     textStyleOverrideCss
   }) {
-    const shapeEl = (0, chunkVJZJESNT_js.dist_exports.hasShapeProperties)(el) ? el : void 0;
+    const shapeEl = pptx$1.hasShapeProperties(el) ? el : void 0;
     const viewWidth = Math.max(el.width, 0);
     const viewHeight = Math.max(el.height, 0);
     const svgWidth = Math.max(el.width, 1);
     const svgHeight = Math.max(el.height, 1);
     const ss = shapeEl?.shapeStyle;
     const strokeWidth = Math.max(0, ss?.strokeWidth ?? 2);
-    const strokeColor = chunkVJZJESNT_js.normalizeHexColor(ss?.strokeColor, chunkVJZJESNT_js.DEFAULT_STROKE_COLOR);
-    const strokePaint = chunkVJZJESNT_js.colorWithOpacity(strokeColor, ss?.strokeOpacity);
-    const dashType = chunkVJZJESNT_js.normalizeStrokeDashType(ss?.strokeDash);
-    const dashArray = chunkVJZJESNT_js.getSvgStrokeDasharray(
+    const strokeColor = chunkMA2BI7LX_js.normalizeHexColor(ss?.strokeColor, chunkMA2BI7LX_js.DEFAULT_STROKE_COLOR);
+    const strokePaint = chunkMA2BI7LX_js.colorWithOpacity(strokeColor, ss?.strokeOpacity);
+    const dashType = chunkMA2BI7LX_js.normalizeStrokeDashType(ss?.strokeDash);
+    const dashArray = chunkMA2BI7LX_js.getSvgStrokeDasharray(
       dashType,
       Math.max(strokeWidth, 1),
       ss?.customDashSegments
@@ -14729,14 +14845,14 @@ var ConnectorElementRenderer = React17__default.default.memo(
     const markerSeed = el.id.replace(/[^a-zA-Z0-9_-]/gu, "_");
     const startMarkerId = `${markerSeed}-sel-start`;
     const endMarkerId = `${markerSeed}-sel-end`;
-    const compoundOffsets = chunkVJZJESNT_js.getCompoundLineOffsets(compoundLine, strokeWidth);
-    const compoundWidths = chunkVJZJESNT_js.getCompoundLineWidths(compoundLine, strokeWidth);
+    const compoundOffsets = chunkMA2BI7LX_js.getCompoundLineOffsets(compoundLine, strokeWidth);
+    const compoundWidths = chunkMA2BI7LX_js.getCompoundLineWidths(compoundLine, strokeWidth);
     const strokeCap = pptx.svgLineCap(ss?.lineCap);
-    const textEl = (0, chunkVJZJESNT_js.dist_exports.hasTextProperties)(el) ? el : void 0;
+    const textEl = pptx$1.hasTextProperties(el) ? el : void 0;
     const connectorText = textEl?.text?.trim() ?? "";
     const connectorTextSegments = textEl?.textSegments;
     const connectorTextStyle = textEl?.textStyle;
-    const pathGeometry = shapeEl ? chunkVJZJESNT_js.getConnectorPathGeometry(shapeEl) : {
+    const pathGeometry = shapeEl ? chunkMA2BI7LX_js.getConnectorPathGeometry(shapeEl) : {
       pathData: `M 0 0 L ${viewWidth} ${viewHeight}`,
       startX: 0,
       startY: 0,
@@ -14745,16 +14861,16 @@ var ConnectorElementRenderer = React17__default.default.memo(
     };
     const hitTargetWidth = Math.max(strokeWidth * 3, 14);
     const selColor = selClr === "blue-400" ? "#60a5fa" : "#3b82f6";
-    const lineShadow = chunkVJZJESNT_js.buildLineShadowCss(el);
-    const lineGlow = chunkVJZJESNT_js.buildLineGlowFilter(el);
+    const lineShadow = chunkMA2BI7LX_js.buildLineShadowCss(el);
+    const lineGlow = chunkMA2BI7LX_js.buildLineGlowFilter(el);
     return /* @__PURE__ */ jsxRuntime.jsxs(
       "div",
       {
         "data-pptx-element": "true",
         "data-element-id": el.id,
-        role: chunkVJZJESNT_js.getAriaRole(el, { actionable: false }),
-        "aria-label": chunkVJZJESNT_js.getAriaLabel(el),
-        "aria-roledescription": chunkVJZJESNT_js.getAriaRoleDescription(el),
+        role: chunkMA2BI7LX_js.getAriaRole(el, { actionable: false }),
+        "aria-label": chunkMA2BI7LX_js.getAriaLabel(el),
+        "aria-roledescription": chunkMA2BI7LX_js.getAriaRoleDescription(el),
         "aria-selected": isSelected ? true : void 0,
         className: "absolute",
         style: {
@@ -14787,14 +14903,14 @@ var ConnectorElementRenderer = React17__default.default.memo(
               style: { overflow: "visible", pointerEvents: "none" },
               children: [
                 /* @__PURE__ */ jsxRuntime.jsxs("defs", { children: [
-                  chunkVJZJESNT_js.renderConnectorMarker(
+                  chunkMA2BI7LX_js.renderConnectorMarker(
                     startMarkerId,
                     startArrow,
                     strokePaint,
                     ss?.connectorStartArrowWidth,
                     ss?.connectorStartArrowLength
                   ),
-                  chunkVJZJESNT_js.renderConnectorMarker(
+                  chunkMA2BI7LX_js.renderConnectorMarker(
                     endMarkerId,
                     endArrow,
                     strokePaint,
@@ -14935,7 +15051,10 @@ var ConnectorElementRenderer = React17__default.default.memo(
     );
   }
 );
-ConnectorElementRenderer.displayName = "ConnectorElementRenderer";
+var ConnectorElementRenderer = /* @__PURE__ */ withDisplayName(
+  ConnectorElementRendererMemo,
+  "ConnectorElementRenderer"
+);
 function getElementInteractionProps({
   element,
   isEditableText,
@@ -15000,14 +15119,14 @@ function getElementInteractionProps({
   };
 }
 function renderDagDuotoneFilterForElement(el) {
-  if (!chunkVJZJESNT_js.hasDagDuotoneEffect(el)) {
+  if (!chunkMA2BI7LX_js.hasDagDuotoneEffect(el)) {
     return null;
   }
   const duotone = el.shapeStyle?.dagDuotone;
   if (!duotone) {
     return null;
   }
-  return chunkVJZJESNT_js.renderDagDuotoneSvgFilter(el.id, duotone.color1, duotone.color2);
+  return chunkMA2BI7LX_js.renderDagDuotoneSvgFilter(el.id, duotone.color1, duotone.color2);
 }
 function getContainerStyle({
   el,
@@ -15020,7 +15139,7 @@ function getContainerStyle({
   has3DExtrusion,
   templateEditing
 }) {
-  const ss = (0, chunkVJZJESNT_js.dist_exports.hasShapeProperties)(el) ? el.shapeStyle : void 0;
+  const ss = pptx$1.hasShapeProperties(el) ? el.shapeStyle : void 0;
   const isPicture = el.type === "picture" || el.type === "image";
   const blurGrowVisible = Boolean(
     ss?.blurGrow && typeof ss.blurRadius === "number" && ss.blurRadius > 0
@@ -15034,10 +15153,10 @@ function getContainerStyle({
     top: isFullscreenMedia ? fs.top : el.y,
     width: isFullscreenMedia ? fs.width : painted.width,
     ...heightStyle,
-    transform: isFullscreenMedia ? fs.transform : chunkVJZJESNT_js.getElementTransform(el),
+    transform: isFullscreenMedia ? fs.transform : chunkMA2BI7LX_js.getElementTransform(el),
     transformOrigin: "center",
     overflow: overflowValue,
-    clipPath: isPicture ? void 0 : isImg && !has3DExtrusion ? chunkVJZJESNT_js.getCropShapeClipPath(el) : void 0,
+    clipPath: isPicture ? void 0 : isImg && !has3DExtrusion ? chunkMA2BI7LX_js.getCropShapeClipPath(el) : void 0,
     zIndex: isFullscreenMedia ? fs.zIndex : zIndex,
     visibility: animationState?.visible === false ? "hidden" : "visible",
     animation: animationState?.cssAnimation,
@@ -15072,14 +15191,14 @@ function getContainerStyle({
   };
 }
 function shapeParams(element) {
-  const style = (0, chunkVJZJESNT_js.dist_exports.hasShapeProperties)(element) ? element.shapeStyle : void 0;
+  const style = pptx$1.hasShapeProperties(element) ? element.shapeStyle : void 0;
   const strokeWidth = pptx.paintedStrokeWidth(style);
-  const strokeColor = chunkVJZJESNT_js.normalizeHexColor(style?.strokeColor, chunkVJZJESNT_js.DEFAULT_STROKE_COLOR);
-  const fillColor = chunkVJZJESNT_js.normalizeHexColor(style?.fillColor, chunkVJZJESNT_js.DEFAULT_FILL_COLOR);
-  const hasFill = style?.fillColor !== void 0 && style.fillColor !== "transparent" || Boolean(chunkVJZJESNT_js.buildCssGradientFromShapeStyle(style) || style?.fillGradient) || style?.fillMode === "pattern" && Boolean(style.fillPatternPreset);
+  const strokeColor = chunkMA2BI7LX_js.normalizeHexColor(style?.strokeColor, chunkMA2BI7LX_js.DEFAULT_STROKE_COLOR);
+  const fillColor = chunkMA2BI7LX_js.normalizeHexColor(style?.fillColor, chunkMA2BI7LX_js.DEFAULT_FILL_COLOR);
+  const hasFill = style?.fillColor !== void 0 && style.fillColor !== "transparent" || Boolean(chunkMA2BI7LX_js.buildCssGradientFromShapeStyle(style) || style?.fillGradient) || style?.fillMode === "pattern" && Boolean(style.fillPatternPreset);
   return { hf: hasFill, fc: fillColor, sw: strokeWidth, sc: strokeColor };
 }
-var Extrusion3DOverlay = React17__default.default.memo(
+var Extrusion3DOverlayMemo = /* @__PURE__ */ React17__default.default.memo(
   // oxlint-disable-next-line prefer-arrow-callback -- named fn gives the memo component its displayName
   function Extrusion3DOverlayInner({ data }) {
     if (!data.hasExtrusion || data.panels.length === 0) {
@@ -15114,7 +15233,10 @@ var Extrusion3DOverlay = React17__default.default.memo(
     ] });
   }
 );
-Extrusion3DOverlay.displayName = "Extrusion3DOverlay";
+var Extrusion3DOverlay = /* @__PURE__ */ withDisplayName(
+  Extrusion3DOverlayMemo,
+  "Extrusion3DOverlay"
+);
 
 // src/viewer/components/elements/scoped-element-handlers.ts
 function getScopedElementHandlers(elementId, options) {
@@ -15181,7 +15303,7 @@ function ShapeEffectOverlay({
   const fillOverlayStyle = overlay ? {
     position: "absolute",
     inset: 0,
-    ...(0, chunkVJZJESNT_js.dist_exports.isImageLikeElement)(element) ? chunkVJZJESNT_js.getImageSurfaceMaskStyle(element) : {},
+    ...pptx$1.isImageLikeElement(element) ? chunkMA2BI7LX_js.getImageSurfaceMaskStyle(element) : {},
     background: overlay.color,
     mixBlendMode: overlay.blendMode,
     pointerEvents: "none"
@@ -15324,7 +15446,7 @@ function ShapeEffectOverlay({
     ) : null
   ] });
 }
-var ElementRenderer = React17__default.default.memo(
+var ElementRenderer = /* @__PURE__ */ React17__default.default.memo(
   // oxlint-disable-next-line prefer-arrow-callback -- named fn gives the memo component its displayName
   function ElementRendererInner({
     element: el,
@@ -15388,10 +15510,10 @@ var ElementRenderer = React17__default.default.memo(
     const backgroundAnimationState = pptx.getBackgroundAnimationState(el, presentationElementStates);
     const effectPlacement = pptx.getShapeEffectLayerPlacement(el);
     const visualAnimationState = backgroundAnimationState ?? animationState;
-    const isTxt = chunkVJZJESNT_js.isEditableTextElement(el) && allow.textEditable;
-    const txtSE = (0, chunkVJZJESNT_js.dist_exports.hasTextProperties)(el) ? el.textStyle : void 0;
+    const isTxt = chunkMA2BI7LX_js.isEditableTextElement(el) && allow.textEditable;
+    const txtSE = pptx$1.hasTextProperties(el) ? el.textStyle : void 0;
     const textStyleOverrideCss = pptx.buildTextStyleOverrideCss(el.id, visualAnimationState?.textStyle);
-    const ss = chunkVJZJESNT_js.getShapeVisualStyle(
+    const ss = chunkMA2BI7LX_js.getShapeVisualStyle(
       el,
       hf,
       fc,
@@ -15400,9 +15522,9 @@ var ElementRenderer = React17__default.default.memo(
       visualAnimationState?.animatesFill,
       visualAnimationState?.animatesStroke
     );
-    const ts = chunkVJZJESNT_js.getTextStyleForElement(el, chunkVJZJESNT_js.DEFAULT_TEXT_COLOR);
+    const ts = chunkMA2BI7LX_js.getTextStyleForElement(el, chunkMA2BI7LX_js.DEFAULT_TEXT_COLOR);
     const isImg = el.type === "picture" || el.type === "image";
-    const vs = chunkVJZJESNT_js.renderVectorShape(
+    const vs = chunkMA2BI7LX_js.renderVectorShape(
       el,
       isImg ? false : hf,
       fc,
@@ -15412,10 +15534,10 @@ var ElementRenderer = React17__default.default.memo(
       visualAnimationState?.animatesStroke
     );
     const isModel3D = el.type === "model3d";
-    const isConn = chunkVJZJESNT_js.isConnectorOrLineElement(el);
-    const shapeStyle3d = (0, chunkVJZJESNT_js.dist_exports.hasShapeProperties)(el) ? el.shapeStyle : void 0;
+    const isConn = chunkMA2BI7LX_js.isConnectorOrLineElement(el);
+    const shapeStyle3d = pptx$1.hasShapeProperties(el) ? el.shapeStyle : void 0;
     const extrusionData = React17.useMemo(
-      () => chunkVJZJESNT_js.build3DExtrusionData(shapeStyle3d?.shape3d, shapeStyle3d?.scene3d, fc, el.width, el.height),
+      () => chunkMA2BI7LX_js.build3DExtrusionData(shapeStyle3d?.shape3d, shapeStyle3d?.scene3d, fc, el.width, el.height),
       [shapeStyle3d?.shape3d, shapeStyle3d?.scene3d, fc, el.width, el.height]
     );
     const actionAffordance = useActionAffordance(el, canInteract);
@@ -15505,7 +15627,7 @@ var ElementRenderer = React17__default.default.memo(
         "aria-hidden": aria.hidden ? true : void 0,
         "aria-selected": isSelected ? true : void 0,
         tabIndex: isFocusable ? 0 : -1,
-        className: chunkVJZJESNT_js.cn(
+        className: chunkMA2BI7LX_js.cn(
           "absolute",
           "focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-blue-500",
           cur,
@@ -15578,9 +15700,9 @@ var ElementRenderer = React17__default.default.memo(
             txtSE,
             txtS: ts,
             vecShape: backgroundAnimationState && !isImg ? null : vs,
-            imgStyle: chunkVJZJESNT_js.getImageRenderStyle(el),
-            imgFilter: chunkVJZJESNT_js.getImageEffectsFilter(el),
-            imgOpacity: chunkVJZJESNT_js.getImageEffectsOpacity(el),
+            imgStyle: chunkMA2BI7LX_js.getImageRenderStyle(el),
+            imgFilter: chunkMA2BI7LX_js.getImageEffectsFilter(el),
+            imgOpacity: chunkMA2BI7LX_js.getImageEffectsOpacity(el),
             imgAlt: imageAltText,
             isTxtEl: isTxt,
             media: mediaDataUrls,
@@ -15717,10 +15839,10 @@ function renderStrokeView(view, pressureSensitive, replayStyle, key) {
 }
 function renderInk(el, options) {
   const replay = options?.replay ?? false;
-  const strokes = chunkVJZJESNT_js.buildInkGroupStrokes(el, { color: "#000", width: 3 });
+  const strokes = chunkMA2BI7LX_js.buildInkGroupStrokes(el, { color: "#000", width: 3 });
   strokes.some((s) => s.circles || s.nibMarks);
   const pressureSensitive = options?.pressureSensitive;
-  const replayStyles = replay ? chunkVJZJESNT_js.getInkReplayStyles(el, options?.replayConfig) : null;
+  const replayStyles = replay ? chunkMA2BI7LX_js.getInkReplayStyles(el, options?.replayConfig) : null;
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "svg",
     {
@@ -15728,7 +15850,7 @@ function renderInk(el, options) {
       viewBox: `0 0 ${Math.max(el.width, 1)} ${Math.max(el.height, 1)}`,
       preserveAspectRatio: "none",
       children: [
-        replay && /* @__PURE__ */ jsxRuntime.jsx("style", { children: chunkVJZJESNT_js.INK_REPLAY_KEYFRAMES }),
+        replay && /* @__PURE__ */ jsxRuntime.jsx("style", { children: chunkMA2BI7LX_js.INK_REPLAY_KEYFRAMES }),
         strokes.map(
           (s, i) => renderStrokeView(s, pressureSensitive, replayStyles?.[i], `${el.id}-ink-${i}`)
         )
@@ -15739,7 +15861,7 @@ function renderInk(el, options) {
 function renderGroup(children, parentGroupFill) {
   return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative w-full h-full pointer-events-none", children: pptx.filterRenderedElements(children).map((c, childIndex) => {
     const { hf, fc, sw, sc } = shapeParams(c);
-    const baseSs = chunkVJZJESNT_js.getShapeVisualStyle(c, hf, fc, sw, sc);
+    const baseSs = chunkMA2BI7LX_js.getShapeVisualStyle(c, hf, fc, sw, sc);
     const inheritedFill = pptx.resolveGroupChildFill(c, parentGroupFill);
     const ss = inheritedFill ? {
       ...baseSs,
@@ -15750,9 +15872,9 @@ function renderGroup(children, parentGroupFill) {
       backgroundPosition: inheritedFill.backgroundPosition
     } : baseSs;
     const isI = c.type === "picture" || c.type === "image";
-    const vs = chunkVJZJESNT_js.renderVectorShape(c, isI ? false : hf, fc, sw, sc);
-    const ts = chunkVJZJESNT_js.getTextStyleForElement(c, chunkVJZJESNT_js.DEFAULT_TEXT_COLOR);
-    const isTxt = chunkVJZJESNT_js.isEditableTextElement(c);
+    const vs = chunkMA2BI7LX_js.renderVectorShape(c, isI ? false : hf, fc, sw, sc);
+    const ts = chunkMA2BI7LX_js.getTextStyleForElement(c, chunkMA2BI7LX_js.DEFAULT_TEXT_COLOR);
+    const isTxt = chunkMA2BI7LX_js.isEditableTextElement(c);
     return /* @__PURE__ */ jsxRuntime.jsxs(
       "div",
       {
@@ -15761,9 +15883,9 @@ function renderGroup(children, parentGroupFill) {
         style: {
           left: c.x,
           top: c.y,
-          width: Math.max(c.width, chunkVJZJESNT_js.MIN_ELEMENT_SIZE),
-          height: Math.max(c.height, chunkVJZJESNT_js.MIN_ELEMENT_SIZE),
-          transform: chunkVJZJESNT_js.getElementTransform(c),
+          width: Math.max(c.width, chunkMA2BI7LX_js.MIN_ELEMENT_SIZE),
+          height: Math.max(c.height, chunkMA2BI7LX_js.MIN_ELEMENT_SIZE),
+          transform: chunkMA2BI7LX_js.getElementTransform(c),
           transformOrigin: "center",
           ...ss,
           ...isI ? {
@@ -15788,8 +15910,8 @@ function renderGroup(children, parentGroupFill) {
             // A nested group: recurse, chaining the inherited fill so a
             // `grpFill` shape under a fill-less sub-group still paints.
             renderGroup(c.children, pptx.getGroupChildParentFill(c, parentGroupFill))
-          ) : isI && ("svgData" in c && c.svgData || "imageData" in c && c.imageData) ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "absolute inset-0 pointer-events-none", style: chunkVJZJESNT_js.getImageSurfaceStyle(c), children: [
-            chunkVJZJESNT_js.isImageTiled(c) ? /* @__PURE__ */ jsxRuntime.jsx(
+          ) : isI && ("svgData" in c && c.svgData || "imageData" in c && c.imageData) ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "absolute inset-0 pointer-events-none", style: chunkMA2BI7LX_js.getImageSurfaceStyle(c), children: [
+            chunkMA2BI7LX_js.isImageTiled(c) ? /* @__PURE__ */ jsxRuntime.jsx(
               TiledImageLayer,
               {
                 element: c,
@@ -15802,7 +15924,7 @@ function renderGroup(children, parentGroupFill) {
                 src: "svgData" in c && c.svgData ? c.svgData : c.imageData,
                 alt: i18n.translationsEn["pptx.ink.groupChildAlt"],
                 className: "pointer-events-none select-none",
-                style: chunkVJZJESNT_js.getImageRenderStyle(c),
+                style: chunkMA2BI7LX_js.getImageRenderStyle(c),
                 draggable: false
               }
             ),
@@ -15814,7 +15936,7 @@ function renderGroup(children, parentGroupFill) {
               {
                 className: "relative z-10 w-full h-full pointer-events-none whitespace-pre-wrap break-words leading-[1.3]",
                 style: ts,
-                children: chunkVJZJESNT_js.renderTextSegments(c, chunkVJZJESNT_js.DEFAULT_TEXT_COLOR)
+                children: chunkMA2BI7LX_js.renderTextSegments(c, chunkMA2BI7LX_js.DEFAULT_TEXT_COLOR)
               }
             ) : null
           ] })
@@ -15828,8 +15950,8 @@ function renderContentPart(el, options) {
   if (el.inkStrokes && el.inkStrokes.length > 0) {
     const replay = options?.replay ?? false;
     const pressureSensitive = options?.pressureSensitive ?? true;
-    const strokes = chunkVJZJESNT_js.buildContentPartStrokes(el);
-    const replayStyles = replay ? chunkVJZJESNT_js.getContentPartReplayStyles(el.inkStrokes, options?.replayConfig) : null;
+    const strokes = chunkMA2BI7LX_js.buildContentPartStrokes(el);
+    const replayStyles = replay ? chunkMA2BI7LX_js.getContentPartReplayStyles(el.inkStrokes, options?.replayConfig) : null;
     return /* @__PURE__ */ jsxRuntime.jsxs(
       "svg",
       {
@@ -15837,7 +15959,7 @@ function renderContentPart(el, options) {
         viewBox: `0 0 ${Math.max(el.width, 1)} ${Math.max(el.height, 1)}`,
         preserveAspectRatio: "none",
         children: [
-          replay && /* @__PURE__ */ jsxRuntime.jsx("style", { children: chunkVJZJESNT_js.INK_REPLAY_KEYFRAMES }),
+          replay && /* @__PURE__ */ jsxRuntime.jsx("style", { children: chunkMA2BI7LX_js.INK_REPLAY_KEYFRAMES }),
           strokes.map(
             (s, i) => renderStrokeView(s, pressureSensitive, replayStyles?.[i], `${el.id}-cp-ink-${i}`)
           )
@@ -16037,7 +16159,7 @@ function renderOleBadge(oleType) {
     )
   ] });
 }
-var InlineCollaborationContext = React17.createContext(void 0);
+var InlineCollaborationContext = /* @__PURE__ */ React17.createContext(void 0);
 
 // src/viewer/components/elements/useInlineListEditor.tsx
 function useInlineListEditor(element, rootRef, onChange, onModelReplacement) {
@@ -16064,9 +16186,9 @@ function useInlineListEditor(element, rootRef, onChange, onModelReplacement) {
         collaboration: connected,
         model: pptx.createInlineListModelObserver(element),
         activationSelection,
-        children: seed && !connected ? chunkVJZJESNT_js.renderTextSegments(
+        children: seed && !connected ? chunkMA2BI7LX_js.renderTextSegments(
           element,
-          chunkVJZJESNT_js.DEFAULT_TEXT_COLOR,
+          chunkMA2BI7LX_js.DEFAULT_TEXT_COLOR,
           void 0,
           void 0,
           void 0,
@@ -16236,7 +16358,7 @@ function InlineTextEditor({
     seedRef.current = {
       initialText,
       hasRichSegments: Boolean(
-        (0, chunkVJZJESNT_js.dist_exports.hasTextProperties)(element) && element.textSegments && element.textSegments.length > 0
+        pptx$1.hasTextProperties(element) && element.textSegments && element.textSegments.length > 0
       )
     };
   }
@@ -16302,8 +16424,8 @@ function InlineTextEditor({
       pending.endOffset
     );
   });
-  const warpStyle = chunkVJZJESNT_js.getTextWarpStyle(textStyleRaw);
-  const compensationTransform = chunkVJZJESNT_js.getTextCompensationTransform(element);
+  const warpStyle = chunkMA2BI7LX_js.getTextWarpStyle(textStyleRaw);
+  const compensationTransform = chunkMA2BI7LX_js.getTextCompensationTransform(element);
   const warpTransform = warpStyle?.transform;
   const mergedTransform = [compensationTransform, warpTransform].filter(Boolean).join(" ") || void 0;
   const wrapperStyle = {
@@ -16314,7 +16436,7 @@ function InlineTextEditor({
     transformOrigin: warpStyle?.transformOrigin || "center"
   };
   const nextInlineStyleValue = (property) => {
-    if (!(0, chunkVJZJESNT_js.dist_exports.hasTextProperties)(element)) {
+    if (!pptx$1.hasTextProperties(element)) {
       return true;
     }
     const result = pptx.getInlineEditorSelectionResult(element.textSegments);
@@ -16391,7 +16513,7 @@ function InlineTextEditor({
         const text = e.clipboardData.getData("text/plain");
         document.execCommand("insertText", false, text);
       },
-      children: list.seed ? list.children : seed.hasRichSegments ? chunkVJZJESNT_js.renderTextSegments(element, chunkVJZJESNT_js.DEFAULT_TEXT_COLOR) : seed.initialText
+      children: list.seed ? list.children : seed.hasRichSegments ? chunkMA2BI7LX_js.renderTextSegments(element, chunkMA2BI7LX_js.DEFAULT_TEXT_COLOR) : seed.initialText
     },
     list.seed?.paragraphs[0].token ?? "plain"
   );
@@ -16399,10 +16521,10 @@ function InlineTextEditor({
 function FailedToLoad() {
   return null;
 }
-var LazyModel3DScene = React17__default.default.lazy(
+var LazyModel3DScene = /* @__PURE__ */ React17__default.default.lazy(
   async () => {
     try {
-      return await import('./Model3DScene-5HLXSIIK.js');
+      return await import('./Model3DScene-CCIG67DJ.js');
     } catch {
       return { default: FailedToLoad };
     }
@@ -16483,7 +16605,7 @@ function Model3DRenderer({ element, width, height, interactive }) {
   const [threeAvailable, setThreeAvailable] = React17.useState(null);
   React17.useEffect(() => {
     let cancelled = false;
-    import('./three.module-RIUI7P3J.js').then(() => {
+    import('./three.module-MBFHAT6M.js').then(() => {
       if (!cancelled) {
         setThreeAvailable(true);
       }
@@ -17328,7 +17450,7 @@ function SmartArtRendererImpl({
     if (!onUpdateElement || !pptx.shouldCommitSmartArtNodeText(smartArtData, nodeId, text)) {
       return;
     }
-    const updated = (0, chunkVJZJESNT_js.dist_exports.updateSmartArtNodeText)(smartArtData, nodeId, text);
+    const updated = pptx$1.updateSmartArtNodeText(smartArtData, nodeId, text);
     const box = { width: element.width, height: element.height };
     const reflowed = pptx.rebuildDrawingShapesIfCleared(
       updated,
@@ -17344,7 +17466,7 @@ function SmartArtRendererImpl({
     if (!onUpdateElement) {
       return;
     }
-    const next = (0, chunkVJZJESNT_js.dist_exports.setSmartArtNodeStyle)(smartArtData, nodeId, { fillColor: fill });
+    const next = pptx$1.setSmartArtNodeStyle(smartArtData, nodeId, { fillColor: fill });
     if (next !== smartArtData) {
       const box = { width: element.width, height: element.height };
       const reflowed = pptx.rebuildDrawingShapesIfCleared(
@@ -17454,7 +17576,7 @@ function sameDiagramReveal(prev, next) {
   }
   return true;
 }
-var SmartArtRenderer = React17__default.default.memo(SmartArtRendererImpl, arePropsEqual);
+var SmartArtRenderer = /* @__PURE__ */ React17__default.default.memo(SmartArtRendererImpl, arePropsEqual);
 function SmartArt3DView({
   element,
   className,
@@ -17538,7 +17660,7 @@ function groupIntoParagraphs(element, fieldContext) {
     element,
     fieldContext ? (seg) => {
       if (seg.fieldType) {
-        const substituted = chunkVJZJESNT_js.substituteFieldText(
+        const substituted = chunkMA2BI7LX_js.substituteFieldText(
           seg.text,
           seg.fieldType,
           fieldContext,
@@ -17573,13 +17695,13 @@ function getSegmentTspanProps(segment, element, fallbackColor) {
   if (s.strikethrough) {
     decos.push("line-through");
   }
-  const fill = s.hyperlink ? chunkVJZJESNT_js.normalizeHexColor(s.color || element.textStyle?.color, chunkVJZJESNT_js.HYPERLINK_COLOR) : chunkVJZJESNT_js.normalizeHexColor(s.color || element.textStyle?.color, fallbackColor);
+  const fill = s.hyperlink ? chunkMA2BI7LX_js.normalizeHexColor(s.color || element.textStyle?.color, chunkMA2BI7LX_js.HYPERLINK_COLOR) : chunkMA2BI7LX_js.normalizeHexColor(s.color || element.textStyle?.color, fallbackColor);
   return {
     fill,
-    fontSize: s.fontSize ?? element.textStyle?.fontSize ?? chunkVJZJESNT_js.DEFAULT_TEXT_FONT_SIZE,
+    fontSize: s.fontSize ?? element.textStyle?.fontSize ?? chunkMA2BI7LX_js.DEFAULT_TEXT_FONT_SIZE,
     fontWeight: pptx.resolveFontWeight(s.fontFamily || element.textStyle?.fontFamily, s.bold),
     fontStyle: pptx.resolveFontItalic(s.fontFamily || element.textStyle?.fontFamily, s.italic) ? "italic" : void 0,
-    fontFamily: s.fontFamily || element.textStyle?.fontFamily ? (0, chunkVJZJESNT_js.dist_exports.getSubstituteFontFamily)(s.fontFamily || element.textStyle?.fontFamily || "") : chunkVJZJESNT_js.DEFAULT_FONT_FAMILY,
+    fontFamily: s.fontFamily || element.textStyle?.fontFamily ? pptx$1.getSubstituteFontFamily(s.fontFamily || element.textStyle?.fontFamily || "") : chunkMA2BI7LX_js.DEFAULT_FONT_FAMILY,
     textDecoration: decos.length > 0 ? decos.join(" ") : void 0
   };
 }
@@ -17587,8 +17709,8 @@ function resolveSegmentFont(segment, element) {
   const s = segment.style || {};
   const family = s.fontFamily || element.textStyle?.fontFamily;
   return {
-    fontFamily: family ? (0, chunkVJZJESNT_js.dist_exports.getSubstituteFontFamily)(family) : chunkVJZJESNT_js.DEFAULT_FONT_FAMILY,
-    fontSizePx: s.fontSize ?? element.textStyle?.fontSize ?? chunkVJZJESNT_js.DEFAULT_TEXT_FONT_SIZE,
+    fontFamily: family ? pptx$1.getSubstituteFontFamily(family) : chunkMA2BI7LX_js.DEFAULT_FONT_FAMILY,
+    fontSizePx: s.fontSize ?? element.textStyle?.fontSize ?? chunkMA2BI7LX_js.DEFAULT_TEXT_FONT_SIZE,
     bold: s.bold ?? element.textStyle?.bold,
     italic: s.italic ?? element.textStyle?.italic
   };
@@ -17654,7 +17776,7 @@ function WarpedText({
   fallbackColor,
   fieldContext
 }) {
-  if (!(0, chunkVJZJESNT_js.dist_exports.hasTextProperties)(element)) {
+  if (!pptx$1.hasTextProperties(element)) {
     return null;
   }
   const textEl = element;
@@ -17672,9 +17794,9 @@ function WarpedText({
   const warpAdj2 = textEl.textStyle?.textWarpAdj2;
   const align = textEl.textStyle?.align ?? "center";
   const { startOffset, textAnchor } = getAlignmentProps(align);
-  const baseFontSize = textEl.textStyle?.fontSize ?? chunkVJZJESNT_js.DEFAULT_TEXT_FONT_SIZE;
-  const baseFontFamily = textEl.textStyle?.fontFamily ? (0, chunkVJZJESNT_js.dist_exports.getSubstituteFontFamily)(textEl.textStyle.fontFamily) : chunkVJZJESNT_js.DEFAULT_FONT_FAMILY;
-  const baseFill = chunkVJZJESNT_js.normalizeHexColor(textEl.textStyle?.color, fallbackColor);
+  const baseFontSize = textEl.textStyle?.fontSize ?? chunkMA2BI7LX_js.DEFAULT_TEXT_FONT_SIZE;
+  const baseFontFamily = textEl.textStyle?.fontFamily ? pptx$1.getSubstituteFontFamily(textEl.textStyle.fontFamily) : chunkMA2BI7LX_js.DEFAULT_FONT_FAMILY;
+  const baseFill = chunkMA2BI7LX_js.normalizeHexColor(textEl.textStyle?.color, fallbackColor);
   if (pptx.hasGlyphEnvelope(preset)) {
     const perLine = pptx.buildGlyphEnvelopeBlock(
       preset,
@@ -17773,11 +17895,15 @@ function WarpedText({
     }
   );
 }
-var GLYPH_BY_SHAPE = Object.fromEntries(
-  chunkVJZJESNT_js.ACTION_BUTTON_PRESETS.map((p) => [p.shapeType, p.iconPath])
-);
-GLYPH_BY_SHAPE["actionButtonForwardOrNext"] = GLYPH_BY_SHAPE["actionButtonForwardNext"];
-GLYPH_BY_SHAPE["actionButtonBackOrPrevious"] = GLYPH_BY_SHAPE["actionButtonBackPrevious"];
+var GLYPH_BY_SHAPE = /* @__PURE__ */ buildGlyphByShape();
+function buildGlyphByShape() {
+  const glyphs = Object.fromEntries(
+    chunkMA2BI7LX_js.ACTION_BUTTON_PRESETS.map((p) => [p.shapeType, p.iconPath])
+  );
+  glyphs["actionButtonForwardOrNext"] = glyphs["actionButtonForwardNext"];
+  glyphs["actionButtonBackOrPrevious"] = glyphs["actionButtonBackPrevious"];
+  return glyphs;
+}
 function isActionButtonShape(shapeType) {
   return Boolean(shapeType && shapeType in GLYPH_BY_SHAPE);
 }
@@ -17844,11 +17970,11 @@ function renderTextElementBody(options) {
   const isLinkedTextBox = pptx.isLinkedTextBox(el);
   const linkedSegments = pptx.getOverflowSegments(el, slideElements);
   const useSvgWarp = pptx.shouldUseSvgWarp(
-    (0, chunkVJZJESNT_js.dist_exports.hasTextProperties)(el) ? el.textStyle?.textWarpPreset : void 0
+    pptx$1.hasTextProperties(el) ? el.textStyle?.textWarpPreset : void 0
   );
-  const scene3dStyle = (0, chunkVJZJESNT_js.dist_exports.hasTextProperties)(el) ? chunkVJZJESNT_js.buildTextBody3DSceneStyle(el.textStyle, { width: el.width, height: el.height }) : void 0;
+  const scene3dStyle = pptx$1.hasTextProperties(el) ? chunkMA2BI7LX_js.buildTextBody3DSceneStyle(el.textStyle, { width: el.width, height: el.height }) : void 0;
   const rotationTransform = pptx.getTextBodyRotationTransform(el);
-  const composedTransform = [rotationTransform, chunkVJZJESNT_js.getTextCompensationTransform(el), scene3dStyle?.transform].filter(Boolean).join(" ") || void 0;
+  const composedTransform = [rotationTransform, chunkMA2BI7LX_js.getTextCompensationTransform(el), scene3dStyle?.transform].filter(Boolean).join(" ") || void 0;
   const transformStyle = {
     transform: composedTransform,
     // A COM-measured homography (`scene3dStyle.transformOrigin === '0 0'`)
@@ -17878,18 +18004,18 @@ function renderTextElementBody(options) {
     shouldRenderText && (useSvgWarp ? /* @__PURE__ */ jsxRuntime.jsx(
       "div",
       {
-        className: chunkVJZJESNT_js.cn(
+        className: chunkMA2BI7LX_js.cn(
           "relative z-10 w-full h-full",
           onHyperlinkClick ? "" : "pointer-events-none"
         ),
-        style: { ...chunkVJZJESNT_js.getTextLayoutStyle(el), ...transformStyle },
+        style: { ...chunkMA2BI7LX_js.getTextLayoutStyle(el), ...transformStyle },
         children: /* @__PURE__ */ jsxRuntime.jsx(
           WarpedText,
           {
             element: el,
             width: el.width,
             height: el.height,
-            fallbackColor: chunkVJZJESNT_js.DEFAULT_TEXT_COLOR,
+            fallbackColor: chunkMA2BI7LX_js.DEFAULT_TEXT_COLOR,
             findHighlights: findHl,
             fieldContext
           }
@@ -17898,19 +18024,19 @@ function renderTextElementBody(options) {
     ) : /* @__PURE__ */ jsxRuntime.jsx(
       "div",
       {
-        className: chunkVJZJESNT_js.cn(
+        className: chunkMA2BI7LX_js.cn(
           "relative z-10 w-full h-full whitespace-pre-wrap break-words leading-[1.3]",
           onHyperlinkClick ? "" : "pointer-events-none"
         ),
         style: {
-          ...chunkVJZJESNT_js.getTextLayoutStyle(el),
+          ...chunkMA2BI7LX_js.getTextLayoutStyle(el),
           ...txtS,
-          ...chunkVJZJESNT_js.getTextWarpStyle(txtSE),
+          ...chunkMA2BI7LX_js.getTextWarpStyle(txtSE),
           ...transformStyle
         },
-        children: chunkVJZJESNT_js.renderTextSegments(
+        children: chunkMA2BI7LX_js.renderTextSegments(
           el,
-          chunkVJZJESNT_js.DEFAULT_TEXT_COLOR,
+          chunkMA2BI7LX_js.DEFAULT_TEXT_COLOR,
           void 0,
           findHl,
           onHyperlinkClick,
@@ -18229,7 +18355,7 @@ function renderBody(options) {
     );
   }
   if (isImg) {
-    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "absolute inset-0 pointer-events-none", style: chunkVJZJESNT_js.getImageSurfaceStyle(el), children: [
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "absolute inset-0 pointer-events-none", style: chunkMA2BI7LX_js.getImageSurfaceStyle(el), children: [
       renderImg(el, imgStyle, imgFilter, imgAlt, imgOpacity),
       vecShape ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pointer-events-none absolute inset-0", children: vecShape }) : null
     ] });
@@ -18246,7 +18372,7 @@ function renderBody(options) {
           textDirection: txtSE?.textDirection,
           textStyle: txtS,
           textStyleRaw: txtSE,
-          layoutStyle: chunkVJZJESNT_js.getTextLayoutStyle(el),
+          layoutStyle: chunkMA2BI7LX_js.getTextLayoutStyle(el),
           element: el,
           onCommit,
           onCancel,
@@ -18257,7 +18383,7 @@ function renderBody(options) {
     ] });
   }
   if (el.type === "table") {
-    return chunkVJZJESNT_js.renderTableElement(el, txtS, {
+    return chunkMA2BI7LX_js.renderTableElement(el, txtS, {
       editable: isSel,
       selectedCell: isSel ? tableSt : null,
       onSelectCell: onCellSel,
@@ -18290,7 +18416,7 @@ function renderBody(options) {
     );
   }
   if (el.type === "media") {
-    return chunkVJZJESNT_js.renderMediaElement(el, media, {
+    return chunkMA2BI7LX_js.renderMediaElement(el, media, {
       // Present mode autoplays every media element on the active slide,
       // not only ones persisted with their own `autoPlay` flag (matching
       // the other four bindings' unconditional `presenting`-gated
@@ -18313,7 +18439,7 @@ function renderBody(options) {
       onPlayStateChange: handleMediaPlayStateChange
     });
   }
-  if (doInk && (0, chunkVJZJESNT_js.dist_exports.isInkElement)(el)) {
+  if (doInk && pptx$1.isInkElement(el)) {
     return renderInk(el, {
       replay: isPresentationPassive,
       pressureSensitive: true
@@ -18342,27 +18468,27 @@ function renderBody(options) {
     }
     return renderGroup(el.children, pptx.getGroupChildParentFill(el));
   }
-  if (chunkVJZJESNT_js.shouldRenderFallbackLabel(el, isTxtEl)) {
-    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full h-full flex items-center justify-center text-[11px] text-white/80 pointer-events-none", children: chunkVJZJESNT_js.getElementLabel(el) });
+  if (chunkMA2BI7LX_js.shouldRenderFallbackLabel(el, isTxtEl)) {
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full h-full flex items-center justify-center text-[11px] text-white/80 pointer-events-none", children: chunkMA2BI7LX_js.getElementLabel(el) });
   }
   return renderTextElementBody(options);
 }
 function defaultTextColorForFill(fillColor) {
   const hex = String(fillColor ?? "").replace(/^#/u, "");
   if (!/^[0-9a-f]{6}$/iu.test(hex)) {
-    return chunkVJZJESNT_js.DEFAULT_TEXT_COLOR;
+    return chunkMA2BI7LX_js.DEFAULT_TEXT_COLOR;
   }
   const channels = [0, 2, 4].map((offset) => Number.parseInt(hex.slice(offset, offset + 2), 16) / 255).map((channel) => channel <= 0.04045 ? channel / 12.92 : ((channel + 0.055) / 1.055) ** 2.4);
   const luminance = channels[0] * 0.2126 + channels[1] * 0.7152 + channels[2] * 0.0722;
-  return luminance > 0.179 ? chunkVJZJESNT_js.DEFAULT_TEXT_COLOR : "#ffffff";
+  return luminance > 0.179 ? chunkMA2BI7LX_js.DEFAULT_TEXT_COLOR : "#ffffff";
 }
 function getStaticElementVisualState(element, parentGroupFill) {
-  const style = (0, chunkVJZJESNT_js.dist_exports.hasShapeProperties)(element) ? element.shapeStyle : void 0;
-  const hasFill = style?.fillColor !== void 0 && style.fillColor !== "transparent" || Boolean(chunkVJZJESNT_js.buildCssGradientFromShapeStyle(style) || style?.fillGradient) || style?.fillMode === "pattern" && Boolean(style.fillPatternPreset);
-  const fill = chunkVJZJESNT_js.normalizeHexColor(style?.fillColor, chunkVJZJESNT_js.DEFAULT_FILL_COLOR);
+  const style = pptx$1.hasShapeProperties(element) ? element.shapeStyle : void 0;
+  const hasFill = style?.fillColor !== void 0 && style.fillColor !== "transparent" || Boolean(chunkMA2BI7LX_js.buildCssGradientFromShapeStyle(style) || style?.fillGradient) || style?.fillMode === "pattern" && Boolean(style.fillPatternPreset);
+  const fill = chunkMA2BI7LX_js.normalizeHexColor(style?.fillColor, chunkMA2BI7LX_js.DEFAULT_FILL_COLOR);
   const strokeWidth = pptx.paintedStrokeWidth(style);
-  const stroke = chunkVJZJESNT_js.normalizeHexColor(style?.strokeColor, chunkVJZJESNT_js.DEFAULT_STROKE_COLOR);
-  const baseVisualStyle = chunkVJZJESNT_js.getShapeVisualStyle(element, hasFill, fill, strokeWidth, stroke);
+  const stroke = chunkMA2BI7LX_js.normalizeHexColor(style?.strokeColor, chunkMA2BI7LX_js.DEFAULT_STROKE_COLOR);
+  const baseVisualStyle = chunkMA2BI7LX_js.getShapeVisualStyle(element, hasFill, fill, strokeWidth, stroke);
   const inheritedFill = pptx.resolveGroupChildFill(element, parentGroupFill);
   const visualStyle = inheritedFill ? {
     ...baseVisualStyle,
@@ -18372,13 +18498,13 @@ function getStaticElementVisualState(element, parentGroupFill) {
     backgroundSize: inheritedFill.backgroundSize,
     backgroundPosition: inheritedFill.backgroundPosition
   } : baseVisualStyle;
-  const textStyle = chunkVJZJESNT_js.getTextStyleForElement(
+  const textStyle = chunkMA2BI7LX_js.getTextStyleForElement(
     element,
-    element.type === "shape" && hasFill ? defaultTextColorForFill(fill) : chunkVJZJESNT_js.DEFAULT_TEXT_COLOR
+    element.type === "shape" && hasFill ? defaultTextColorForFill(fill) : chunkMA2BI7LX_js.DEFAULT_TEXT_COLOR
   );
   const isImage = element.type === "picture" || element.type === "image";
-  const letsTextOverflow = (0, chunkVJZJESNT_js.dist_exports.hasTextProperties)(element) && element.textStyle?.autoFitMode === "shrink" && (element.type === "text" || element.locks?.txBox === true);
-  const shapeType = (0, chunkVJZJESNT_js.dist_exports.hasShapeProperties)(element) ? element.shapeType : void 0;
+  const letsTextOverflow = pptx$1.hasTextProperties(element) && element.textStyle?.autoFitMode === "shrink" && (element.type === "text" || element.locks?.txBox === true);
+  const shapeType = pptx$1.hasShapeProperties(element) ? element.shapeType : void 0;
   const isCallout = pptx.isWedgeCalloutPresetShape(shapeType) || String(shapeType ?? "").toLowerCase().includes("callout");
   return {
     hasFill,
@@ -18399,7 +18525,7 @@ function getStaticElementInteractionState(element, hasActionHandler, exposeEleme
   return { action, isActionable, contractRole };
 }
 function getStaticElementWrapperClassName(element, visual, positioned, isActionable) {
-  const overflowClass = visual.isImage || visual.strokeWidth > 0 || element.type === "group" || chunkVJZJESNT_js.isConnectorOrLineElement(element) || visual.isCallout || visual.letsTextOverflow ? "" : "overflow-hidden";
+  const overflowClass = visual.isImage || visual.strokeWidth > 0 || element.type === "group" || chunkMA2BI7LX_js.isConnectorOrLineElement(element) || visual.isCallout || visual.letsTextOverflow ? "" : "overflow-hidden";
   const pointerClass = isActionable ? "pointer-events-auto cursor-pointer" : "pointer-events-none";
   return `${positioned ? "absolute" : "relative"} ${overflowClass} ${pointerClass}`;
 }
@@ -18482,7 +18608,7 @@ function StaticElementRendererImpl({
         top: positioned ? element.y : void 0,
         width: positioned ? Math.max(element.width, 1) : "100%",
         height: positioned ? Math.max(element.height, 1) : "100%",
-        transform: positioned ? chunkVJZJESNT_js.getElementTransform(element) : void 0,
+        transform: positioned ? chunkMA2BI7LX_js.getElementTransform(element) : void 0,
         transformOrigin: "center",
         zIndex,
         ...visualStyle,
@@ -18523,20 +18649,20 @@ function StaticElementRendererImpl({
           isEditing: false,
           editText: "",
           spellCheck: false,
-          txtSE: (0, chunkVJZJESNT_js.dist_exports.hasTextProperties)(element) ? element.textStyle : void 0,
+          txtSE: pptx$1.hasTextProperties(element) ? element.textStyle : void 0,
           txtS: textStyle,
-          vecShape: chunkVJZJESNT_js.renderVectorShape(
+          vecShape: chunkMA2BI7LX_js.renderVectorShape(
             element,
             isImage ? false : hasFill,
             fill,
             strokeWidth,
             stroke
           ),
-          imgStyle: imageAnimation ? { ...chunkVJZJESNT_js.getImageRenderStyle(element), animation: imageAnimation } : chunkVJZJESNT_js.getImageRenderStyle(element),
-          imgFilter: chunkVJZJESNT_js.getImageEffectsFilter(element),
-          imgOpacity: chunkVJZJESNT_js.getImageEffectsOpacity(element),
+          imgStyle: imageAnimation ? { ...chunkMA2BI7LX_js.getImageRenderStyle(element), animation: imageAnimation } : chunkMA2BI7LX_js.getImageRenderStyle(element),
+          imgFilter: chunkMA2BI7LX_js.getImageEffectsFilter(element),
+          imgOpacity: chunkMA2BI7LX_js.getImageEffectsOpacity(element),
           imgAlt: "",
-          isTxtEl: chunkVJZJESNT_js.isEditableTextElement(element),
+          isTxtEl: chunkMA2BI7LX_js.isEditableTextElement(element),
           media: mediaDataUrls,
           tableSt: null,
           isSel: false,
@@ -18565,8 +18691,10 @@ function StaticElementRendererImpl({
     }
   );
 }
-var StaticElementRenderer = React17__default.default.memo(StaticElementRendererImpl);
-StaticElementRenderer.displayName = "StaticElementRenderer";
+var StaticElementRenderer = /* @__PURE__ */ withDisplayName(
+  /* @__PURE__ */ React17__default.default.memo(StaticElementRendererImpl),
+  "StaticElementRenderer"
+);
 function SlideLayer({
   slide,
   templateElements,
@@ -18582,7 +18710,7 @@ function SlideLayer({
       style: {
         width: safeWidth,
         height: safeHeight,
-        backgroundColor: slide.backgroundColor ? chunkVJZJESNT_js.normalizeHexColor(slide.backgroundColor, "#ffffff") : "#ffffff",
+        backgroundColor: slide.backgroundColor ? chunkMA2BI7LX_js.normalizeHexColor(slide.backgroundColor, "#ffffff") : "#ffffff",
         backgroundImage: slide.backgroundImage ? `url(${slide.backgroundImage})` : slide.backgroundGradient ? slide.backgroundGradient : void 0,
         backgroundSize: slide.backgroundImage ? "cover" : void 0,
         backgroundPosition: slide.backgroundImage ? "center" : void 0
@@ -19169,6 +19297,7 @@ exports.useReadOnlyRecommendationState = useReadOnlyRecommendationState;
 exports.useRecoveryDetection = useRecoveryDetection;
 exports.useReducedMotion = useReducedMotion;
 exports.useRehearsalTimings = useRehearsalTimings;
+exports.useReportOnChange = useReportOnChange;
 exports.useResizablePanels = useResizablePanels;
 exports.useSectionOperations = useSectionOperations;
 exports.useSerialize = useSerialize;
@@ -19195,3 +19324,4 @@ exports.useYjsDocumentSync = useYjsDocumentSync;
 exports.useYjsProvider = useYjsProvider;
 exports.useZoomNavigation = useZoomNavigation;
 exports.useZoomViewport = useZoomViewport;
+exports.withDisplayName = withDisplayName;