pptx-react-viewer 4.48.0 → 4.49.0

package/dist/{chunk-5FAX7F3O.js → chunk-2ZXXHNNR.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunkJKZNL6HP_js = require('./chunk-JKZNL6HP.js');
+var chunkME5QRTVS_js = require('./chunk-ME5QRTVS.js');
 var chunkJAI42EXQ_js = require('./chunk-JAI42EXQ.js');
 var pptx = require('ooxml-ui/pptx');
 var React107 = require('react');
@@ -309,7 +309,7 @@ function SlideTemplatePreview({
             transformOrigin: "top left"
           },
           children: previewSlide.elements.map((element, index) => /* @__PURE__ */ jsxRuntime.jsx(
-            chunkJKZNL6HP_js.StaticElementRenderer,
+            chunkME5QRTVS_js.StaticElementRenderer,
             {
               element,
               activeSlide: previewSlide,
@@ -378,7 +378,7 @@ function SlideTemplateGalleryDialog({
   scheme
 }) {
   const { t } = reactI18next.useTranslation();
-  const { panelStyle, handlers: dragHandlers } = chunkJKZNL6HP_js.useModalDismissDrag(onClose);
+  const { panelStyle, handlers: dragHandlers } = chunkME5QRTVS_js.useModalDismissDrag(onClose);
   const [selected, setSelected] = React107.useState(null);
   const dialogRef = React107.useRef(null);
   useModalFocus(isOpen, dialogRef, onClose);
@@ -872,7 +872,7 @@ function MobileSheet({
 }) {
   const sheetRef = React107.useRef(null);
   const { t } = reactI18next.useTranslation();
-  const { dragY, dragging, handlers } = chunkJKZNL6HP_js.useSheetDismissDrag(onClose);
+  const { dragY, dragging, handlers } = chunkME5QRTVS_js.useSheetDismissDrag(onClose);
   useModalFocus(open, sheetRef, onClose);
   if (!open) {
     return null;
@@ -1140,7 +1140,7 @@ function WebHomeControls({
 function ShapeArrangeExtras(p) {
   const commands = useShapeFormatContext();
   const crop = commands?.crop;
-  const { isHidden } = chunkJKZNL6HP_js.useToolbarVisibility(p.hiddenActions);
+  const { isHidden } = chunkME5QRTVS_js.useToolbarVisibility(p.hiddenActions);
   const { onGroupElements, onUngroupElement, onUpdateElementStyle } = p;
   const controls = React107.useMemo(
     () => pptx.arrangeShapeHomeControls({
@@ -1475,7 +1475,7 @@ function TransitionsSection(p) {
         case "soundPreview": {
           const url = pptx.ribbonTransitionStockSoundUrl(transition);
           if (url) {
-            chunkJKZNL6HP_js.playAnimationSound(url);
+            chunkME5QRTVS_js.playAnimationSound(url);
           }
           break;
         }
@@ -1678,7 +1678,7 @@ function AccountPage() {
       return void 0;
     });
   };
-  const version = "4.48.0" ;
+  const version = "4.49.0" ;
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-8 max-w-[700px] space-y-6", children: [
     /* @__PURE__ */ jsxRuntime.jsxs("section", { className: cardClass, children: [
       /* @__PURE__ */ jsxRuntime.jsxs("h2", { className: "flex items-center gap-2 text-sm font-semibold", children: [
@@ -1942,7 +1942,7 @@ function FileSection(p) {
   const page = offered(requestedPage) ? requestedPage : offered("home") ? "home" : nav.find((item) => item.id !== "save" && item.id !== "close")?.id ?? "home";
   const [query, setQuery] = React107.useState("");
   const [recent, setRecent] = React107.useState([]);
-  const { isHidden } = chunkJKZNL6HP_js.useToolbarVisibility(p.hiddenActions);
+  const { isHidden } = chunkME5QRTVS_js.useToolbarVisibility(p.hiddenActions);
   const exportHidden = isHidden("export");
   const storage = useViewerStorage();
   React107.useEffect(() => {
@@ -2291,7 +2291,7 @@ function LayoutArtwork({
     backgroundColor
   };
   return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: (preview?.elements ?? []).slice(0, MAX_PREVIEW_ELEMENTS).map((element, index) => /* @__PURE__ */ jsxRuntime.jsx(
-    chunkJKZNL6HP_js.StaticElementRenderer,
+    chunkME5QRTVS_js.StaticElementRenderer,
     {
       element,
       activeSlide: slide,
@@ -2741,7 +2741,7 @@ function SlideShowOptions({
 }
 function SubtitleSettingsControl() {
   const { t } = reactI18next.useTranslation();
-  const supplied = React107.useContext(chunkJKZNL6HP_js.ViewerOptionsStoreContext);
+  const supplied = React107.useContext(chunkME5QRTVS_js.ViewerOptionsStoreContext);
   const fallback = React107.useRef(null);
   if (!supplied) {
     fallback.current ??= pptx.createViewerOptionsStore({ persist: false });
@@ -2775,7 +2775,7 @@ function SubtitleSettingsControl() {
 }
 function SlideShowSection(p) {
   const { t } = reactI18next.useTranslation();
-  const { isHidden } = chunkJKZNL6HP_js.useToolbarVisibility(p.hiddenActions);
+  const { isHidden } = chunkME5QRTVS_js.useToolbarVisibility(p.hiddenActions);
   const [showsOpen, setShowsOpen] = React107.useState(false);
   const showsRef = React107.useRef(null);
   React107.useEffect(() => {
@@ -3314,7 +3314,7 @@ function MobileMenuSheet(props) {
   const { t } = reactI18next.useTranslation();
   const { open, onClose } = props;
   const [active, setActive] = React107.useState("home");
-  const { isTabVisible } = chunkJKZNL6HP_js.useToolbarVisibility(props.hiddenActions);
+  const { isTabVisible } = chunkME5QRTVS_js.useToolbarVisibility(props.hiddenActions);
   return /* @__PURE__ */ jsxRuntime.jsx(
     MobileSheet,
     {
@@ -3604,7 +3604,7 @@ function MobileToolbar(props) {
   const { t } = reactI18next.useTranslation();
   const { mode, canUndo, canRedo, onUndo, onRedo, onSetMode, onSaveAsPptx } = props;
   const [menuOpen, setMenuOpen] = React107.useState(false);
-  const { isHidden } = chunkJKZNL6HP_js.useToolbarVisibility(props.hiddenActions);
+  const { isHidden } = chunkME5QRTVS_js.useToolbarVisibility(props.hiddenActions);
   const showEdit = mode === "edit" || mode === "master";
   const hidden = [];
   if (isHidden("undo")) {
@@ -3651,7 +3651,7 @@ function MobileToolbar(props) {
 }
 function ChartSelectionStrip() {
   const { t } = reactI18next.useTranslation();
-  const commands = chunkJKZNL6HP_js.useChartFormatContext();
+  const commands = chunkME5QRTVS_js.useChartFormatContext();
   const chart = commands?.chart;
   const chartData = chart?.type === "chart" ? chart.chartData : void 0;
   const controls = React107.useMemo(
@@ -3682,7 +3682,7 @@ function PictureSizeStrip({
   hiddenActions
 }) {
   const crop = useShapeFormatContext()?.crop;
-  const { isHidden } = chunkJKZNL6HP_js.useToolbarVisibility(hiddenActions);
+  const { isHidden } = chunkME5QRTVS_js.useToolbarVisibility(hiddenActions);
   const controls = React107.useMemo(
     () => pptx.pictureSizeHomeControls({
       editable: Boolean(crop),
@@ -3855,7 +3855,7 @@ var TAB_BASE = "relative px-3.5 py-2 text-[12px] font-medium whitespace-nowrap t
 var TAB_UNDERLINE = "after:absolute after:-bottom-px after:left-0 after:right-0 after:h-[2.5px] after:bg-primary";
 function RibbonTabBar(p) {
   const { t } = reactI18next.useTranslation();
-  const viewerOptions = chunkJKZNL6HP_js.useViewerOptionsContext();
+  const viewerOptions = chunkME5QRTVS_js.useViewerOptionsContext();
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
     {
@@ -3932,9 +3932,9 @@ function RibbonTabBar(p) {
 }
 function TabRowActions(p) {
   const { t } = reactI18next.useTranslation();
-  const collab = chunkJKZNL6HP_js.useCollaboration();
+  const collab = chunkME5QRTVS_js.useCollaboration();
   const isCollaborating = Boolean(collab && collab.status === "connected");
-  const { isHidden } = chunkJKZNL6HP_js.useToolbarVisibility(p.hiddenActions);
+  const { isHidden } = chunkME5QRTVS_js.useToolbarVisibility(p.hiddenActions);
   const customization = useViewerCustomizationContext();
   const ref = React107.useRef(null);
   const handlers = React107.useRef(p);
@@ -3989,7 +3989,7 @@ function TabRowActions(p) {
 }
 function TitleBarElement(p) {
   const { t } = reactI18next.useTranslation();
-  const options = chunkJKZNL6HP_js.useViewerOptionsContext();
+  const options = chunkME5QRTVS_js.useViewerOptionsContext();
   const customization = useViewerCustomizationContext();
   const ref = React107.useRef(null);
   const stripVisible = options.quickAccess.visible && pptx.isPanelVisible(customization, "quickAccessToolbar");
@@ -4325,7 +4325,7 @@ function ToolbarPrimaryRow(p) {
     onToggleSidebar,
     onToggleInspector
   } = p;
-  const collab = chunkJKZNL6HP_js.useCollaboration();
+  const collab = chunkME5QRTVS_js.useCollaboration();
   const customization = useViewerCustomizationContext();
   const showSlidesToggle = pptx.isPanelVisible(customization, "slidesPane");
   const showInspectorToggle = pptx.isPanelVisible(customization, "inspector");
@@ -4615,8 +4615,8 @@ function ToolbarLateTabs({
 function Toolbar(p) {
   const { mode, isNarrowViewport, isCompactToolbarOpen, toolbarSection, onSetToolbarSection } = p;
   const { t } = reactI18next.useTranslation();
-  const { isTabVisible } = chunkJKZNL6HP_js.useToolbarVisibility(p.hiddenActions);
-  const viewerOptions = chunkJKZNL6HP_js.useViewerOptionsContext();
+  const { isTabVisible } = chunkME5QRTVS_js.useToolbarVisibility(p.hiddenActions);
+  const viewerOptions = chunkME5QRTVS_js.useViewerOptionsContext();
   const customization = useViewerCustomizationContext();
   const belowInput = React107.useMemo(
     () => ({
@@ -5602,7 +5602,7 @@ function DrawingOverlaySvg({
       onPointerDown,
       onPointerMove,
       onPointerUp,
-      children: isStrokeActive && liveStrokeView ? chunkJKZNL6HP_js.renderStrokeView(liveStrokeView, true, void 0, "ink-live-preview") : isStrokeActive && liveStrokeD && /* @__PURE__ */ jsxRuntime.jsx(
+      children: isStrokeActive && liveStrokeView ? chunkME5QRTVS_js.renderStrokeView(liveStrokeView, true, void 0, "ink-live-preview") : isStrokeActive && liveStrokeD && /* @__PURE__ */ jsxRuntime.jsx(
         "path",
         {
           d: liveStrokeD,
@@ -6181,7 +6181,7 @@ function PictureCropOverlay({
     };
   };
   const { ghost, frame, handles } = overlay;
-  const src = chunkJKZNL6HP_js.imgSrc(element);
+  const src = chunkME5QRTVS_js.imgSrc(element);
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
     {
@@ -6357,7 +6357,7 @@ function HorizontalRulerView({ ticks, widthPx, highlight }) {
     }
   );
 }
-var HorizontalRuler = /* @__PURE__ */ chunkJKZNL6HP_js.withDisplayName(
+var HorizontalRuler = /* @__PURE__ */ chunkME5QRTVS_js.withDisplayName(
   /* @__PURE__ */ React107__default.default.memo(HorizontalRulerView),
   "HorizontalRuler"
 );
@@ -6431,7 +6431,7 @@ function VerticalRulerView({ ticks, heightPx, highlight }) {
     }
   );
 }
-var VerticalRuler = /* @__PURE__ */ chunkJKZNL6HP_js.withDisplayName(
+var VerticalRuler = /* @__PURE__ */ chunkME5QRTVS_js.withDisplayName(
   /* @__PURE__ */ React107__default.default.memo(VerticalRulerView),
   "VerticalRuler"
 );
@@ -6625,7 +6625,7 @@ function SelectionHandleOverlay({
       onDoubleClick: (e) => onDoubleClick(element.id, e),
       onContextMenu: (e) => onContextMenu(element.id, e),
       children: /* @__PURE__ */ jsxRuntime.jsx(
-        chunkJKZNL6HP_js.ResizeHandles,
+        chunkME5QRTVS_js.ResizeHandles,
         {
           elementId: element.id,
           adjustmentHandles,
@@ -7336,7 +7336,7 @@ function SlideCanvas(props) {
       props.registerInlineEditReader
     ]
   );
-  return /* @__PURE__ */ jsxRuntime.jsx(chunkJKZNL6HP_js.InlineCollaborationContext.Provider, { value, children: /* @__PURE__ */ jsxRuntime.jsx(SlideCanvasContent, { ...props }) });
+  return /* @__PURE__ */ jsxRuntime.jsx(chunkME5QRTVS_js.InlineCollaborationContext.Provider, { value, children: /* @__PURE__ */ jsxRuntime.jsx(SlideCanvasContent, { ...props }) });
 }
 function SlideCanvasContent({
   imagePaste,
@@ -7605,7 +7605,7 @@ function SlideCanvasContent({
                 onPointerMove: handleStagePointerMove,
                 onPointerUp: handleStagePointerUp,
                 children: [
-                  /* @__PURE__ */ jsxRuntime.jsx(chunkJKZNL6HP_js.SlideBackgroundImageLayer, { slide: activeSlide }),
+                  /* @__PURE__ */ jsxRuntime.jsx(chunkME5QRTVS_js.SlideBackgroundImageLayer, { slide: activeSlide }),
                   presentationKeyframesCss && /* @__PURE__ */ jsxRuntime.jsx("style", { children: presentationKeyframesCss }),
                   /* @__PURE__ */ jsxRuntime.jsx(GridOverlay, { canvasSize, gridSpacingPx, visible: showGrid }),
                   /* @__PURE__ */ jsxRuntime.jsx(
@@ -7617,7 +7617,7 @@ function SlideCanvasContent({
                     }
                   ),
                   templateElements.map((element, index) => /* @__PURE__ */ jsxRuntime.jsx(
-                    chunkJKZNL6HP_js.ElementRenderer,
+                    chunkME5QRTVS_js.ElementRenderer,
                     {
                       element,
                       activeSlide,
@@ -7661,7 +7661,7 @@ function SlideCanvasContent({
                     `tpl-${element.id}`
                   )),
                   activeSlide?.elements.map((element, index) => /* @__PURE__ */ jsxRuntime.jsx(
-                    chunkJKZNL6HP_js.ElementRenderer,
+                    chunkME5QRTVS_js.ElementRenderer,
                     {
                       element,
                       activeSlide,
@@ -7727,7 +7727,7 @@ function SlideCanvasContent({
                   editingMember && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
                     /* @__PURE__ */ jsxRuntime.jsx("style", { children: `[data-element-id="${cssAttr(editingMember.parentId)}"] [data-element-id="${cssAttr(editingMember.member.id)}"]{visibility:hidden}` }),
                     /* @__PURE__ */ jsxRuntime.jsx(
-                      chunkJKZNL6HP_js.ElementRenderer,
+                      chunkME5QRTVS_js.ElementRenderer,
                       {
                         element: editingMember.member,
                         activeSlide,
@@ -8049,41 +8049,11 @@ function ExportProgressModal({
   onCancel
 }) {
   const { t } = reactI18next.useTranslation();
-  if (!isOpen) {
-    return null;
-  }
-  const clampedProgress = pptx.clampPercent(progress);
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "div",
-    {
-      style: { zIndex: 1200 },
-      className: "fixed inset-0 flex items-center justify-center bg-black/60 backdrop-blur-sm",
-      children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "w-96 max-w-[calc(100%-2rem)] rounded-xl border border-border bg-background p-6 shadow-2xl", children: [
-        /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "mb-4 text-sm font-semibold text-foreground", children: title }),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mb-3 h-2.5 w-full overflow-hidden rounded-full bg-accent", children: /* @__PURE__ */ jsxRuntime.jsx(
-          "div",
-          {
-            className: "h-full rounded-full bg-primary transition-all duration-300 ease-out",
-            style: { width: `${clampedProgress}%` }
-          }
-        ) }),
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mb-4 flex items-center justify-between text-xs text-muted-foreground", children: [
-          /* @__PURE__ */ jsxRuntime.jsx("span", { children: statusMessage ?? t("pptx.export.processing") }),
-          /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "tabular-nums", children: [
-            clampedProgress,
-            "%"
-          ] })
-        ] }),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex justify-end", children: /* @__PURE__ */ jsxRuntime.jsx(
-          DialogFooter,
-          {
-            actions: [{ id: "cancel", label: t("pptx.export.cancel") }],
-            onAction: onCancel
-          }
-        ) })
-      ] })
-    }
+  const ref = useWebControl(
+    { open: isOpen, title, progress, status: statusMessage, translate: t },
+    { "export-cancel": () => onCancel() }
   );
+  return /* @__PURE__ */ jsxRuntime.jsx("pptx-ui-export-progress", { ref });
 }
 function StatusBar(p) {
   const { t } = reactI18next.useTranslation();
@@ -8229,7 +8199,7 @@ function SlideThumbnailImpl({
             ...pptx.deviceStrokeStageStyle(scale)
           },
           children: [
-            /* @__PURE__ */ jsxRuntime.jsx(chunkJKZNL6HP_js.SlideBackgroundImageLayer, { slide }),
+            /* @__PURE__ */ jsxRuntime.jsx(chunkME5QRTVS_js.SlideBackgroundImageLayer, { slide }),
             slide.transition && slide.transition.type !== "none" && slide.transition.type !== "cut" && /* @__PURE__ */ jsxRuntime.jsx(
               "div",
               {
@@ -8239,7 +8209,7 @@ function SlideThumbnailImpl({
               }
             ),
             previewElements.map((element, index) => /* @__PURE__ */ jsxRuntime.jsx(
-              chunkJKZNL6HP_js.StaticElementRenderer,
+              chunkME5QRTVS_js.StaticElementRenderer,
               {
                 element,
                 activeSlide: slide,
@@ -8417,7 +8387,7 @@ function ContextMenu(props) {
   const { t } = reactI18next.useTranslation();
   const customization = useViewerCustomizationContext();
   const shapeFormat = useShapeFormatContext();
-  const chartFormat = chunkJKZNL6HP_js.useChartFormatContext();
+  const chartFormat = chunkME5QRTVS_js.useChartFormatContext();
   const open = Boolean(contextMenuState) && mode === "edit";
   const handlers = {
     ...contextMenuHandlers(props, shapeFormat),
@@ -9332,7 +9302,7 @@ function SlidesPaneSidebar({
   tableStyleContext
 }) {
   const { t } = reactI18next.useTranslation();
-  const collab = chunkJKZNL6HP_js.useCollaboration();
+  const collab = chunkME5QRTVS_js.useCollaboration();
   const slideRefs = React107.useRef(/* @__PURE__ */ new Map());
   const renameInputRef = React107.useRef(null);
   const slidePresenceMap = React107.useMemo(() => {
@@ -9427,7 +9397,7 @@ function SlidesPaneSidebar({
     [sectionGroups, showSectionHeaders, effectiveCollapsed]
   );
   const shouldVirtualize = slides.length >= VIRTUALIZATION_THRESHOLD;
-  const { startIndex, endIndex, totalHeight, offsetY, scrollContainerRef, scrollToIndex } = chunkJKZNL6HP_js.useVirtualizedSlides({
+  const { startIndex, endIndex, totalHeight, offsetY, scrollContainerRef, scrollToIndex } = chunkME5QRTVS_js.useVirtualizedSlides({
     totalItems: shouldVirtualize ? flatItems.length : 0,
     itemHeight: estimatedItemHeight
   });
@@ -11311,7 +11281,7 @@ function ReadingViewStage({
             className: "absolute left-0 top-0 origin-top-left",
             style: { width, height, transform: `scale(${scale})`, ...pptx.deviceStrokeStageStyle(scale) },
             children: elements.map((element, index) => /* @__PURE__ */ jsxRuntime.jsx(
-              chunkJKZNL6HP_js.StaticElementRenderer,
+              chunkME5QRTVS_js.StaticElementRenderer,
               {
                 element,
                 activeSlide: slide,
@@ -11966,7 +11936,7 @@ function SlideNotesPanel({
   });
   const hasNotes = draft.trim().length > 0;
   const slideLabel = activeSlide ? t("pptx.notes.slideN", { n: activeSlide.slideNumber }) : t("pptx.notes.noSlide");
-  const { dragY, handlers: dragHandlers } = chunkJKZNL6HP_js.useSheetDismissDrag(onToggle);
+  const { dragY, handlers: dragHandlers } = chunkME5QRTVS_js.useSheetDismissDrag(onToggle);
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     isExpanded && /* @__PURE__ */ jsxRuntime.jsx(
       "button",
@@ -13103,7 +13073,7 @@ function DocumentPropertiesDialog({
   const handleClose = React107.useCallback(() => {
     onClose();
   }, [onClose]);
-  const { panelStyle, handlers: dragHandlers } = chunkJKZNL6HP_js.useModalDismissDrag(handleClose);
+  const { panelStyle, handlers: dragHandlers } = chunkME5QRTVS_js.useModalDismissDrag(handleClose);
   if (!isOpen) {
     return null;
   }
@@ -13700,7 +13670,7 @@ function PresentationSubtitleBar({
 }) {
   const { t } = reactI18next.useTranslation();
   const language = pptx.subtitleRecognitionLanguage(
-    pptx.subtitleSettingsFromOptions(chunkJKZNL6HP_js.useViewerOptionsContext()),
+    pptx.subtitleSettingsFromOptions(chunkME5QRTVS_js.useViewerOptionsContext()),
     typeof navigator === "undefined" ? "en-US" : navigator.language
   );
   const [captionText, setCaptionText] = React107.useState("");
@@ -13894,7 +13864,7 @@ function ScaledSlidePreviewImpl({
               ...pptx.deviceStrokeStageStyle(scale)
             },
             children: previewElements.map((element, index) => /* @__PURE__ */ jsxRuntime.jsx(
-              chunkJKZNL6HP_js.StaticElementRenderer,
+              chunkME5QRTVS_js.StaticElementRenderer,
               {
                 element,
                 activeSlide: slide,
@@ -14920,6 +14890,24 @@ var AFTER_ANIMATION_OPTIONS = [
   { value: "hideAfterAnimation", labelKey: "pptx.animation.afterAnimation.hideAfterAnimation" },
   { value: "hideOnNextClick", labelKey: "pptx.animation.afterAnimation.hideOnNextClick" }
 ];
+var pushers = /* @__PURE__ */ new WeakMap();
+function pushCommittedColor(event) {
+  const input = event.currentTarget;
+  pushers.get(input)?.current(input.value);
+}
+function useRecentColorCommit() {
+  const { pushColor } = useRecentColors();
+  const pushRef = React107.useRef(pushColor);
+  React107.useEffect(() => {
+    pushRef.current = pushColor;
+  }, [pushColor]);
+  return React107.useCallback((input) => {
+    if (input) {
+      pushers.set(input, pushRef);
+      input.addEventListener("change", pushCommittedColor);
+    }
+  }, []);
+}
 function AfterAnimationRow({
   action,
   color,
@@ -14929,7 +14917,7 @@ function AfterAnimationRow({
   onColorChange
 }) {
   const { t } = reactI18next.useTranslation();
-  const { pushColor } = useRecentColors();
+  const commitRecentColor = useRecentColorCommit();
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-1", children: [
     /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "flex flex-col gap-1", children: [
       /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground text-[11px]", children: t("pptx.animation.afterAnimation") }),
@@ -14953,10 +14941,8 @@ function AfterAnimationRow({
           type: "color",
           "aria-label": t("pptx.animation.afterAnimation.color"),
           value: color ?? "#808080",
-          onChange: (event) => {
-            onColorChange(event.target.value);
-            pushColor(event.target.value);
-          },
+          ref: commitRecentColor,
+          onChange: (event) => onColorChange(event.target.value),
           disabled: !canEdit,
           className: "h-6 w-10 rounded border border-border bg-transparent p-0"
         }
@@ -15212,7 +15198,7 @@ function EffectSoundRow({
     }
     const asset = pptx.getEffectSoundAsset(soundState.catalogueId);
     if (asset) {
-      chunkJKZNL6HP_js.playAnimationSound(asset.dataUrl);
+      chunkME5QRTVS_js.playAnimationSound(asset.dataUrl);
     }
   };
   return /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "flex flex-col gap-1", children: [
@@ -15724,7 +15710,7 @@ function AnimationPanel({
   onUpdateSlide
 }) {
   const { t } = reactI18next.useTranslation();
-  const { viewportWidth } = chunkJKZNL6HP_js.useIsMobile();
+  const { viewportWidth } = chunkME5QRTVS_js.useIsMobile();
   const directionBtnPx = Math.max(28, pptx.getDensePanelTouchTargetPx(viewportWidth));
   const fieldStyle = { minHeight: pptx.getDensePanelTouchTargetPx(viewportWidth) };
   const handlers = useAnimationHandlers({
@@ -16409,7 +16395,7 @@ function ChartAxisStyleOptions({
   onSetGridlineStyle
 }) {
   const { t } = reactI18next.useTranslation();
-  const { pushColor } = useRecentColors();
+  const commitRecentColor = useRecentColorCommit();
   const rows = SCALE_AXES.map((row) => ({
     ...row,
     axis: axes?.find((a) => a.axisType === row.type)
@@ -16509,10 +16495,8 @@ function ChartAxisStyleOptions({
                   disabled: !canEdit,
                   className: "h-6 w-8 cursor-pointer rounded border border-border bg-transparent",
                   value: axis.fontColor ?? "#000000",
-                  onChange: (e) => {
-                    onSetTitleStyle(type, { fontColor: e.target.value });
-                    pushColor(e.target.value);
-                  }
+                  ref: commitRecentColor,
+                  onChange: (e) => onSetTitleStyle(type, { fontColor: e.target.value })
                 }
               )
             ] })
@@ -16535,10 +16519,8 @@ function ChartAxisStyleOptions({
                   title: t("pptx.chart.gridlineColor"),
                   className: "h-6 w-8 cursor-pointer rounded border border-border bg-transparent",
                   value: spPr?.strokeColor ?? "#d9d9d9",
-                  onChange: (e) => {
-                    onSetGridlineStyle(type, which, { color: e.target.value });
-                    pushColor(e.target.value);
-                  }
+                  ref: commitRecentColor,
+                  onChange: (e) => onSetGridlineStyle(type, which, { color: e.target.value })
                 }
               ),
               /* @__PURE__ */ jsxRuntime.jsx(
@@ -16623,7 +16605,7 @@ function ChartDataGrid({
 }) {
   const { t } = reactI18next.useTranslation();
   const highlightRef = React107.useRef(null);
-  const { viewportWidth } = chunkJKZNL6HP_js.useIsMobile();
+  const { viewportWidth } = chunkME5QRTVS_js.useIsMobile();
   const gridPlan = pptx.getDenseGridLayoutPlan(viewportWidth);
   const touchTargetPx = pptx.getDensePanelTouchTargetPx(viewportWidth);
   const rowHeaderClass = gridPlan.stickyFirstColumn ? "sticky left-0 z-10 bg-card" : "";
@@ -16805,7 +16787,7 @@ function ChartDataPointMarkerOptions({
   onSetPointMarker
 }) {
   const { t } = reactI18next.useTranslation();
-  const { pushColor } = useRecentColors();
+  const commitRecentColor = useRecentColorCommit();
   const [seriesIndex, setSeriesIndex] = React107.useState(0);
   if (!MARKER_SUPPORTED_TYPES.has(chartType) || series.length === 0 || categories.length === 0) {
     return null;
@@ -16892,10 +16874,8 @@ function ChartDataPointMarkerOptions({
               title: t("pptx.chart.markerFill"),
               className: "h-6 w-8 cursor-pointer rounded border border-border bg-transparent",
               value: point2.marker.spPr?.fillColor ?? "#4472c4",
-              onChange: (e) => {
-                onSetPointMarker(seriesIndex, idx, { fillColor: e.target.value });
-                pushColor(e.target.value);
-              }
+              ref: commitRecentColor,
+              onChange: (e) => onSetPointMarker(seriesIndex, idx, { fillColor: e.target.value })
             }
           )
         ] })
@@ -16913,7 +16893,7 @@ function ChartDataPointOptions({
   onSetPointLabel
 }) {
   const { t } = reactI18next.useTranslation();
-  const { pushColor } = useRecentColors();
+  const commitRecentColor = useRecentColorCommit();
   const [seriesIndex, setSeriesIndex] = React107.useState(0);
   if (series.length === 0 || categories.length === 0) {
     return null;
@@ -16964,10 +16944,8 @@ function ChartDataPointOptions({
             title: t("pptx.chart.pointFill"),
             className: "h-6 w-8 cursor-pointer rounded border border-border bg-transparent",
             value: point2?.spPr?.fillColor ?? activeSeries.color ?? "#4472c4",
-            onChange: (e) => {
-              onSetPointFill(seriesIndex, idx, e.target.value);
-              pushColor(e.target.value);
-            }
+            ref: commitRecentColor,
+            onChange: (e) => onSetPointFill(seriesIndex, idx, e.target.value)
           }
         ),
         point2?.spPr?.fillColor && /* @__PURE__ */ jsxRuntime.jsx(
@@ -17254,7 +17232,7 @@ function ChartMarkerOptions({
   onSetMarker
 }) {
   const { t } = reactI18next.useTranslation();
-  const { pushColor } = useRecentColors();
+  const commitRecentColor = useRecentColorCommit();
   if (!MARKER_SUPPORTED_TYPES.has(chartType) || series.length === 0) {
     return null;
   }
@@ -17313,10 +17291,8 @@ function ChartMarkerOptions({
                 disabled: !canEdit,
                 className: "h-6 w-8 cursor-pointer rounded border border-border bg-transparent",
                 value: marker.spPr?.fillColor ?? "#4472c4",
-                onChange: (e) => {
-                  onSetMarker(i, { fillColor: e.target.value });
-                  pushColor(e.target.value);
-                }
+                ref: commitRecentColor,
+                onChange: (e) => onSetMarker(i, { fillColor: e.target.value })
               }
             )
           ] })
@@ -17335,19 +17311,15 @@ function DebouncedColorInput({
   const [local, setLocal] = React107.useState(value);
   const commitRef = React107.useRef(onCommit);
   commitRef.current = onCommit;
-  const { pushColor } = useRecentColors();
+  const commitRecentColor = useRecentColorCommit();
   React107.useEffect(() => {
     setLocal(value);
   }, [value]);
-  const handleChange = React107.useCallback(
-    (e) => {
-      const next = e.target.value;
-      setLocal(next);
-      commitRef.current(next);
-      pushColor(next);
-    },
-    [pushColor]
-  );
+  const handleChange = React107.useCallback((e) => {
+    const next = e.target.value;
+    setLocal(next);
+    commitRef.current(next);
+  }, []);
   return /* @__PURE__ */ jsxRuntime.jsx(
     "input",
     {
@@ -17356,6 +17328,7 @@ function DebouncedColorInput({
       disabled,
       value: local,
       className,
+      ref: commitRecentColor,
       onChange: handleChange
     }
   );
@@ -17980,8 +17953,8 @@ function ChartUserShapeOptions({
 }
 function ChartDataPanel({ selectedElement, canEdit, onUpdateElement }) {
   const chartData = selectedElement.chartData;
-  const followDataPoint = chunkJKZNL6HP_js.useViewerOptionsContext().advanced.chartPropertiesFollowDataPoint;
-  const { selection: partSelection } = chunkJKZNL6HP_js.useChartPartSelection();
+  const followDataPoint = chunkME5QRTVS_js.useViewerOptionsContext().advanced.chartPropertiesFollowDataPoint;
+  const { selection: partSelection } = chunkME5QRTVS_js.useChartPartSelection();
   const canvasPart = partSelection?.elementId === selectedElement.id ? partSelection.part : null;
   const title = chartData?.title;
   const chartType = chartData?.chartType;
@@ -19249,7 +19222,7 @@ function DuotonePanel({
     ] }),
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-1", children: [
       /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-muted-foreground text-[10px]", children: t("pptx.image.duotonePresets") }),
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-4 gap-1", children: chunkJKZNL6HP_js.DUOTONE_PRESETS.map((preset) => /* @__PURE__ */ jsxRuntime.jsxs(
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-4 gap-1", children: chunkME5QRTVS_js.DUOTONE_PRESETS.map((preset) => /* @__PURE__ */ jsxRuntime.jsxs(
         "button",
         {
           type: "button",
@@ -21085,7 +21058,7 @@ function EffectField({
   onUpdate
 }) {
   const { t } = reactI18next.useTranslation();
-  const { pushColor } = useRecentColors();
+  const commitRecentColor = useRecentColorCommit();
   const fieldLabel = field.i18nKey ? t(field.i18nKey) : field.label;
   const val = field.read(style);
   const cls = `flex flex-col gap-1 ${field.span2 ? COL2 : ""}`;
@@ -21115,10 +21088,10 @@ function EffectField({
         {
           type: "color",
           value: String(val),
+          ref: commitRecentColor,
           onChange: (e) => {
             const result = field.write(e.target.value, style);
             onUpdate(typeof result === "function" ? result(style) : result);
-            pushColor(e.target.value);
           },
           className: `h-8 ${SEL} px-1`
         }
@@ -21212,6 +21185,7 @@ function ColorPickerRow({
 }) {
   const { t } = reactI18next.useTranslation();
   const { pushColor } = useRecentColors();
+  const commitRecentColor = useRecentColorCommit();
   const commit = (color, ref) => {
     onChange(color, ref);
     pushColor(color);
@@ -21231,7 +21205,8 @@ function ColorPickerRow({
           type: "color",
           value,
           disabled,
-          onChange: (e) => commit(e.target.value),
+          ref: commitRecentColor,
+          onChange: (e) => onChange(e.target.value),
           className: `h-8 flex-1 ${SEL} px-1 ${DIS}`
         }
       ),
@@ -21289,6 +21264,7 @@ function GradientStopRow({
 }) {
   const { t } = reactI18next.useTranslation();
   const { pushColor } = useRecentColors();
+  const commitRecentColor = useRecentColorCommit();
   const patchStop = (patch) => {
     const next = allStops.map((s, i) => i === index ? { ...s, ...patch } : s);
     onUpdate(next);
@@ -21300,11 +21276,8 @@ function GradientStopRow({
         {
           type: "color",
           value: chunkJAI42EXQ_js.normalizeHexColor(stop2.color, "#3b82f6"),
-          onChange: (e) => {
-            const hex = chunkJAI42EXQ_js.normalizeHexColor(e.target.value, "#3b82f6");
-            patchStop({ color: hex, colorRef: void 0 });
-            pushColor(hex);
-          },
+          ref: commitRecentColor,
+          onChange: (e) => patchStop({ color: chunkJAI42EXQ_js.normalizeHexColor(e.target.value, "#3b82f6"), colorRef: void 0 }),
           className: "h-7 w-10 rounded border border-border bg-muted"
         }
       ),
@@ -21838,7 +21811,7 @@ function Text3DProperties({
   onUpdateTextStyle
 }) {
   const { t } = reactI18next.useTranslation();
-  const { pushColor } = useRecentColors();
+  const commitRecentColor = useRecentColorCommit();
   const t3d = ts?.text3d;
   const hasExtrusion = Boolean(t3d?.extrusionHeight && t3d.extrusionHeight > 0);
   const update3d = (partial) => {
@@ -21885,10 +21858,8 @@ function Text3DProperties({
             {
               type: "color",
               value: chunkJAI42EXQ_js.normalizeHexColor(t3d?.extrusionColor, "#888888"),
-              onChange: (e) => {
-                update3d({ extrusionColor: e.target.value });
-                pushColor(e.target.value);
-              },
+              ref: commitRecentColor,
+              onChange: (e) => update3d({ extrusionColor: e.target.value }),
               className: COLOR_CLS
             }
           )
@@ -22054,7 +22025,7 @@ function AdvancedTextFormatting({
   numChange
 }) {
   const { t } = reactI18next.useTranslation();
-  const { pushColor } = useRecentColors();
+  const commitRecentColor = useRecentColorCommit();
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-2 rounded border border-border bg-card p-2 space-y-2", children: [
     /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-[11px] uppercase tracking-wide text-muted-foreground", children: t("pptx.textProperties.advancedTextHeading") }),
     /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-2 gap-2", children: BASELINE_TOGGLES.map(([label, baseline]) => /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "inline-flex items-center gap-2 text-foreground", children: [
@@ -22076,10 +22047,8 @@ function AdvancedTextFormatting({
         {
           type: "color",
           value: chunkJAI42EXQ_js.normalizeHexColor(ts?.highlightColor, "#ffff00"),
-          onChange: (e) => {
-            onUpdateTextStyle({ highlightColor: e.target.value });
-            pushColor(e.target.value);
-          },
+          ref: commitRecentColor,
+          onChange: (e) => onUpdateTextStyle({ highlightColor: e.target.value }),
           disabled: !canEdit,
           className: COLOR_CLS2
         }
@@ -22110,10 +22079,8 @@ function AdvancedTextFormatting({
           {
             type: "color",
             value: ts?.underlineColor || ts?.color || "#000000",
-            onChange: (e) => {
-              onUpdateTextStyle({ underlineColor: e.target.value });
-              pushColor(e.target.value);
-            },
+            ref: commitRecentColor,
+            onChange: (e) => onUpdateTextStyle({ underlineColor: e.target.value }),
             className: COLOR_CLS2
           }
         )
@@ -22144,10 +22111,8 @@ function AdvancedTextFormatting({
           {
             type: "color",
             value: ts?.textOutlineColor || "#000000",
-            onChange: (e) => {
-              onUpdateTextStyle({ textOutlineColor: e.target.value });
-              pushColor(e.target.value);
-            },
+            ref: commitRecentColor,
+            onChange: (e) => onUpdateTextStyle({ textOutlineColor: e.target.value }),
             className: COLOR_CLS2
           }
         )
@@ -22334,7 +22299,7 @@ function TextEffectsPanel({
   numChange
 }) {
   const { t } = reactI18next.useTranslation();
-  const { pushColor } = useRecentColors();
+  const commitRecentColor = useRecentColorCommit();
   const hasShadow = Boolean(
     ts?.textShadowColor || typeof ts?.textShadowBlur === "number" && ts.textShadowBlur > 0
   );
@@ -22380,10 +22345,8 @@ function TextEffectsPanel({
             {
               type: "color",
               value: chunkJAI42EXQ_js.normalizeHexColor(ts?.textShadowColor, "#000000"),
-              onChange: (e) => {
-                onUpdateTextStyle({ textShadowColor: e.target.value });
-                pushColor(e.target.value);
-              },
+              ref: commitRecentColor,
+              onChange: (e) => onUpdateTextStyle({ textShadowColor: e.target.value }),
               className: COLOR_CLS2
             }
           )
@@ -22487,10 +22450,8 @@ function TextEffectsPanel({
             {
               type: "color",
               value: chunkJAI42EXQ_js.normalizeHexColor(ts?.textGlowColor, "#ffff00"),
-              onChange: (e) => {
-                onUpdateTextStyle({ textGlowColor: e.target.value });
-                pushColor(e.target.value);
-              },
+              ref: commitRecentColor,
+              onChange: (e) => onUpdateTextStyle({ textGlowColor: e.target.value }),
               className: COLOR_CLS2
             }
           )
@@ -22984,7 +22945,7 @@ function SmartArtNodeStyleControls({
   canEdit,
   onChangeStyle
 }) {
-  const { pushColor } = useRecentColors();
+  const commitRecentColor = useRecentColorCommit();
   const bold = Boolean(style?.bold);
   const italic = Boolean(style?.italic);
   return /* @__PURE__ */ jsxRuntime.jsxs(
@@ -23004,10 +22965,8 @@ function SmartArtNodeStyleControls({
               "aria-label": `Fill colour for ${label}`,
               className: "h-4 w-5 cursor-pointer rounded border border-border bg-transparent p-0 disabled:cursor-not-allowed",
               value: style?.fillColor ?? DEFAULT_FILL,
-              onChange: (e) => {
-                onChangeStyle(nodeId, { fillColor: e.target.value });
-                pushColor(e.target.value);
-              }
+              ref: commitRecentColor,
+              onChange: (e) => onChangeStyle(nodeId, { fillColor: e.target.value })
             }
           )
         ] }),
@@ -23021,10 +22980,8 @@ function SmartArtNodeStyleControls({
               "aria-label": `Font colour for ${label}`,
               className: "h-4 w-5 cursor-pointer rounded border border-border bg-transparent p-0 disabled:cursor-not-allowed",
               value: style?.fontColor ?? DEFAULT_FONT,
-              onChange: (e) => {
-                onChangeStyle(nodeId, { fontColor: e.target.value });
-                pushColor(e.target.value);
-              }
+              ref: commitRecentColor,
+              onChange: (e) => onChangeStyle(nodeId, { fontColor: e.target.value })
             }
           )
         ] }),
@@ -23258,7 +23215,7 @@ function SmartArtPropertiesPanel({
     const reflowed = box ? pptx.rebuildDrawingShapesIfCleared(
       newData,
       newData.layout,
-      chunkJKZNL6HP_js.resolveSmartArtDataPalette(newData),
+      chunkME5QRTVS_js.resolveSmartArtDataPalette(newData),
       newData.style ?? "flat",
       "inspector",
       box
@@ -23447,7 +23404,7 @@ function TableDataGrid({
 }) {
   const { t } = reactI18next.useTranslation();
   const grid = pptx.buildTableDataGrid(tableElement);
-  const { viewportWidth } = chunkJKZNL6HP_js.useIsMobile();
+  const { viewportWidth } = chunkME5QRTVS_js.useIsMobile();
   const gridPlan = pptx.getDenseGridLayoutPlan(viewportWidth);
   const touchTargetPx = pptx.getDensePanelTouchTargetPx(viewportWidth);
   const stickyGutterClass = gridPlan.stickyFirstColumn ? "sticky left-0 z-10" : "";
@@ -23612,7 +23569,7 @@ function TableCellPatternFill({
   onUpdateCellStyle
 }) {
   const { t } = reactI18next.useTranslation();
-  const { pushColor } = useRecentColors();
+  const commitRecentColor = useRecentColorCommit();
   const translate = (key) => t(key);
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-1.5", children: [
     /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "flex flex-col gap-0.5", children: [
@@ -23639,10 +23596,8 @@ function TableCellPatternFill({
             disabled: !canEdit,
             className: "w-full h-7 rounded border border-border bg-transparent cursor-pointer",
             value: cellStyle.patternFillForeground ?? "#000000",
-            onChange: (e) => {
-              onUpdateCellStyle({ patternFillForeground: e.target.value });
-              pushColor(e.target.value);
-            }
+            ref: commitRecentColor,
+            onChange: (e) => onUpdateCellStyle({ patternFillForeground: e.target.value })
           }
         )
       ] }),
@@ -23655,10 +23610,8 @@ function TableCellPatternFill({
             disabled: !canEdit,
             className: "w-full h-7 rounded border border-border bg-transparent cursor-pointer",
             value: cellStyle.patternFillBackground ?? "#FFFFFF",
-            onChange: (e) => {
-              onUpdateCellStyle({ patternFillBackground: e.target.value });
-              pushColor(e.target.value);
-            }
+            ref: commitRecentColor,
+            onChange: (e) => onUpdateCellStyle({ patternFillBackground: e.target.value })
           }
         )
       ] })
@@ -23759,7 +23712,7 @@ function GradientControls({
   onUpdateCellStyle
 }) {
   const { t } = reactI18next.useTranslation();
-  const { pushColor } = useRecentColors();
+  const commitRecentColor = useRecentColorCommit();
   const stops = cellStyle.gradientFillStops ?? [];
   const gradType = cellStyle.gradientFillType ?? "linear";
   const updateStop = (index, patch) => {
@@ -23816,10 +23769,8 @@ function GradientControls({
           disabled: !canEdit,
           className: "h-6 w-6 rounded border border-border cursor-pointer",
           value: stop2.color,
-          onChange: (e) => {
-            updateStop(idx, { color: e.target.value });
-            pushColor(e.target.value);
-          }
+          ref: commitRecentColor,
+          onChange: (e) => updateStop(idx, { color: e.target.value })
         }
       ),
       /* @__PURE__ */ jsxRuntime.jsx(
@@ -25289,7 +25240,7 @@ function InspectorPaneHeader({
   onClose
 }) {
   const { t } = reactI18next.useTranslation();
-  const { viewportWidth } = chunkJKZNL6HP_js.useIsMobile();
+  const { viewportWidth } = chunkME5QRTVS_js.useIsMobile();
   const touchTargetPx = pptx.getDensePanelTouchTargetPx(viewportWidth);
   const touchBtnStyle = { minWidth: touchTargetPx, minHeight: touchTargetPx };
   return /* @__PURE__ */ jsxRuntime.jsxs(
@@ -25990,7 +25941,7 @@ function TransitionPreview({
   const { t } = reactI18next.useTranslation();
   const durationMs = transition.durationMs ?? 500;
   const animations = React107.useMemo(
-    () => chunkJKZNL6HP_js.getSlideTransitionAnimations(
+    () => chunkME5QRTVS_js.getSlideTransitionAnimations(
       transition.type,
       durationMs,
       transition.direction,
@@ -26059,7 +26010,7 @@ function TransitionPreview({
         ]
       }
     ),
-    /* @__PURE__ */ jsxRuntime.jsx("style", { children: chunkJKZNL6HP_js.SLIDE_TRANSITION_KEYFRAMES })
+    /* @__PURE__ */ jsxRuntime.jsx("style", { children: chunkME5QRTVS_js.SLIDE_TRANSITION_KEYFRAMES })
   ] });
 }
 var DEFAULT_DURATION_MS = 320;
@@ -26722,7 +26673,7 @@ function InspectorPane(props) {
   } = props;
   const hasSelection = selectedElement !== null;
   const { t } = reactI18next.useTranslation();
-  const { dragY, handlers: dragHandlers } = chunkJKZNL6HP_js.useSheetDismissDrag(onClose);
+  const { dragY, handlers: dragHandlers } = chunkME5QRTVS_js.useSheetDismissDrag(onClose);
   const {
     animationPanelHeight,
     effectiveThemeOptions,
@@ -27135,7 +27086,7 @@ function PresentationTouchControls({
   hideNavigation = false
 }) {
   const { t } = reactI18next.useTranslation();
-  const { isTouchDevice } = chunkJKZNL6HP_js.useIsMobile();
+  const { isTouchDevice } = chunkME5QRTVS_js.useIsMobile();
   if (!isTouchDevice) {
     return null;
   }
@@ -27782,11 +27733,11 @@ function PrintDialog({
 }) {
   const { t } = reactI18next.useTranslation();
   const regionRenderer = useRegionRenderer("dialog.print");
-  const { panelStyle, handlers: dragHandlers } = chunkJKZNL6HP_js.useModalDismissDrag(onClose);
-  const { viewportWidth } = chunkJKZNL6HP_js.useIsMobile();
+  const { panelStyle, handlers: dragHandlers } = chunkME5QRTVS_js.useModalDismissDrag(onClose);
+  const { viewportWidth } = chunkME5QRTVS_js.useIsMobile();
   const touchTargetPx = pptx.getDensePanelTouchTargetPx(viewportWidth);
   const closeBtnStyle = { minWidth: touchTargetPx, minHeight: touchTargetPx };
-  const printOptionDefaults = pptx.resolveDefaultPrintSettings(chunkJKZNL6HP_js.useViewerOptionsContext());
+  const printOptionDefaults = pptx.resolveDefaultPrintSettings(chunkME5QRTVS_js.useViewerOptionsContext());
   const [printWhat, setPrintWhat] = React107.useState(printOptionDefaults?.printWhat ?? "slides");
   const [orientation, setOrientation] = React107.useState("landscape");
   const [colorMode, setColorMode] = React107.useState(
@@ -28303,14 +28254,14 @@ function BroadcastDialog({
 }) {
   const { t } = reactI18next.useTranslation();
   const regionRenderer = useRegionRenderer("dialog.broadcast");
-  const collab = chunkJKZNL6HP_js.useCollaboration();
+  const collab = chunkME5QRTVS_js.useCollaboration();
   const isBroadcasting = collab !== null && collab.status !== "disconnected" && collab.status !== "error" && collab.config.role === "owner";
   const [roomId, setRoomId] = React107.useState("");
   const [userName, setUserName] = React107.useState("");
   const [serverUrl, setServerUrl] = React107.useState("");
   const [copied, setCopied] = React107.useState(false);
   const dialogRef = React107.useRef(null);
-  const { panelStyle, handlers: dragHandlers } = chunkJKZNL6HP_js.useModalDismissDrag(onClose);
+  const { panelStyle, handlers: dragHandlers } = chunkME5QRTVS_js.useModalDismissDrag(onClose);
   useModalFocus(open, dialogRef, onClose);
   React107.useEffect(() => {
     if (open && !isBroadcasting) {
@@ -28626,7 +28577,7 @@ function ActiveSessionView({
   onCopyRoomId,
   onStopCollaboration
 }) {
-  const { t } = reactI18next.useTranslation(), viewerOptions = chunkJKZNL6HP_js.useViewerOptionsContext(), statusColor = collab.status === "connected" ? "text-green-400" : collab.status === "connecting" ? "text-yellow-400" : "text-red-400", statusIcon = collab.status === "connected" || collab.status === "connecting" ? /* @__PURE__ */ jsxRuntime.jsx(lu.LuWifi, { className: "w-4 h-4" }) : /* @__PURE__ */ jsxRuntime.jsx(lu.LuWifiOff, { className: "w-4 h-4" }), sessionUsers = pptx.buildActiveSessionUsers({
+  const { t } = reactI18next.useTranslation(), viewerOptions = chunkME5QRTVS_js.useViewerOptionsContext(), statusColor = collab.status === "connected" ? "text-green-400" : collab.status === "connecting" ? "text-yellow-400" : "text-red-400", statusIcon = collab.status === "connected" || collab.status === "connecting" ? /* @__PURE__ */ jsxRuntime.jsx(lu.LuWifi, { className: "w-4 h-4" }) : /* @__PURE__ */ jsxRuntime.jsx(lu.LuWifiOff, { className: "w-4 h-4" }), sessionUsers = pptx.buildActiveSessionUsers({
     localUserName: activeCollaboration?.userName ?? collab.config.userName,
     localUserInitials: viewerOptions.general.userInitials,
     localUserColor: collab.config.userColor,
@@ -28725,7 +28676,7 @@ function StartSessionForm({
   onRetry
 }) {
   const { t } = reactI18next.useTranslation();
-  const { viewportWidth } = chunkJKZNL6HP_js.useIsMobile();
+  const { viewportWidth } = chunkME5QRTVS_js.useIsMobile();
   const tabBtnStyle = { minHeight: pptx.getDensePanelTouchTargetPx(viewportWidth) };
   const inputReadOnlyClass = preconfigured ? " opacity-70 cursor-not-allowed" : "";
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4", children: [
@@ -28859,7 +28810,7 @@ function ShareDialog({
   defaultUserName,
   defaultServerUrl
 }) {
-  const collab = chunkJKZNL6HP_js.useCollaboration();
+  const collab = chunkME5QRTVS_js.useCollaboration();
   const isActive = collab !== null && collab.status !== "disconnected" && collab.status !== "error";
   const { t } = reactI18next.useTranslation();
   const regionRenderer = useRegionRenderer("dialog.share");
@@ -28870,9 +28821,9 @@ function ShareDialog({
   const [invitation, setInvitation] = React107.useState("");
   const [copied, setCopied] = React107.useState(false);
   const dialogRef = React107.useRef(null);
-  const { panelStyle, handlers: dragHandlers } = chunkJKZNL6HP_js.useModalDismissDrag(onClose);
+  const { panelStyle, handlers: dragHandlers } = chunkME5QRTVS_js.useModalDismissDrag(onClose);
   useModalFocus(open, dialogRef, onClose);
-  const { viewportWidth, viewportHeight } = chunkJKZNL6HP_js.useIsMobile();
+  const { viewportWidth, viewportHeight } = chunkME5QRTVS_js.useIsMobile();
   const touchTargetPx = pptx.getDensePanelTouchTargetPx(viewportWidth);
   const touchBtnStyle = { minWidth: touchTargetPx, minHeight: touchTargetPx };
   const stickyFooterClass = pptx.shouldStickyActionRow(viewportWidth, viewportHeight) ? "sticky bottom-0 bg-popover" : "";
@@ -29171,12 +29122,12 @@ function HyperlinkEditDialog({
   onCancel
 }) {
   const { t } = reactI18next.useTranslation();
-  const { panelStyle, handlers: dragHandlers } = chunkJKZNL6HP_js.useModalDismissDrag(onCancel);
+  const { panelStyle, handlers: dragHandlers } = chunkME5QRTVS_js.useModalDismissDrag(onCancel);
   const inputRef = React107.useRef(null);
-  const detectedType = chunkJKZNL6HP_js.detectTargetType(initialUrl, initialAction);
-  const emailParts = chunkJKZNL6HP_js.parseEmailUrl(initialUrl || "");
-  const detectedSlide = chunkJKZNL6HP_js.parseSlideFromUrl(initialUrl, initialAction);
-  const detectedVerb = initialAction ? chunkJKZNL6HP_js.ACTION_VERB_MAP[initialAction.toLowerCase()] || "nextSlide" : "nextSlide";
+  const detectedType = chunkME5QRTVS_js.detectTargetType(initialUrl, initialAction);
+  const emailParts = chunkME5QRTVS_js.parseEmailUrl(initialUrl || "");
+  const detectedSlide = chunkME5QRTVS_js.parseSlideFromUrl(initialUrl, initialAction);
+  const detectedVerb = initialAction ? chunkME5QRTVS_js.ACTION_VERB_MAP[initialAction.toLowerCase()] || "nextSlide" : "nextSlide";
   const [targetType, setTargetType] = React107.useState(detectedType);
   const [url, setUrl] = React107.useState(
     detectedType === "email" || detectedType === "slide" || detectedType === "action" ? "" : initialUrl || ""
@@ -29453,7 +29404,7 @@ function ViewerBottomPanels({
   notesStyle,
   onNotesHeightChange
 }) {
-  const { isHidden } = chunkJKZNL6HP_js.useToolbarVisibility(hiddenActions);
+  const { isHidden } = chunkME5QRTVS_js.useToolbarVisibility(hiddenActions);
   const customization = useViewerCustomizationContext();
   const showNotes = pptx.isPanelVisible(customization, "notes");
   const notesRenderer = useRegionRenderer("notes");
@@ -29843,7 +29794,7 @@ function ViewerToolbarSection(props) {
     [activeSlide, propertyHandlers]
   );
   const scopedLayoutOptions = React107__default.default.useMemo(
-    () => chunkJKZNL6HP_js.scopeLayoutOptionsToActiveSlide(s.layoutOptions, activeSlide),
+    () => chunkME5QRTVS_js.scopeLayoutOptionsToActiveSlide(s.layoutOptions, activeSlide),
     [s.layoutOptions, activeSlide]
   );
   const handleResetSlide = React107.useCallback(() => {
@@ -30249,7 +30200,7 @@ function ViewerToolbarSection(props) {
         isMobileInsertOpen: s.isMobileInsertOpen,
         onCloseMobileInsert: () => s.setIsMobileInsertOpen(false),
         slideCommentCount: activeSlide?.comments?.length ?? 0,
-        reviewComments: chunkJKZNL6HP_js.createReviewCommentsHost({
+        reviewComments: chunkME5QRTVS_js.createReviewCommentsHost({
           state: s,
           activeSlideIndex,
           updateSlides: ops.updateSlides,
@@ -30343,7 +30294,7 @@ function EquationEditorDialog({
   existingOmml
 }) {
   const { t } = reactI18next.useTranslation();
-  const { panelStyle, handlers: dragHandlers } = chunkJKZNL6HP_js.useModalDismissDrag(onClose);
+  const { panelStyle, handlers: dragHandlers } = chunkME5QRTVS_js.useModalDismissDrag(onClose);
   const initialLatex = React107.useMemo(() => {
     if (!existingOmml) {
       return "";
@@ -30531,7 +30482,7 @@ function getPreviewForLayout(layout) {
             transform: `scale(${scale})`,
             transformOrigin: "top left"
           },
-          children: /* @__PURE__ */ jsxRuntime.jsx(chunkJKZNL6HP_js.SmartArtRenderer, { element: pptx.buildSmartArtPreviewElement(layout) })
+          children: /* @__PURE__ */ jsxRuntime.jsx(chunkME5QRTVS_js.SmartArtRenderer, { element: pptx.buildSmartArtPreviewElement(layout) })
         }
       )
     }
@@ -30543,7 +30494,7 @@ function InsertSmartArtDialog({
   onInsert
 }) {
   const { t } = reactI18next.useTranslation();
-  const { panelStyle, handlers: dragHandlers } = chunkJKZNL6HP_js.useModalDismissDrag(onClose);
+  const { panelStyle, handlers: dragHandlers } = chunkME5QRTVS_js.useModalDismissDrag(onClose);
   const [activeCategory, setActiveCategory] = React107.useState("list");
   const [selectedLayout, setSelectedLayout] = React107.useState(null);
   const dialogRef = React107.useRef(null);
@@ -31150,11 +31101,11 @@ function PresentationStage({
                       })
                     },
                     children: [
-                      /* @__PURE__ */ jsxRuntime.jsx(chunkJKZNL6HP_js.SlideBackgroundImageLayer, { slide: activeSlide }),
+                      /* @__PURE__ */ jsxRuntime.jsx(chunkME5QRTVS_js.SlideBackgroundImageLayer, { slide: activeSlide }),
                       /* @__PURE__ */ jsxRuntime.jsx("style", { children: pptx.PRESENTATION_HIT_TEST_CSS }),
                       presentationKeyframesCss && /* @__PURE__ */ jsxRuntime.jsx("style", { children: presentationKeyframesCss }),
                       templateElements.map((element, index) => /* @__PURE__ */ jsxRuntime.jsx(
-                        chunkJKZNL6HP_js.ElementRenderer,
+                        chunkME5QRTVS_js.ElementRenderer,
                         {
                           element,
                           activeSlide,
@@ -31191,7 +31142,7 @@ function PresentationStage({
                         `tpl-${element.id}`
                       )),
                       activeSlide?.elements.map((element, index) => /* @__PURE__ */ jsxRuntime.jsx(
-                        chunkJKZNL6HP_js.ElementRenderer,
+                        chunkME5QRTVS_js.ElementRenderer,
                         {
                           element,
                           activeSlide,
@@ -31313,8 +31264,8 @@ function ViewerCanvasArea(props) {
     aiCanvasActive = false
   } = props;
   const { t } = reactI18next.useTranslation();
-  const { isHidden } = chunkJKZNL6HP_js.useToolbarVisibility(hiddenActions);
-  const viewerOptions = chunkJKZNL6HP_js.useViewerOptionsContext();
+  const { isHidden } = chunkME5QRTVS_js.useToolbarVisibility(hiddenActions);
+  const viewerOptions = chunkME5QRTVS_js.useViewerOptionsContext();
   const outlineAuthoring = useOutlineAuthoring({
     state: s,
     updateElement: canvasHandlers.handleUpdateSmartArtElement,
@@ -31452,7 +31403,7 @@ ${url}`)) {
       s.setActiveSlideIndex((i) => Math.max(0, i - 1));
     }
   }, [mode, presentation, s]);
-  const swipe = chunkJKZNL6HP_js.useSwipeNavigation({
+  const swipe = chunkME5QRTVS_js.useSwipeNavigation({
     enabled: swipeEnabled,
     onNext: handleSwipeNext,
     onPrev: handleSwipePrev
@@ -31532,7 +31483,7 @@ ${url}`)) {
               ),
               children: (stageScale) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
                 presentation.transitionOverlay && slides[presentation.transitionOverlay.outgoingSlideIndex] && /* @__PURE__ */ jsxRuntime.jsx(
-                  chunkJKZNL6HP_js.PresentationTransitionOverlay,
+                  chunkME5QRTVS_js.PresentationTransitionOverlay,
                   {
                     outgoingSlide: slides[presentation.transitionOverlay.outgoingSlideIndex],
                     templateElements: [
@@ -31649,14 +31600,14 @@ ${url}`)) {
               outlineAuthoring,
               collaborationOverlay: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
                 /* @__PURE__ */ jsxRuntime.jsx(
-                  chunkJKZNL6HP_js.RemoteSelectionOverlay,
+                  chunkME5QRTVS_js.RemoteSelectionOverlay,
                   {
                     elements: effectiveSlide?.elements ?? [],
                     activeSlideIndex
                   }
                 ),
                 /* @__PURE__ */ jsxRuntime.jsx(
-                  chunkJKZNL6HP_js.CollaborationCursorOverlay,
+                  chunkME5QRTVS_js.CollaborationCursorOverlay,
                   {
                     activeSlideIndex,
                     canvasWidth: canvasSize.width,
@@ -31920,7 +31871,7 @@ function AiChangeOverlay({ batch, activeSlideIndex }) {
 }
 function ChartFormatPanel() {
   const { t } = reactI18next.useTranslation();
-  const commands = chunkJKZNL6HP_js.useChartFormatContext();
+  const commands = chunkME5QRTVS_js.useChartFormatContext();
   const ref = React107.useRef(null);
   const chart = commands?.chart;
   const chartData = chart?.type === "chart" ? chart.chartData : void 0;
@@ -31993,7 +31944,7 @@ function MobileDismissSheet({
   children
 }) {
   const { t } = reactI18next.useTranslation();
-  const { dragY, handlers } = chunkJKZNL6HP_js.useSheetDismissDrag(onClose);
+  const { dragY, handlers } = chunkME5QRTVS_js.useSheetDismissDrag(onClose);
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsx(
       "button",
@@ -32733,7 +32684,7 @@ function ViewerMainContent(props) {
   );
   const layoutGalleryAnchorRef = React107.useRef(null);
   const layoutGalleryPreviews = useLayoutPreviews(loadLayoutPreviews, layoutGalleryAnchor !== null);
-  return /* @__PURE__ */ jsxRuntime.jsx(chunkJKZNL6HP_js.ChartPartSelectionProvider, { children: /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-pptx-chrome": "body", className: "relative z-10 flex flex-1 min-h-0", children: [
+  return /* @__PURE__ */ jsxRuntime.jsx(chunkME5QRTVS_js.ChartPartSelectionProvider, { children: /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-pptx-chrome": "body", className: "relative z-10 flex flex-1 min-h-0", children: [
     showSlidesPane && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
       slidesPaneRenderer ? (
         // The rail's slot (width, collapse, resize handle) stays the viewer's.
@@ -33238,7 +33189,7 @@ function MobileChromeOverlay(props) {
     slideSectionGroups,
     canEdit,
     commentCount
-  } = props, { keyboardInset, isKeyboardOpen } = chunkJKZNL6HP_js.useKeyboardInsets(), activeSheet = s.isMobileInsertOpen ? "insert" : s.isSlidesPaneOpen ? "slides" : s.isInspectorPaneOpen ? s.sidebarPanelMode === "comments" ? "comments" : "inspector" : !s.isSlideNotesCollapsed ? "notes" : null, closeAllSheets = () => {
+  } = props, { keyboardInset, isKeyboardOpen } = chunkME5QRTVS_js.useKeyboardInsets(), activeSheet = s.isMobileInsertOpen ? "insert" : s.isSlidesPaneOpen ? "slides" : s.isInspectorPaneOpen ? s.sidebarPanelMode === "comments" ? "comments" : "inspector" : !s.isSlideNotesCollapsed ? "notes" : null, closeAllSheets = () => {
     s.setIsSlidesPaneOpen(false);
     s.setIsMobileInsertOpen(false);
     s.setIsInspectorPaneOpen(false);
@@ -33340,31 +33291,22 @@ function MobileChromeOverlay(props) {
 function ReadOnlyBanner(p) {
   const { t } = reactI18next.useTranslation();
   const ref = useWebControl(
+    pptx.readOnlyBannerState(
+      p.recommendation,
+      {
+        passwordPromptOpen: p.passwordPromptOpen ?? false,
+        passwordError: p.passwordError ?? null,
+        checkingPassword: p.checkingPassword ?? false
+      },
+      t
+    ),
     {
-      kind: p.recommendation.kind ?? null,
-      messageKey: p.recommendation.messageKey,
-      passwordPromptOpen: p.passwordPromptOpen ?? false,
-      passwordError: p.passwordError ?? null,
-      checkingPassword: p.checkingPassword ?? false,
-      translate: t
-    },
-    {
-      "read-only-request": (event) => {
-        const intent = event.detail;
-        switch (intent.id) {
-          case "editAnyway":
-            p.onEditAnyway();
-            break;
-          case "dismiss":
-            p.onDismiss();
-            break;
-          case "cancelPassword":
-            p.onCancelPassword?.();
-            break;
-          case "submitPassword":
-            p.onSubmitPassword?.(intent.password);
-        }
-      }
+      "read-only-request": (event) => pptx.dispatchReadOnlyBannerIntent(event, {
+        editAnyway: p.onEditAnyway,
+        dismiss: p.onDismiss,
+        cancelPassword: p.onCancelPassword,
+        submitPassword: p.onSubmitPassword
+      })
     }
   );
   return /* @__PURE__ */ jsxRuntime.jsx("pptx-ui-read-only-banner", { ref });
@@ -33724,7 +33666,7 @@ async function exportAiChatLogs(options) {
     chats,
     { format: options?.format, detailed: options?.detailed, now: options?.now },
     (filename, content, mime) => {
-      chunkJKZNL6HP_js.downloadBlob(new Blob([content], { type: mime }), filename);
+      chunkME5QRTVS_js.downloadBlob(new Blob([content], { type: mime }), filename);
     }
   );
 }
@@ -34066,7 +34008,7 @@ function ViewerOptionsProvider({
   store,
   children
 }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(chunkJKZNL6HP_js.ViewerOptionsStoreContext.Provider, { value: store, children: /* @__PURE__ */ jsxRuntime.jsx(chunkJKZNL6HP_js.ViewerOptionsContext.Provider, { value: options, children }) });
+  return /* @__PURE__ */ jsxRuntime.jsx(chunkME5QRTVS_js.ViewerOptionsStoreContext.Provider, { value: store, children: /* @__PURE__ */ jsxRuntime.jsx(chunkME5QRTVS_js.ViewerOptionsContext.Provider, { value: options, children }) });
 }
 function useAiBridge(input) {
   const ref = React107.useRef(input);
@@ -34532,7 +34474,7 @@ function useMasterViewCrud(input) {
       if (id === "renameLayout" || id === "renameMaster") {
         const master = slideMasters[target.masterIndex];
         const current = id === "renameLayout" ? master?.layouts?.[target.layoutIndex ?? -1]?.name ?? "" : master?.name ?? "";
-        const next = chunkJKZNL6HP_js.safePrompt(t("pptx.masterView.renamePrompt"), current)?.trim();
+        const next = chunkME5QRTVS_js.safePrompt(t("pptx.masterView.renamePrompt"), current)?.trim();
         if (!next) {
           return;
         }
@@ -35047,7 +34989,7 @@ var PowerPointViewerComponent = /* @__PURE__ */ React107.forwardRef(
       },
       [storage]
     );
-    const { optionsStore, options: viewerOptions } = chunkJKZNL6HP_js.useViewerOptions();
+    const { optionsStore, options: viewerOptions } = chunkME5QRTVS_js.useViewerOptions();
     const custom = useViewerCustomization(customization, legacyHiddenActions, optionsStore);
     const { resolved: customizationResolved, hiddenActions } = custom;
     const aiEnabled = Boolean(ai) && pptx.isFeatureEnabled(customizationResolved, "ai");
@@ -35061,8 +35003,8 @@ var PowerPointViewerComponent = /* @__PURE__ */ React107.forwardRef(
     const handleEnableEditing = React107.useCallback(() => {
       setProtectedViewOverridden(true);
     }, []);
-    const readOnlyRec = chunkJKZNL6HP_js.useReadOnlyRecommendationState(content);
-    const compatToastsState = chunkJKZNL6HP_js.useCompatibilityToastsState();
+    const readOnlyRec = chunkME5QRTVS_js.useReadOnlyRecommendationState(content);
+    const compatToastsState = chunkME5QRTVS_js.useCompatibilityToastsState();
     const [notesBarHeight, setNotesBarHeight] = React107.useState(0);
     const runProgramNoticesState = useRunProgramNoticesState();
     const [collaborationReadOnly, setCollaborationReadOnly] = React107.useState(Boolean(collaboration));
@@ -35085,8 +35027,8 @@ var PowerPointViewerComponent = /* @__PURE__ */ React107.forwardRef(
       filePath
     });
     const [isShareDialogOpen, setIsShareDialogOpen] = React107.useState(false);
-    const { reducedMotion, toggleReducedMotion } = chunkJKZNL6HP_js.useReducedMotion();
-    const state = chunkJKZNL6HP_js.useViewerState({
+    const { reducedMotion, toggleReducedMotion } = chunkME5QRTVS_js.useReducedMotion();
+    const state = chunkME5QRTVS_js.useViewerState({
       content,
       canEdit,
       inspectorInitiallyOpen: props.inspectorInitiallyOpen
@@ -35213,16 +35155,16 @@ var PowerPointViewerComponent = /* @__PURE__ */ React107.forwardRef(
       }
     }, [settings, optionsStore]);
     const handleClearOptionsCache = useAutosaveCacheMaintenance(viewerOptions, storage);
-    const mobile = chunkJKZNL6HP_js.useIsMobile();
+    const mobile = chunkME5QRTVS_js.useIsMobile();
     const { isMobile, isTouchDevice, isVirtualKeyboardOpen } = mobile;
-    const resizablePanels = chunkJKZNL6HP_js.useResizablePanels();
+    const resizablePanels = chunkME5QRTVS_js.useResizablePanels();
     const {
       gridSpacingPx,
       visibleSlideIndexes,
       slideSectionGroups,
       masterPseudoSlide,
       authoredRange
-    } = chunkJKZNL6HP_js.useDerivedSlideState({
+    } = chunkME5QRTVS_js.useDerivedSlideState({
       slides,
       sections: state.sections,
       customShows: state.customShows,
@@ -35247,7 +35189,7 @@ var PowerPointViewerComponent = /* @__PURE__ */ React107.forwardRef(
         state.cropSessionRef
       ]
     );
-    const zoom = chunkJKZNL6HP_js.useZoomViewport({
+    const zoom = chunkME5QRTVS_js.useZoomViewport({
       canvasSize,
       selectedElements: state.selectedElements,
       fitPadding: props.fitPadding,
@@ -35262,7 +35204,7 @@ var PowerPointViewerComponent = /* @__PURE__ */ React107.forwardRef(
       setIsDirty(true);
       onChangeCallback.current?.();
     }, [setIsDirty]);
-    const history = chunkJKZNL6HP_js.useEditorHistory({
+    const history = chunkME5QRTVS_js.useEditorHistory({
       slides,
       canvasSize,
       activeSlideIndex,
@@ -35288,7 +35230,7 @@ var PowerPointViewerComponent = /* @__PURE__ */ React107.forwardRef(
       setEditTemplateMode: state.setEditTemplateMode,
       setHeaderFooter: state.setHeaderFooter
     });
-    const { presentation, annotations, actionSoundHandlerRef, setExitModeHandler } = chunkJKZNL6HP_js.usePresentationSetup({
+    const { presentation, annotations, actionSoundHandlerRef, setExitModeHandler } = chunkME5QRTVS_js.usePresentationSetup({
       mode,
       slides,
       visibleSlideIndexes,
@@ -35363,7 +35305,7 @@ ${url}`)
       loading,
       error
     ]);
-    chunkJKZNL6HP_js.useTouchGestures({
+    chunkME5QRTVS_js.useTouchGestures({
       targetRef: zoom.canvasViewportRef,
       currentScale: zoom.scale,
       callbacks: {
@@ -35385,7 +35327,7 @@ ${url}`)
       },
       enabled: isTouchDevice
     });
-    const dialogs = chunkJKZNL6HP_js.useViewerDialogs({
+    const dialogs = chunkME5QRTVS_js.useViewerDialogs({
       mode,
       slides,
       activeSlide,
@@ -35434,7 +35376,7 @@ ${url}`)
       zoom.handleZoomToFit();
       zoom.canvasViewportRef.current?.scrollTo({ left: 0, top: 0 });
     }, [mode]);
-    const editorOps = chunkJKZNL6HP_js.useEditorOperations({
+    const editorOps = chunkME5QRTVS_js.useEditorOperations({
       state,
       history,
       zoom,
@@ -35477,7 +35419,7 @@ ${url}`)
       handlerRef,
       viewerApi,
       loadVersion
-    } = chunkJKZNL6HP_js.useViewerIntegration({
+    } = chunkME5QRTVS_js.useViewerIntegration({
       transformCommittedText: (text) => pptx.applyAutoCorrect(text, viewerOptions.proofing),
       state,
       zoom,
@@ -35616,7 +35558,7 @@ ${url}`)
       updateElementById: editorOps.ops.updateElementById
     });
     const ribbonScope = useRibbonScopeToken();
-    const viewPreferencesSync = chunkJKZNL6HP_js.useViewPreferencesSync({
+    const viewPreferencesSync = chunkME5QRTVS_js.useViewPreferencesSync({
       loadVersion,
       viewProperties: state.viewProperties,
       setViewProperties: state.setViewProperties,
@@ -35658,7 +35600,7 @@ ${url}`)
       },
       [state]
     );
-    const layoutSwitching = chunkJKZNL6HP_js.useLayoutSwitching({
+    const layoutSwitching = chunkME5QRTVS_js.useLayoutSwitching({
       handler: handlerRef.current,
       slides,
       activeSlideIndex,
@@ -36170,8 +36112,8 @@ ${url}`)
       // Nothing previously provided it, so every one of those consumers was
       // silently reading `DEFAULT_VIEWER_OPTIONS` forever, no matter what
       // the user changed in the Options dialog.
-      /* @__PURE__ */ jsxRuntime.jsx(ViewerOptionsProvider, { options: viewerOptions, store: optionsStore, children: /* @__PURE__ */ jsxRuntime.jsx(ViewerCustomizationContext.Provider, { value: customizationResolved, children: /* @__PURE__ */ jsxRuntime.jsx(ViewerStorageContext.Provider, { value: storage, children: /* @__PURE__ */ jsxRuntime.jsx(ViewerRegionBaseContext.Provider, { value: regionBase, children: /* @__PURE__ */ jsxRuntime.jsx(RibbonAddInsContext.Provider, { value: ribbonAddIns ?? NO_RIBBON_ADD_INS, children: /* @__PURE__ */ jsxRuntime.jsx(AccountAuthContext.Provider, { value: accountAuth, children: /* @__PURE__ */ jsxRuntime.jsx(chunkJKZNL6HP_js.Rendering3DFlagsContext.Provider, { value: effective3D, children: /* @__PURE__ */ jsxRuntime.jsx(ViewerThemeProvider, { theme: effectiveTheme, children: /* @__PURE__ */ jsxRuntime.jsxs(
-        chunkJKZNL6HP_js.CollaborationProvider,
+      /* @__PURE__ */ jsxRuntime.jsx(ViewerOptionsProvider, { options: viewerOptions, store: optionsStore, children: /* @__PURE__ */ jsxRuntime.jsx(ViewerCustomizationContext.Provider, { value: customizationResolved, children: /* @__PURE__ */ jsxRuntime.jsx(ViewerStorageContext.Provider, { value: storage, children: /* @__PURE__ */ jsxRuntime.jsx(ViewerRegionBaseContext.Provider, { value: regionBase, children: /* @__PURE__ */ jsxRuntime.jsx(RibbonAddInsContext.Provider, { value: ribbonAddIns ?? NO_RIBBON_ADD_INS, children: /* @__PURE__ */ jsxRuntime.jsx(AccountAuthContext.Provider, { value: accountAuth, children: /* @__PURE__ */ jsxRuntime.jsx(chunkME5QRTVS_js.Rendering3DFlagsContext.Provider, { value: effective3D, children: /* @__PURE__ */ jsxRuntime.jsx(ViewerThemeProvider, { theme: effectiveTheme, children: /* @__PURE__ */ jsxRuntime.jsxs(
+        chunkME5QRTVS_js.CollaborationProvider,
         {
           config: collaboration,
           canvasWidth: canvasSize.width,
@@ -36227,19 +36169,19 @@ ${url}`)
                 slideCount: slides.length
               }
             ),
-            /* @__PURE__ */ jsxRuntime.jsx(ShapeFormatContext.Provider, { value: shapeFormat, children: /* @__PURE__ */ jsxRuntime.jsx(RibbonGalleryCommandsContext.Provider, { value: ribbonGalleries, children: /* @__PURE__ */ jsxRuntime.jsx(chunkJKZNL6HP_js.ChartFormatContext.Provider, { value: chartFormat, children: viewerContent }) }) })
+            /* @__PURE__ */ jsxRuntime.jsx(ShapeFormatContext.Provider, { value: shapeFormat, children: /* @__PURE__ */ jsxRuntime.jsx(RibbonGalleryCommandsContext.Provider, { value: ribbonGalleries, children: /* @__PURE__ */ jsxRuntime.jsx(chunkME5QRTVS_js.ChartFormatContext.Provider, { value: chartFormat, children: viewerContent }) }) })
           ]
         }
       ) }) }) }) }) }) }) }) })
     );
   }
 );
-var PowerPointViewer2 = /* @__PURE__ */ chunkJKZNL6HP_js.withDisplayName(
+var PowerPointViewer2 = /* @__PURE__ */ chunkME5QRTVS_js.withDisplayName(
   PowerPointViewerComponent,
   "PowerPointViewer"
 );
 function CollaborationStatusStrip() {
-  const collab = chunkJKZNL6HP_js.useCollaboration();
+  const collab = chunkME5QRTVS_js.useCollaboration();
   if (!collab) {
     return null;
   }
@@ -36256,9 +36198,9 @@ function CollaborationStateReporter({
   onChange,
   onStatus
 }) {
-  const collab = chunkJKZNL6HP_js.useCollaboration();
+  const collab = chunkME5QRTVS_js.useCollaboration();
   useCollaborationStateReport(collab, onChange);
-  chunkJKZNL6HP_js.useReportOnChange(collab?.status ?? "disconnected", onStatus, "disconnected");
+  chunkME5QRTVS_js.useReportOnChange(collab?.status ?? "disconnected", onStatus, "disconnected");
   return null;
 }
 function CollaborationDocumentSync({
@@ -36272,8 +36214,8 @@ function CollaborationDocumentSync({
   deckSaveState,
   onReadOnlyChange
 }) {
-  const collab = chunkJKZNL6HP_js.useCollaboration();
-  chunkJKZNL6HP_js.useCollaborationDocumentSync({
+  const collab = chunkME5QRTVS_js.useCollaboration();
+  chunkME5QRTVS_js.useCollaborationDocumentSync({
     collaboration: collab,
     slides,
     templateElementsBySlideId,
@@ -36292,14 +36234,14 @@ function CollaborationFollowLayer({
   setActiveSlideIndex,
   slideCount
 }) {
-  const collab = chunkJKZNL6HP_js.useCollaboration();
-  const { followedClientId, followUser } = chunkJKZNL6HP_js.useFollowMode({
+  const collab = chunkME5QRTVS_js.useCollaboration();
+  const { followedClientId, followUser } = chunkME5QRTVS_js.useFollowMode({
     collab,
     activeSlideIndex,
     setActiveSlideIndex,
     slideCount
   });
-  chunkJKZNL6HP_js.useBroadcastFollower({
+  chunkME5QRTVS_js.useBroadcastFollower({
     collab,
     activeSlideIndex,
     setActiveSlideIndex,