pptx-react-viewer 4.16.0 → 4.16.1

package/dist/{chunk-BTTAYCGK.mjs → chunk-6PWT46Y4.mjs}

@@ -1,12 +1,12 @@
-import { computeFocusTargets, deckDataFieldChanged, aiChangeAnimationCss, changeGhostStyle, createChatHistoryStore, collectStoredChats, exportAiChatLogs, applyElementUpdate } from './chunk-WRQ7K3DG.mjs';
-import { useViewerOptions, useReadOnlyRecommendationState, useCompatibilityToastsState, useReducedMotion, useViewerState, useIsMobile, useResizablePanels, useDerivedSlideState, useZoomViewport, useEditorHistory, usePresentationSetup, useTouchGestures, useViewerDialogs, useEditorOperations, useViewerIntegration, useViewPreferencesSync, useLayoutSwitching, Rendering3DFlagsContext, CollaborationProvider, useCollaboration, useCollaborationDocumentSync, useFollowMode, useBroadcastFollower, SlideBackgroundImageLayer, StaticElementRenderer, safePrompt, scopeLayoutOptionsToActiveSlide, ChartPartSelectionProvider, useToolbarVisibility, useKeyboardInsets, useModalDismissDrag, ViewerOptionsStoreContext, ViewerOptionsContext, useViewerOptionsContext, useVirtualizedSlides, useSwipeNavigation, PresentationTransitionOverlay, RemoteSelectionOverlay, CollaborationCursorOverlay, useSheetDismissDrag, detectTargetType, parseEmailUrl, parseSlideFromUrl, ACTION_VERB_MAP, ElementRenderer, InlineCollaborationContext, SmartArtRenderer, playAnimationSound, ResizeHandles, imgSrc, renderStrokeView, useChartPartSelection, resolveSmartArtDataPalette } from './chunk-QLUA63T3.mjs';
-import { SHAPE_PRESETS, ANIMATION_PRESET_OPTIONS, cn, SLIDE_NAV_THUMBNAIL_WIDTH, DEFAULT_SECTION_GROUP_ID, SHORTCUT_REFERENCE_ITEMS as SHORTCUT_REFERENCE_ITEMS$1, TOOLBAR_SECTIONS, isConnectorOrLineElement, GRID_SIZE, MIN_ELEMENT_SIZE, CONNECTOR_ARROW_OPTIONS, ARROW_SIZE_OPTIONS, DEFAULT_FILL_COLOR, startMotionPathPreview, startPreviewAnimation, stopPreviewAnimation, DEFAULT_STROKE_COLOR, STROKE_DASH_OPTIONS } from './chunk-MFGRRONU.mjs';
-import { FIXED_TAB_GALLERIES, EMPTY_RESOLVED_CUSTOMIZATION, ANIMATION_DIRECTION_LABEL_KEYS, SWITCHABLE_LAYOUT_TYPES, compileEquationTemplateMathMl, buildUserFontFaceStyles, readStoredViewerPrefs, resolveThemeCatalogEntry, THEME_CATALOG, writeStoredViewerPrefs, openPptxFile, readBackstageRecentFile, isFeatureEnabled, isDialogAvailable, resolveAutosaveActivation, buildThemeColorMap, viewerOptionsToPreferences, applyPreferenceToOptions, resolveHistoryDepth, applyAutoCorrect, resolveImageResolutionScale, resolveAutosaveIntervalMs, resolveAutosaveIntervalSeconds, isPanelVisible, shouldShowAutosaveRecoveryPrompt, resolveOptionRootClasses, RIBBON_SCOPE_ATTR, resolve3DRenderingFlags, resolveSlideSizeSelection, RULER_THICKNESS, RULER_FONT_SIZE, editorThumbnailHeight, buildPreviewElements, deriveSlideFieldContext, SLIDE_TRANSITION_OPTIONS, hiddenSlideCue, EDITOR_THUMBNAIL_WIDTH, HIDDEN_SLIDE_SLASH_GRADIENT, HIDDEN_SLIDE_LABEL_KEY, visibleTemplateElements, normalizeHexColor, themeToCssVars, createCustomizationController, resolveEffectiveHiddenActions, listAutosaveSnapshots, resolveExpiredAutosaveSnapshots, deleteAutosaveSnapshot, masterViewCrudActions, applyMasterViewCrudAction, masterViewCrudFailureKey, EDITOR_CHROME_CSS, ribbonCustomizationCss, applyMotionPathPreset, resetSlideLayoutPath, DEFAULT_INSERT_CHART_KIND, hasCopyableFormat, templateSchemeFromTheme, createBackstagePresentation, playFeedbackSound, shouldDiscardAutosaveOnSuccessfulSave, setMasterViewBackgroundColor, canUseClipboard, runProgramNoticeStackStyle, compatToastStackStyle, printPropertiesFrameSlides, printPropertiesSlidesPerPage, PASTE_SPECIAL_OPTIONS, getDensePanelTouchTargetPx, shouldStickyActionRow, customizeOptionsTabs, VIEWER_OPTIONS_TABS, isOptionsPageVisible, DEFAULT_QUICK_ACCESS_COMMAND_IDS, isHeaderFooterDateTextVisible, isHeaderFooterHeaderTextVisible, isHeaderFooterFooterTextVisible, buildJoinCollaborationConfig, buildCreateCollaborationConfig, generateBroadcastRoomId, DEFAULT_BROADCAST_SERVER_URL, buildBroadcastViewerUrl, resolveTransportForServerUrl, getSlideBackgroundStyle, pushRecentColor, mruColorsPatch, shouldClearAutosaveCacheOnClose, canCropElement, cropSessionChanged, cancelCropUpdate, startCropSession, filterCommands, resolveTitleBarStatusKey, TITLE_BAR_CLASSES, TITLE_BAR_DEFAULT_FILE_KEY, editorThumbnailWidth, masterViewBackgroundColor, buildFieldSubstitutionContext, shouldConfirmExternalHyperlink, safeOpenUrl, resolvePresentationAction, isPpactionUrl, parsePpactionUrl, isPresentationAdvanceClick, toggleBlackboard, PRESENT_TOOLBAR_CLASSES, resolveEditPointsAvailability, isCurrentLayout, themeColorSchemesEqual, observeElementHeight, EXPANDED_MAX_HEIGHT, STATUS_BAR_CLASSES, buildBarActions, formatVersionTimestamp, formatRelativeTime, scanAvailableFontFamilies, PRESETS, CATEGORIES, convertOmmlToLatex, compileLatexEquation, convertLatexToOmml, EQUATION_TEMPLATES, clampPercent2, resolveDefaultPrintSettings, HANDOUT_OPTIONS, TOOLBAR_TABS, SHORTCUT_REFERENCE_ITEMS, resolveViewerAddinRows, availableQuickAccessCommands, addQuickAccessCommand, removeQuickAccessCommand, moveQuickAccessCommand, CUSTOM_FONT_ACCEPT, activateModalFocus, buildCollaborationShareUrl, buildActiveSessionUsers, SORTER_MIN_ZOOM, SORTER_ZOOM_STEP, SORTER_MAX_ZOOM, canGoPrevious, formatSlideCounter, READING_VIEW_COUNTER_ATTR, canGoNext, READING_VIEW_ATTR, OUTLINE_LEVEL_ATTR, OUTLINE_SLIDE_ATTR, OUTLINE_ROW_ATTR, OUTLINE_VIEW_ATTR, mobileElapsedSince, nextPresentedSlide, presenterPrevDisabled, presenterNextDisabled, formatMobileElapsed, mobileSlideCounter, presenterPaneAdvancesOnClick, presenterTimerProgress, PRESENTER_CONSOLE_CLASSES, formatElapsed, cropModeKeyAction, extraQuickAccessCommands, visibleContextualTabs, resolveActiveRibbonTab, resolveScreenTip, contextualTabLabelKey, RIBBON_CONTEXTUAL_TAB_ATTR, TAB_ROW_ACTION_CLASSES, customizeBackstageNav, BACKSTAGE_NAV, listBackstageRecentFiles, BACKSTAGE_BACK_CLASSES, BACKSTAGE_NAV_CLASSES, hasTextProperties, textFontSizePtToPx, INSERT_CHART_TYPES, ACTION_BUTTON_PRESETS, hasShapeProperties, shapeFillChange, shapeOutlineChange, CONTEXTUAL_TAB_GROUPS, editorThumbnailStep, resolveSlidePaneClick, SLIDE_VIRTUALIZATION_THRESHOLD, buildSlidePaneContextMenuEntries, isEditPointsEnabled, PRESENTATION_HIT_TEST_CSS, PRESENTATION_STAGE_ATTRIBUTE, buildStrokePathD, cursorForTool, annotationOverlayZIndex, presentationInkPath, resolveNotesSchematicBodyFontSizePx, PRESENTER_NAVIGATOR_LABEL_KEYS, subtitleRecognitionLanguage, subtitleSettingsFromOptions, getSpeechRecognitionCtor, mergeCaptionResults, PEN_COLORS, HIGHLIGHTER_COLORS, isBlackboardActive, customizeContextMenuEntries, buildContextMenuEntries, customizeCanvasContextMenuEntries, buildCanvasContextMenuEntries, buildLayoutPreviewGeometry, scaleSlidesForSizeChange, slideSizeToCanvasPx, resolveSelectionPaneRename, themeEditorLabels, resolveNotesSegments, segmentsToEditorHtml, DEBOUNCE_MS, createPlainNotesSegments, parseSegmentsFromRichEditor, segmentsToPlainText, getCurrentParagraphIndex, segmentsToParagraphs, paragraphsToSegments, MAX_INDENT_LEVEL, INDENT_PX, isUrlSafe, buildNotesPrintHtml, MIN_TOUCH_TARGET_PX, toggleSheet, SMARTART_PREVIEW_ELEMENT_HEIGHT, SMARTART_PREVIEW_ELEMENT_WIDTH, buildSmartArtPreviewElement, sanitizeMathMl, computeHandoutLayout, getPrintableArea, generateNoteLineCount, computeAllNotesPages, getNotesPrintableArea, downloadBlob, clampOptionNumber, QUICK_ACCESS_COMMAND_CATALOG, registerCustomFont, openReadingView, applyReadingViewCommand, createPresentationKeyBuffer, readingViewFitScale, READING_VIEW_STAGE_ATTR, buildOutline, applyOutlineEdit, mapOutlineKey, notesSegmentsToSpans, erasePresentationInkAt, movePresenterPointer, appendPresentationInkPoint, PRESENTER_CONSOLE_CONTROLS, NOTES_FONT_SIZE_DEFAULT, formatTime, NOTES_FONT_SIZE_MIN, clampNotesFontSize, NOTES_FONT_SIZE_STEP, NOTES_FONT_SIZE_MAX, BACKSTAGE_TEMPLATES, formatBackstageDate, formatBackstageSize, customizeBackstageCards, backstageCardsFor, DEFAULT_VIEWER_PROFILE, resolveProfileInitial, AVATAR_COLOR_SWATCHES, resolveDefaultFontFamily, textFontSizePxToPt, buildFontCatalog, COMMON_FONT_SIZES, RIBBON_CONTROL_ATTR, FREEFORM_TOOL_IDS, isDrawingToolVisible, FREEFORM_TOOL_LABEL_KEYS, getSelectionTextStyleFlags, getInlineEditorSelectionResult, selectedParagraphBulletKind, elementBulletKind, selectionBulletKind, TEXT_DECORATION_FLAGS, nextToggleValue, CHARACTER_SPACING_OPTIONS, OFFICE_COLOR_SWATCHES, RIBBON_GROUP_ATTR, RIBBON_SHAPE_SWATCHES, buildRibbonGallery, galleryHasItems, inlineGalleryItems, canGroupSelection, canUngroupSelection, canSetStrokeWidth, strokeWidthOf, readRibbonTransitionDraft, ribbonTransitionUpdates, playSlideTransitionPreview, RIBBON_TRANSITION_PRESETS, transitionSoundOptions, transitionSoundSelectedValue, DEFAULT_MOTION_PATH_PRESET_ID, SLIDE_SHOW_COMMAND_GROUPS, RECORD_COMMAND_GROUPS, HELP_RIBBON_COMMANDS, masterViewPseudoSlide, PRESENTATION_ANIM_TRIGGER_ATTRIBUTE, motionPathFor, setMotionPath, getShapeAdjustmentHandleDescriptors, shouldShowElementHandles, clampFlyoutPosition, computeAnchoredPopupPosition, applyTableStyleDelete, applyTableStyleMapChange, handleReadingViewKey, getLocalStorageUsageSummary, saveViewerProfile, clearAllLocalViewerData, SLIDE_TEMPLATES, buildThemeColorSwatchGrid, themeColorSwatchRows, findSelectedThemeSwatch, themeSwatchCommit, RIBBON_GALLERY_POPUP_ATTR, applyRibbonGalleryItem, galleryItemLabel, RIBBON_GALLERY_ITEM_ATTR, RIBBON_GALLERY_ATTR, MERGE_SHAPES_LABEL_KEY, MERGE_SHAPES_HINT_KEY, MERGE_SHAPES_MENU_ITEMS, CROP_LABEL_KEY, CROP_ASPECT_LABEL_KEY, CROP_ASPECT_GROUP_LABEL_KEYS, CROP_ASPECT_PRESETS, CROP_FILL_LABEL_KEY, CROP_FIT_LABEL_KEY, readSoundFileAsDataUrl, applyTransitionSoundFile, TRANSITION_SOUND_OTHER_VALUE, TRANSITION_SOUND_NONE_VALUE, clearTransitionSound, applyTransitionStockSound, transitionStockSoundId, getEffectSoundAsset, playAnimationRibbonPreview, ENTRANCE_PRESET_VALUES, EMPHASIS_PRESET_VALUES, EXIT_PRESET_VALUES, MOTION_PATH_FAMILIES, motionPathFamilyLabelKey, motionPathPresetsByFamily, motionPathPresetLabelKey, SLIDE_SHOW_OPTIONS, createViewerOptionsStore, subtitleSettingsLabels, attachEditorImagePaste, authorConnectorBetweenSites, findEraserHitElementId, generateTicks, rulerDragToGuidePosition, resolveElementInteractivity, getElementTransformWithoutRotation, getElementTransform, buildChartQuickActionsDescriptor, applyChartElementToggle, CHART_QUICK_ACTION_BUTTON_SIZE, applyChartStylePreset, hideChartSeries, restoreFilteredSeries, buildCropOverlay, CROP_HANDLE_ARIA_KEY, getActiveXControlOverlayView, buildCommentMarkers, COMMENT_MARKER_SIZE, collectConnectorSiteCandidates, getConnectorEndpointHandles, findConnectorSiteNear, motionPathToSvgD, motionPathEndPixel, isEditableMotionPath, setMotionPathEnd, canEditElementPoints, hasMultipleSelectedTableCells, isElementLocked, isImageLikeElement, mergeSlideTransition, getElementLabel, effectiveDirection, TRIGGER_OPTIONS, effectiveTimingCurve, mapSlideSorterKey, isEditorTextInputTarget, clampSorterZoom, buildSlideTemplateContent, updateSubtitleSettings, buildFreeformShapeElement, buildLiveInkStrokeView, beginCropDrag, CONNECTOR_SITE_SNAP_PX, resolveConnectorEndpointUpdate, withConnectorEndpointUpdate, getShapeConnectionSites, FreeformToolSession, attachOverlayKeyboard, EditPointsSession, EDIT_POINTS_STYLE, elementLockTogglePatch, buildTableDataGrid, getDenseGridLayoutPlan, appendTableElementRow, removeLastTableElementRow, appendTableElementColumn, removeLastTableElementColumn, removeTableElementColumn, removeTableElementRow, setTableElementCellText, TABLE_STYLE_PRESETS, applyTableStylePreset, tableStyleAssignmentUpdate, evenColumnWidths, redistributeColumnWidth, evenRowHeights, patchChartData, collapseChartTitleRunsForEdit, chartGridlinesState, chartGridlinesPatch, seriesSecondaryAxisPatch, setChartCategoryLabel, setChartCellValue, addChartCategory, removeChartCategory, addChartSeries, removeChartSeries, setDataLabelsRangeCache, setChartAxisLogScale, setChartAxisTitleStyle, setChartAxisGridlineStyle, setChartSeriesMarker, setChartSeriesChartType, setChartDataPointFill, setChartDataPointExplosion, setChartDataPointMarker, setChartDataPointLabel, describeSmartArtBounds, canAddTopLevelNode, classifyExtraConnections, siblingIndex, siblingCount, canRemoveTopLevelNode, canInteractWithElement, buildOleObjectNamePatch, getOleObjectTypeLabel, sanitizeGradientStops, shouldShowAccessibilitySection, pptxActionToElementAction, withFrameSlides, withSlidesPerPage, THEME_COLOR_SCHEME_KEYS, applyThemeOverrideToSlide, COLOR_MAP_ALIAS_KEYS, DEFAULT_COLOR_MAP, schemaLabel, THEME_COLOR_SLOT_LABEL_KEYS, SLIDE_SIZE_PRESETS, TRANSITION_VALID_DIRECTIONS, TRANSITION_ORIENTATION_TYPES, TRANSITION_PATTERN_OPTIONS, TRANSITION_THRUBLK_TYPES, clampTransitionNumber, TRANSITION_SPEED_OPTIONS, TRANSITION_MORPH_OPTIONS, flattenTagCollections, resolveTemplateBackgroundRows, formatCommentTimestamp, commentMentionQuery, matchCommentMentionAuthors, buildAnimationTimelineRows, clearMotionPath, setTrigger, setTriggerBookmark, getEffectSoundState, setEffectSound, setEffectStockSound, setAfterAnimation, setAfterAnimationColor, directionValuesFor, buildAnimationTimelineBars, motionPathPresetIdForPath, EFFECT_SOUND_CATALOGUE, listMediaBookmarkOptions, selectedBookmarkOptionValue, hasTiltData, toElementAxes, dragCropHandle, panCropImage, clientToSlidePoint, EDIT_POINTS_TARGET_ATTR, normalizeTableStyleGuid, describeTableStyleEditor, TABLE_STYLE_EDITOR_PARTS, computeMergeCellRight, computeMergeCellDown, computeSplitCell, updateMergeAttrsInRawXml, resolveDisplayedChartType, CHART_TYPE_OPTIONS, chartDataLabelsTogglePatch, BAR3D_SHAPE_OPTIONS, bar3DShapePatch, RADAR_STYLE_OPTIONS, radarStylePatch, SURFACE_WIREFRAME_OPTIONS, surfaceWireframePatch, isSeriesUsingSecondaryAxis, listChartUserShapeRows, withChartUserShapeAdded, createDefaultChartUserShape, withChartUserShapeRowRemoved, withChartUserShapeRowTextUpdated, SMARTART_COLOR_SCHEME_LABEL_KEYS, SMARTART_STYLE_LABEL_KEYS, addSmartArtNodeAsChild, setSmartArtNodeStyle, removeSmartArtNode, addSiblingAfter, removeEmptyNode, demote, promote, updateSmartArtNodeText, reorder, clampCropValue, DUOTONE_PRESETS, ARTISTIC_EFFECTS, mediaTrimEndSeconds, trimmedMediaDurationMs, mediaTrimEndAbsoluteMs, mediaTrimEndMsFromAbsoluteMs, buildOleEditDialogDescriptor, buildOleContentUpdatePatch, applyOleSheetCellEdit, getOleSheetGrid, applyOleDocumentParagraphEdit, getOleDocumentParagraphs, applyOleNestedDeckElementTextEdit, getOleNestedDeckDetail, replaceOleFile, getNonVisualDescriptionFields, resolveActionType, ELEMENT_ACTION_TYPE_OPTIONS, elementActionToPptxAction, canCommitActionType, slideSizeFromPreset, withSlideSizeOrientation, TRANSITION_DIR_ARROWS, buildDirectionGrid, getSlideTransitionAnimations, SLIDE_TRANSITION_KEYFRAMES, updateTagInCollections, deleteTagFromCollections, addTagToCollections, commentTextSegments, COMMENT_MENTION_CLASS, COMMENT_MENTION_ATTRIBUTE, insertCommentMention, reorderAnimationTimelineRows, applyAnimationTimelineOrder, animationEffectLabel, overlayPointerInput, TABLE_STYLE_BORDER_SIDES, applyTableStyleFieldEdit, createTableStyleEntry, addTableStyleToMap, deleteTableStyleFromMap, LBL, SEL, FILL_MODE_OPTIONS, SECTION_HEADING, NUM, getChartUserShapeGroupTransform, withChartUserShapeGroupChildAdded, createDefaultChartUserShapeGroupChild, withChartUserShapeRowUpdated, getChartUserShapeRowChartBox, withChartUserShapeRowFlipUpdated, withChartUserShapeRowRotationUpdated, withChartUserShapeRowChartBoxUpdated, switchSmartArtLayout, rebuildDrawingShapesIfCleared, mediaTrimEndMsFromSeconds, validateMediaTrimRange, SHAPE_QUICK_STYLES, quickStyleSwatchCss, PATTERN_PRESET_OPTIONS, getPatternSvg, COMPOUND_LINE_OPTIONS, LINE_JOIN_OPTIONS, LINE_CAP_OPTIONS, TEXT_WARP_PRESETS, warpPreviewPath, text3dPtToEmu, text3dEmuToPt, MATERIAL_PRESETS, toSlideIndex, TABLE_STYLE_BORDER_SIDE_LABEL_KEYS, TABLE_STYLE_DASH_PRESETS, GRADIENT_TYPE_OPTIONS, PATTERN_OPTIONS, FILL_PATTERN_LABEL_KEYS, openNativeEyeDropper, toggleText3dExtrusion, BEVEL_PRESETS, cropFit, cropFill, cropToAspectRatio } from './chunk-MJ6LTUJ3.mjs';
-import { LOCALE_CATALOG, ALIGNMENT_LABEL_KEYS } from './chunk-CJSIEITL.mjs';
-import React6, { createContext, lazy, forwardRef, useEffect, useState, useCallback, useMemo, useRef, useLayoutEffect, useSyncExternalStore, useId, useContext, useDeferredValue, Fragment as Fragment$1, Suspense, useReducer } from 'react';
+import { computeFocusTargets, deckDataFieldChanged, aiChangeAnimationCss, changeGhostStyle, createChatHistoryStore, collectStoredChats, exportAiChatLogs, applyElementUpdate } from './chunk-QZSA3E4L.mjs';
+import { useViewerOptions, useReadOnlyRecommendationState, useCompatibilityToastsState, useReducedMotion, useViewerState, useIsMobile, useResizablePanels, useDerivedSlideState, useZoomViewport, useEditorHistory, usePresentationSetup, useTouchGestures, useViewerDialogs, useEditorOperations, useViewerIntegration, useViewPreferencesSync, useLayoutSwitching, Rendering3DFlagsContext, CollaborationProvider, useCollaboration, useCollaborationDocumentSync, useFollowMode, useBroadcastFollower, SlideBackgroundImageLayer, StaticElementRenderer, safePrompt, scopeLayoutOptionsToActiveSlide, ChartPartSelectionProvider, useToolbarVisibility, useKeyboardInsets, useModalDismissDrag, ViewerOptionsStoreContext, ViewerOptionsContext, useViewerOptionsContext, useVirtualizedSlides, useSwipeNavigation, PresentationTransitionOverlay, RemoteSelectionOverlay, CollaborationCursorOverlay, useSheetDismissDrag, detectTargetType, parseEmailUrl, parseSlideFromUrl, ACTION_VERB_MAP, ElementRenderer, InlineCollaborationContext, SmartArtRenderer, playAnimationSound, ResizeHandles, imgSrc, renderStrokeView, useChartPartSelection, resolveSmartArtDataPalette } from './chunk-VUI3VE7K.mjs';
+import { SHAPE_PRESETS, ANIMATION_PRESET_OPTIONS, cn, SLIDE_NAV_THUMBNAIL_WIDTH, DEFAULT_SECTION_GROUP_ID, SHORTCUT_REFERENCE_ITEMS as SHORTCUT_REFERENCE_ITEMS$1, TOOLBAR_SECTIONS, isConnectorOrLineElement, GRID_SIZE, MIN_ELEMENT_SIZE, CONNECTOR_ARROW_OPTIONS, ARROW_SIZE_OPTIONS, DEFAULT_FILL_COLOR, startMotionPathPreview, startPreviewAnimation, stopPreviewAnimation, DEFAULT_STROKE_COLOR, STROKE_DASH_OPTIONS } from './chunk-KK2CFTKC.mjs';
+import { EMPTY_RESOLVED_CUSTOMIZATION, FIXED_TAB_GALLERIES, ANIMATION_DIRECTION_LABEL_KEYS, SWITCHABLE_LAYOUT_TYPES, compileEquationTemplateMathMl, buildUserFontFaceStyles, readStoredViewerPrefs, resolveThemeCatalogEntry, THEME_CATALOG, writeStoredViewerPrefs, openPptxFile, readBackstageRecentFile, isFeatureEnabled, isDialogAvailable, resolveAutosaveActivation, buildThemeColorMap, viewerOptionsToPreferences, applyPreferenceToOptions, resolveHistoryDepth, applyAutoCorrect, resolveImageResolutionScale, resolveAutosaveIntervalMs, resolveAutosaveIntervalSeconds, isPanelVisible, shouldShowAutosaveRecoveryPrompt, resolveOptionRootClasses, RIBBON_SCOPE_ATTR, resolve3DRenderingFlags, resolveSlideSizeSelection, RULER_THICKNESS, RULER_FONT_SIZE, editorThumbnailHeight, buildPreviewElements, deriveSlideFieldContext, SLIDE_TRANSITION_OPTIONS, hiddenSlideCue, EDITOR_THUMBNAIL_WIDTH, HIDDEN_SLIDE_SLASH_GRADIENT, HIDDEN_SLIDE_LABEL_KEY, visibleTemplateElements, normalizeHexColor, themeToCssVars, createCustomizationController, resolveEffectiveHiddenActions, listAutosaveSnapshots, resolveExpiredAutosaveSnapshots, deleteAutosaveSnapshot, masterViewCrudActions, applyMasterViewCrudAction, masterViewCrudFailureKey, EDITOR_CHROME_CSS, ribbonCustomizationCss, applyMotionPathPreset, resetSlideLayoutPath, DEFAULT_INSERT_CHART_KIND, hasCopyableFormat, templateSchemeFromTheme, createBackstagePresentation, playFeedbackSound, shouldDiscardAutosaveOnSuccessfulSave, setMasterViewBackgroundColor, canUseClipboard, runProgramNoticeStackStyle, compatToastStackStyle, printPropertiesFrameSlides, printPropertiesSlidesPerPage, PASTE_SPECIAL_OPTIONS, getDensePanelTouchTargetPx, shouldStickyActionRow, customizeOptionsTabs, VIEWER_OPTIONS_TABS, isOptionsPageVisible, DEFAULT_QUICK_ACCESS_COMMAND_IDS, isHeaderFooterDateTextVisible, isHeaderFooterHeaderTextVisible, isHeaderFooterFooterTextVisible, buildJoinCollaborationConfig, buildCreateCollaborationConfig, generateBroadcastRoomId, DEFAULT_BROADCAST_SERVER_URL, buildBroadcastViewerUrl, resolveTransportForServerUrl, getSlideBackgroundStyle, pushRecentColor, mruColorsPatch, shouldClearAutosaveCacheOnClose, canCropElement, cropSessionChanged, cancelCropUpdate, startCropSession, filterCommands, resolveTitleBarStatusKey, TITLE_BAR_CLASSES, TITLE_BAR_DEFAULT_FILE_KEY, editorThumbnailWidth, masterViewBackgroundColor, buildFieldSubstitutionContext, shouldConfirmExternalHyperlink, safeOpenUrl, resolvePresentationAction, isPpactionUrl, parsePpactionUrl, isPresentationAdvanceClick, toggleBlackboard, PRESENT_TOOLBAR_CLASSES, resolveEditPointsAvailability, isCurrentLayout, themeColorSchemesEqual, observeElementHeight, EXPANDED_MAX_HEIGHT, STATUS_BAR_CLASSES, buildBarActions, formatVersionTimestamp, formatRelativeTime, scanAvailableFontFamilies, PRESETS, CATEGORIES, convertOmmlToLatex, compileLatexEquation, convertLatexToOmml, EQUATION_TEMPLATES, clampPercent2, resolveDefaultPrintSettings, HANDOUT_OPTIONS, TOOLBAR_TABS, SHORTCUT_REFERENCE_ITEMS, resolveViewerAddinRows, availableQuickAccessCommands, addQuickAccessCommand, removeQuickAccessCommand, moveQuickAccessCommand, CUSTOM_FONT_ACCEPT, activateModalFocus, buildCollaborationShareUrl, buildActiveSessionUsers, SORTER_MIN_ZOOM, SORTER_ZOOM_STEP, SORTER_MAX_ZOOM, canGoPrevious, formatSlideCounter, READING_VIEW_COUNTER_ATTR, canGoNext, READING_VIEW_ATTR, OUTLINE_LEVEL_ATTR, OUTLINE_SLIDE_ATTR, OUTLINE_ROW_ATTR, OUTLINE_VIEW_ATTR, mobileElapsedSince, nextPresentedSlide, presenterPrevDisabled, presenterNextDisabled, formatMobileElapsed, mobileSlideCounter, presenterPaneAdvancesOnClick, presenterTimerProgress, PRESENTER_CONSOLE_CLASSES, formatElapsed, cropModeKeyAction, extraQuickAccessCommands, visibleContextualTabs, resolveActiveRibbonTab, resolveScreenTip, contextualTabLabelKey, RIBBON_CONTEXTUAL_TAB_ATTR, TAB_ROW_ACTION_CLASSES, customizeBackstageNav, BACKSTAGE_NAV, listBackstageRecentFiles, BACKSTAGE_BACK_CLASSES, BACKSTAGE_NAV_CLASSES, hasTextProperties, textFontSizePtToPx, INSERT_CHART_TYPES, ACTION_BUTTON_PRESETS, hasShapeProperties, shapeFillChange, shapeOutlineChange, DESIGN_RIBBON_GROUPS, DESIGN_RIBBON_COMMANDS, designCommandState, CONTEXTUAL_TAB_GROUPS, editorThumbnailStep, resolveSlidePaneClick, SLIDE_VIRTUALIZATION_THRESHOLD, buildSlidePaneContextMenuEntries, isEditPointsEnabled, PRESENTATION_HIT_TEST_CSS, PRESENTATION_STAGE_ATTRIBUTE, buildStrokePathD, cursorForTool, annotationOverlayZIndex, presentationInkPath, resolveNotesSchematicBodyFontSizePx, PRESENTER_NAVIGATOR_LABEL_KEYS, subtitleRecognitionLanguage, subtitleSettingsFromOptions, getSpeechRecognitionCtor, mergeCaptionResults, PEN_COLORS, HIGHLIGHTER_COLORS, isBlackboardActive, customizeContextMenuEntries, buildContextMenuEntries, customizeCanvasContextMenuEntries, buildCanvasContextMenuEntries, buildLayoutPreviewGeometry, scaleSlidesForSizeChange, slideSizeToCanvasPx, resolveSelectionPaneRename, themeEditorLabels, resolveNotesSegments, segmentsToEditorHtml, DEBOUNCE_MS, createPlainNotesSegments, parseSegmentsFromRichEditor, segmentsToPlainText, getCurrentParagraphIndex, segmentsToParagraphs, paragraphsToSegments, MAX_INDENT_LEVEL, INDENT_PX, isUrlSafe, buildNotesPrintHtml, MIN_TOUCH_TARGET_PX, toggleSheet, SMARTART_PREVIEW_ELEMENT_HEIGHT, SMARTART_PREVIEW_ELEMENT_WIDTH, buildSmartArtPreviewElement, sanitizeMathMl, computeHandoutLayout, getPrintableArea, generateNoteLineCount, computeAllNotesPages, getNotesPrintableArea, downloadBlob, clampOptionNumber, QUICK_ACCESS_COMMAND_CATALOG, registerCustomFont, openReadingView, applyReadingViewCommand, createPresentationKeyBuffer, readingViewFitScale, READING_VIEW_STAGE_ATTR, buildOutline, applyOutlineEdit, mapOutlineKey, notesSegmentsToSpans, erasePresentationInkAt, movePresenterPointer, appendPresentationInkPoint, PRESENTER_CONSOLE_CONTROLS, NOTES_FONT_SIZE_DEFAULT, formatTime, NOTES_FONT_SIZE_MIN, clampNotesFontSize, NOTES_FONT_SIZE_STEP, NOTES_FONT_SIZE_MAX, BACKSTAGE_TEMPLATES, formatBackstageDate, formatBackstageSize, customizeBackstageCards, backstageCardsFor, DEFAULT_VIEWER_PROFILE, resolveProfileInitial, AVATAR_COLOR_SWATCHES, resolveDefaultFontFamily, textFontSizePxToPt, buildFontCatalog, COMMON_FONT_SIZES, RIBBON_CONTROL_ATTR, FREEFORM_TOOL_IDS, isDrawingToolVisible, FREEFORM_TOOL_LABEL_KEYS, getSelectionTextStyleFlags, getInlineEditorSelectionResult, selectedParagraphBulletKind, elementBulletKind, selectionBulletKind, TEXT_DECORATION_FLAGS, nextToggleValue, CHARACTER_SPACING_OPTIONS, OFFICE_COLOR_SWATCHES, RIBBON_GROUP_ATTR, RIBBON_SHAPE_SWATCHES, buildRibbonGallery, canGroupSelection, canUngroupSelection, canSetStrokeWidth, strokeWidthOf, readRibbonTransitionDraft, ribbonTransitionUpdates, playSlideTransitionPreview, RIBBON_TRANSITION_PRESETS, transitionSoundOptions, transitionSoundSelectedValue, DEFAULT_MOTION_PATH_PRESET_ID, SLIDE_SHOW_COMMAND_GROUPS, RECORD_COMMAND_GROUPS, buildReviewRibbon, HELP_RIBBON_COMMANDS, galleryTextLabel, masterViewPseudoSlide, PRESENTATION_ANIM_TRIGGER_ATTRIBUTE, motionPathFor, setMotionPath, getShapeAdjustmentHandleDescriptors, shouldShowElementHandles, clampFlyoutPosition, computeAnchoredPopupPosition, applyTableStyleDelete, applyTableStyleMapChange, handleReadingViewKey, getLocalStorageUsageSummary, saveViewerProfile, clearAllLocalViewerData, SLIDE_TEMPLATES, buildThemeColorSwatchGrid, themeColorSwatchRows, findSelectedThemeSwatch, themeSwatchCommit, applyRibbonGalleryItem, MERGE_SHAPES_LABEL_KEY, MERGE_SHAPES_HINT_KEY, MERGE_SHAPES_MENU_ITEMS, CROP_LABEL_KEY, CROP_ASPECT_LABEL_KEY, CROP_ASPECT_GROUP_LABEL_KEYS, CROP_ASPECT_PRESETS, CROP_FILL_LABEL_KEY, CROP_FIT_LABEL_KEY, readSoundFileAsDataUrl, applyTransitionSoundFile, TRANSITION_SOUND_OTHER_VALUE, TRANSITION_SOUND_NONE_VALUE, clearTransitionSound, applyTransitionStockSound, transitionStockSoundId, getEffectSoundAsset, playAnimationRibbonPreview, ENTRANCE_PRESET_VALUES, EMPHASIS_PRESET_VALUES, EXIT_PRESET_VALUES, MOTION_PATH_FAMILIES, motionPathFamilyLabelKey, motionPathPresetsByFamily, motionPathPresetLabelKey, SLIDE_SHOW_OPTIONS, createViewerOptionsStore, subtitleSettingsLabels, attachEditorImagePaste, authorConnectorBetweenSites, findEraserHitElementId, generateTicks, rulerDragToGuidePosition, resolveElementInteractivity, getElementTransformWithoutRotation, getElementTransform, buildChartQuickActionsDescriptor, applyChartElementToggle, CHART_QUICK_ACTION_BUTTON_SIZE, applyChartStylePreset, hideChartSeries, restoreFilteredSeries, buildCropOverlay, CROP_HANDLE_ARIA_KEY, getActiveXControlOverlayView, buildCommentMarkers, COMMENT_MARKER_SIZE, collectConnectorSiteCandidates, getConnectorEndpointHandles, findConnectorSiteNear, motionPathToSvgD, motionPathEndPixel, isEditableMotionPath, setMotionPathEnd, canEditElementPoints, hasMultipleSelectedTableCells, isElementLocked, isImageLikeElement, mergeSlideTransition, getElementLabel, effectiveDirection, TRIGGER_OPTIONS, effectiveTimingCurve, mapSlideSorterKey, isEditorTextInputTarget, clampSorterZoom, buildSlideTemplateContent, updateSubtitleSettings, buildFreeformShapeElement, buildLiveInkStrokeView, beginCropDrag, CONNECTOR_SITE_SNAP_PX, resolveConnectorEndpointUpdate, withConnectorEndpointUpdate, getShapeConnectionSites, FreeformToolSession, attachOverlayKeyboard, EditPointsSession, EDIT_POINTS_STYLE, elementLockTogglePatch, buildTableDataGrid, getDenseGridLayoutPlan, appendTableElementRow, removeLastTableElementRow, appendTableElementColumn, removeLastTableElementColumn, removeTableElementColumn, removeTableElementRow, setTableElementCellText, TABLE_STYLE_PRESETS, applyTableStylePreset, tableStyleAssignmentUpdate, evenColumnWidths, redistributeColumnWidth, evenRowHeights, patchChartData, collapseChartTitleRunsForEdit, chartGridlinesState, chartGridlinesPatch, seriesSecondaryAxisPatch, setChartCategoryLabel, setChartCellValue, addChartCategory, removeChartCategory, addChartSeries, removeChartSeries, setDataLabelsRangeCache, setChartAxisLogScale, setChartAxisTitleStyle, setChartAxisGridlineStyle, setChartSeriesMarker, setChartSeriesChartType, setChartDataPointFill, setChartDataPointExplosion, setChartDataPointMarker, setChartDataPointLabel, describeSmartArtBounds, canAddTopLevelNode, classifyExtraConnections, siblingIndex, siblingCount, canRemoveTopLevelNode, canInteractWithElement, buildOleObjectNamePatch, getOleObjectTypeLabel, sanitizeGradientStops, shouldShowAccessibilitySection, pptxActionToElementAction, withFrameSlides, withSlidesPerPage, THEME_COLOR_SCHEME_KEYS, applyThemeOverrideToSlide, COLOR_MAP_ALIAS_KEYS, DEFAULT_COLOR_MAP, schemaLabel, THEME_COLOR_SLOT_LABEL_KEYS, SLIDE_SIZE_PRESETS, TRANSITION_VALID_DIRECTIONS, TRANSITION_ORIENTATION_TYPES, TRANSITION_PATTERN_OPTIONS, TRANSITION_THRUBLK_TYPES, clampTransitionNumber, TRANSITION_SPEED_OPTIONS, TRANSITION_MORPH_OPTIONS, flattenTagCollections, resolveTemplateBackgroundRows, formatCommentTimestamp, commentMentionQuery, matchCommentMentionAuthors, buildAnimationTimelineRows, clearMotionPath, setTrigger, setTriggerBookmark, getEffectSoundState, setEffectSound, setEffectStockSound, setAfterAnimation, setAfterAnimationColor, directionValuesFor, buildAnimationTimelineBars, motionPathPresetIdForPath, EFFECT_SOUND_CATALOGUE, listMediaBookmarkOptions, selectedBookmarkOptionValue, hasTiltData, toElementAxes, dragCropHandle, panCropImage, clientToSlidePoint, EDIT_POINTS_TARGET_ATTR, normalizeTableStyleGuid, describeTableStyleEditor, TABLE_STYLE_EDITOR_PARTS, computeMergeCellRight, computeMergeCellDown, computeSplitCell, updateMergeAttrsInRawXml, resolveDisplayedChartType, CHART_TYPE_OPTIONS, chartDataLabelsTogglePatch, BAR3D_SHAPE_OPTIONS, bar3DShapePatch, RADAR_STYLE_OPTIONS, radarStylePatch, SURFACE_WIREFRAME_OPTIONS, surfaceWireframePatch, isSeriesUsingSecondaryAxis, listChartUserShapeRows, withChartUserShapeAdded, createDefaultChartUserShape, withChartUserShapeRowRemoved, withChartUserShapeRowTextUpdated, SMARTART_COLOR_SCHEME_LABEL_KEYS, SMARTART_STYLE_LABEL_KEYS, addSmartArtNodeAsChild, setSmartArtNodeStyle, removeSmartArtNode, addSiblingAfter, removeEmptyNode, demote, promote, updateSmartArtNodeText, reorder, clampCropValue, DUOTONE_PRESETS, ARTISTIC_EFFECTS, mediaTrimEndSeconds, trimmedMediaDurationMs, mediaTrimEndAbsoluteMs, mediaTrimEndMsFromAbsoluteMs, buildOleEditDialogDescriptor, buildOleContentUpdatePatch, applyOleSheetCellEdit, getOleSheetGrid, applyOleDocumentParagraphEdit, getOleDocumentParagraphs, applyOleNestedDeckElementTextEdit, getOleNestedDeckDetail, replaceOleFile, getNonVisualDescriptionFields, resolveActionType, ELEMENT_ACTION_TYPE_OPTIONS, elementActionToPptxAction, canCommitActionType, slideSizeFromPreset, withSlideSizeOrientation, TRANSITION_DIR_ARROWS, buildDirectionGrid, getSlideTransitionAnimations, SLIDE_TRANSITION_KEYFRAMES, updateTagInCollections, deleteTagFromCollections, addTagToCollections, commentTextSegments, COMMENT_MENTION_CLASS, COMMENT_MENTION_ATTRIBUTE, insertCommentMention, reorderAnimationTimelineRows, applyAnimationTimelineOrder, animationEffectLabel, overlayPointerInput, TABLE_STYLE_BORDER_SIDES, applyTableStyleFieldEdit, createTableStyleEntry, addTableStyleToMap, deleteTableStyleFromMap, LBL, SEL, FILL_MODE_OPTIONS, SECTION_HEADING, NUM, getChartUserShapeGroupTransform, withChartUserShapeGroupChildAdded, createDefaultChartUserShapeGroupChild, withChartUserShapeRowUpdated, getChartUserShapeRowChartBox, withChartUserShapeRowFlipUpdated, withChartUserShapeRowRotationUpdated, withChartUserShapeRowChartBoxUpdated, switchSmartArtLayout, rebuildDrawingShapesIfCleared, mediaTrimEndMsFromSeconds, validateMediaTrimRange, SHAPE_QUICK_STYLES, quickStyleSwatchCss, PATTERN_PRESET_OPTIONS, getPatternSvg, COMPOUND_LINE_OPTIONS, LINE_JOIN_OPTIONS, LINE_CAP_OPTIONS, TEXT_WARP_PRESETS, warpPreviewPath, text3dPtToEmu, text3dEmuToPt, MATERIAL_PRESETS, toSlideIndex, TABLE_STYLE_BORDER_SIDE_LABEL_KEYS, TABLE_STYLE_DASH_PRESETS, GRADIENT_TYPE_OPTIONS, PATTERN_OPTIONS, FILL_PATTERN_LABEL_KEYS, openNativeEyeDropper, toggleText3dExtrusion, BEVEL_PRESETS, cropFit, cropFill, cropToAspectRatio } from './chunk-VUNRFZRR.mjs';
+import { LOCALE_CATALOG, ALIGNMENT_LABEL_KEYS } from './chunk-33XJSD62.mjs';
+import React7, { createContext, lazy, forwardRef, useEffect, useState, useCallback, useMemo, useRef, useLayoutEffect, useSyncExternalStore, useId, useContext, useDeferredValue, Fragment as Fragment$1, Suspense, useReducer } from 'react';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import { useTranslation } from 'react-i18next';
-import { LuArrowDown, LuArrowUp, LuArrowRight, LuArrowLeft, LuArrowDownRight, LuArrowDownLeft, LuArrowUpRight, LuArrowUpLeft, LuMessageSquare, LuEyeOff, LuHistory, LuTrash2, LuSettings, LuX, LuCalendarDays, LuClock, LuHash, LuFileText, LuText, LuCast, LuSave, LuUndo, LuRedo, LuSearch, LuShieldCheck, LuPlus, LuPanelLeftClose, LuStickyNote, LuMonitor, LuColumns2, LuPresentation, LuMinus, LuSettings2, LuLayers, LuDownload, LuCheck, LuLock, LuEye, LuType, LuLoader, LuShieldAlert, LuSignature, LuInfo, LuTriangleAlert, LuPrinter, LuPenTool, LuBug, LuChevronUp, LuChevronDown, LuUpload, LuWifi, LuWifiOff, LuUsers, LuCopy, LuChevronLeft, LuChevronRight, LuPlay, LuPause, LuZoomOut, LuZoomIn, LuSpellCheck, LuFileDown, LuMenu, LuSparkles, LuShare2, LuPanelLeft, LuPanelRight, LuFolderOpen, LuSquare, LuImage, LuVideo, LuDatabase, LuAArrowUp, LuAArrowDown, LuRemoveFormatting, LuReplace, LuMousePointer2, LuShapes, LuPaintBucket, LuPenLine, LuPalette, LuPaintbrush, LuPencil, LuCaseSensitive, LuTimer, LuHighlighter, LuEraser, LuGripVertical, LuLoaderCircle, LuBold, LuItalic, LuUnderline, LuStrikethrough, LuList, LuListOrdered, LuIndentIncrease, LuIndentDecrease, LuLink, LuGrid2X2, LuClipboardPaste, LuCopyPlus, LuScan, LuRotateCcw, LuMonitorOff, LuCirclePlay, LuCirclePause, LuCaptions, LuArrowLeftRight, LuClipboardCopy, LuLayoutGrid, LuWand, LuTextCursorInput, LuFile, LuEllipsis, LuUserRound, LuFilePlus2, LuHouse, LuFileJson, LuBox, LuFileImage, LuClock3, LuUser, LuHardDrive, LuLogIn, LuScissors, LuLayoutTemplate, LuFolderPlus, LuSpline, LuMoveRight, LuAlignLeft, LuAlignCenter, LuAlignRight, LuAlignHorizontalSpaceAround, LuAlignVerticalSpaceAround, LuGroup, LuUngroup, LuStar, LuMousePointerClick, LuBookOpen, LuLanguages, LuGlobe, LuGitCompare, LuMessageSquarePlus, LuLockKeyhole, LuPanelTop, LuGrid3X3, LuPipette, LuRuler, LuMaximize2, LuCode, LuMove, LuRadio, LuAlignJustify, LuColumns3, LuCombine, LuCrop, LuFilter, LuLockOpen, LuReply, LuRotateCw, LuBookmark } from 'react-icons/lu';
+import { LuArrowDown, LuArrowUp, LuArrowRight, LuArrowLeft, LuArrowDownRight, LuArrowDownLeft, LuArrowUpRight, LuArrowUpLeft, LuMessageSquare, LuEyeOff, LuHistory, LuTrash2, LuSettings, LuX, LuCalendarDays, LuClock, LuHash, LuFileText, LuText, LuCast, LuSave, LuUndo, LuRedo, LuSearch, LuShieldCheck, LuPlus, LuPanelLeftClose, LuStickyNote, LuMonitor, LuColumns2, LuPresentation, LuMinus, LuSettings2, LuLayers, LuDownload, LuCheck, LuLock, LuEye, LuType, LuLoader, LuShieldAlert, LuSignature, LuInfo, LuTriangleAlert, LuPrinter, LuPenTool, LuBug, LuChevronUp, LuChevronDown, LuUpload, LuWifi, LuWifiOff, LuUsers, LuCopy, LuChevronLeft, LuChevronRight, LuPlay, LuPause, LuZoomOut, LuZoomIn, LuSpellCheck, LuFileDown, LuMenu, LuSparkles, LuShare2, LuPanelLeft, LuPanelRight, LuFolderOpen, LuSquare, LuImage, LuVideo, LuDatabase, LuAArrowUp, LuAArrowDown, LuRemoveFormatting, LuReplace, LuMousePointer2, LuShapes, LuPaintBucket, LuPenLine, LuPalette, LuPaintbrush, LuCaseSensitive, LuTimer, LuHighlighter, LuEraser, LuGripVertical, LuLoaderCircle, LuBold, LuItalic, LuUnderline, LuStrikethrough, LuList, LuListOrdered, LuIndentIncrease, LuIndentDecrease, LuLink, LuGrid2X2, LuClipboardPaste, LuCopyPlus, LuScan, LuRotateCcw, LuMonitorOff, LuCirclePlay, LuCirclePause, LuCaptions, LuArrowLeftRight, LuClipboardCopy, LuLayoutGrid, LuWand, LuTextCursorInput, LuFile, LuEllipsis, LuUserRound, LuFilePlus2, LuHouse, LuFileJson, LuBox, LuFileImage, LuClock3, LuUser, LuHardDrive, LuLogIn, LuScissors, LuLayoutTemplate, LuFolderPlus, LuSpline, LuMoveRight, LuPencil, LuAlignLeft, LuAlignCenter, LuAlignRight, LuAlignHorizontalSpaceAround, LuAlignVerticalSpaceAround, LuGroup, LuUngroup, LuStar, LuMousePointerClick, LuPanelTop, LuBookOpen, LuGrid3X3, LuPipette, LuRuler, LuMaximize2, LuCode, LuMove, LuRadio, LuAlignJustify, LuColumns3, LuCombine, LuCrop, LuFilter, LuLockOpen, LuReply, LuRotateCw, LuBookmark } from 'react-icons/lu';
 
 var ViewerThemeContext = createContext(void 0);
 function ViewerThemeProvider({ theme, children }) {
@@ -1459,184 +1459,137 @@ var RibbonGalleryCommandsContext = createContext(null);
 function useRibbonGalleryCommands() {
   return useContext(RibbonGalleryCommandsContext);
 }
-function useTranslateOr() {
-  const { t } = useTranslation();
-  return (key, fallback) => {
-    if (!key) {
-      return fallback;
-    }
-    const translated = t(key);
-    return translated && translated !== key ? translated : fallback;
-  };
-}
-function RibbonGalleryTile({
-  item,
-  disabled,
-  inStrip,
-  onPick
+function RibbonGallery({
+  placement,
+  chevronOnly = false,
+  tagControl = true
 }) {
   const { t } = useTranslation();
-  const label = galleryItemLabel(item, (key, params) => t(key, params ?? {}));
+  const ref = useRef(null);
+  const commands = useRibbonGalleryCommands();
+  const context = commands?.context;
+  const descriptor = useMemo(
+    () => buildRibbonGallery(placement.gallery, context ?? { element: null }),
+    [placement.gallery, context]
+  );
+  useEffect(() => {
+    const host = ref.current;
+    if (host) {
+      host.descriptor = descriptor;
+      host.translateLabel = t;
+      host.disabled = !commands?.editable;
+    }
+  }, [descriptor, t, commands?.editable]);
+  useEffect(() => {
+    const host = ref.current;
+    if (!host) {
+      return;
+    }
+    const pick = (event) => {
+      if (!commands?.editable) {
+        return;
+      }
+      const result = applyRibbonGalleryItem(
+        placement.gallery,
+        event.detail.itemId,
+        commands.context
+      );
+      if (result) {
+        commands.dispatch(result);
+      }
+    };
+    host.addEventListener("gallery-pick", pick);
+    return () => host.removeEventListener("gallery-pick", pick);
+  }, [commands, placement.gallery]);
   return /* @__PURE__ */ jsx(
-    "button",
+    "pptx-ui-ribbon-gallery",
     {
-      type: "button",
-      ...{ [RIBBON_GALLERY_ITEM_ATTR]: item.id },
-      "aria-pressed": item.applied,
-      "aria-label": label,
-      title: label,
-      disabled,
-      onMouseDown: (event) => event.preventDefault(),
-      onClick: () => onPick(item),
-      className: cn(
-        "grid shrink-0 place-items-center rounded-sm border border-transparent p-0.5 transition-colors hover:border-primary/60 hover:bg-accent disabled:cursor-not-allowed disabled:opacity-40",
-        item.applied && "border-primary ring-1 ring-primary/40",
-        inStrip && "[&>svg]:h-[40px] [&>svg]:w-auto"
-      ),
-      dangerouslySetInnerHTML: { __html: item.previewSvg }
+      ref,
+      label: descriptor.label,
+      mode: placement.mode,
+      "chevron-only": chevronOnly || void 0,
+      "data-ribbon-control": tagControl ? placement.control : void 0
     }
   );
 }
-function GallerySection({
-  section,
-  onPick
+function useIntent(ref, type, callback) {
+  useEffect(() => {
+    const host = ref.current;
+    if (!host || !callback) {
+      return;
+    }
+    host.addEventListener(type, callback);
+    return () => host.removeEventListener(type, callback);
+  }, [ref, type, callback]);
+}
+function WebRibbonGroup({
+  label,
+  groupId,
+  children
 }) {
-  const translateOr = useTranslateOr();
-  if (section.items.length === 0) {
-    return null;
-  }
-  const heading = section.titleKey || section.title ? translateOr(section.titleKey, section.title ?? "") : "";
-  return /* @__PURE__ */ jsxs("div", { className: "px-2 py-1", children: [
-    heading && /* @__PURE__ */ jsx("div", { className: "pb-1 text-[10px] font-semibold uppercase tracking-wide text-muted-foreground", children: heading }),
-    /* @__PURE__ */ jsx(
-      "div",
-      {
-        className: "grid gap-1",
-        style: { gridTemplateColumns: `repeat(${Math.max(1, section.columns)}, max-content)` },
-        children: section.items.map((item) => /* @__PURE__ */ jsx(RibbonGalleryTile, { item, onPick }, item.id))
-      }
-    )
-  ] });
+  return /* @__PURE__ */ jsx("pptx-ui-ribbon-group", { label, "data-ribbon-group": groupId, children });
 }
-function RibbonGalleryPopup({
-  descriptor,
-  anchorRef,
+function WebRibbonCommand({
   label,
-  onPick
+  icon,
+  controlId,
+  title,
+  disabled,
+  active,
+  pressed,
+  expanded,
+  compact,
+  onCommand
 }) {
-  return /* @__PURE__ */ jsx(RibbonMenu, { anchorRef, className: "pt-1", children: /* @__PURE__ */ jsx(
-    "div",
+  const ref = useRef(null);
+  useIntent(
+    ref,
+    "command-request",
+    onCommand ? (event) => onCommand(event.detail.id) : void 0
+  );
+  return /* @__PURE__ */ jsx(
+    "pptx-ui-ribbon-command",
     {
-      ...{ [RIBBON_GALLERY_POPUP_ATTR]: descriptor.id },
-      role: "group",
-      "aria-label": label,
-      className: "max-h-[70vh] overflow-y-auto rounded-lg border border-border bg-popover py-1 shadow-2xl backdrop-blur-lg",
-      children: descriptor.sections.map((section) => /* @__PURE__ */ jsx(GallerySection, { section, onPick }, section.id))
+      ref,
+      label,
+      icon,
+      "data-ribbon-control": controlId,
+      title,
+      disabled: disabled || void 0,
+      active: active || void 0,
+      pressed: pressed === void 0 ? void 0 : String(pressed),
+      expanded: expanded === void 0 ? void 0 : String(expanded),
+      compact: compact || void 0
     }
-  ) });
+  );
 }
-var EMPTY_CONTEXT = { element: null };
-function RibbonGallery({
-  placement,
-  icon,
-  chevronOnly = false,
-  tagControl = true
+function WebRibbonToggle({
+  label,
+  controlId,
+  checked,
+  title,
+  onToggle
 }) {
-  const { t } = useTranslation();
-  const translateOr = useTranslateOr();
-  const commands = useRibbonGalleryCommands();
-  const ctx = commands?.context ?? EMPTY_CONTEXT;
-  const { gallery, control, mode } = placement;
-  const descriptor = useMemo(() => buildRibbonGallery(gallery, ctx), [gallery, ctx]);
-  const dropdown = useRibbonDropdown();
-  const title = translateOr(descriptor.labelKey, descriptor.label);
-  const disabled = !commands?.editable || descriptor.disabled || !galleryHasItems(descriptor);
-  const open = dropdown.open && !disabled;
-  const pick = (item) => {
-    const result = applyRibbonGalleryItem(gallery, item.id, ctx);
-    if (result) {
-      commands?.dispatch(result);
-    }
-    dropdown.setOpen(false);
-  };
-  const controlAttrs = tagControl ? { [RIBBON_CONTROL_ATTR]: control } : {};
-  const galleryAttrs = { [RIBBON_GALLERY_ATTR]: gallery };
-  const popup = open && /* @__PURE__ */ jsx(
-    RibbonGalleryPopup,
+  const ref = useRef(null);
+  useIntent(
+    ref,
+    "toggle-request",
+    onToggle ? (event) => onToggle(event.detail.checked) : void 0
+  );
+  return /* @__PURE__ */ jsx(
+    "pptx-ui-ribbon-toggle",
     {
-      descriptor,
-      anchorRef: dropdown.ref,
-      label: title,
-      onPick: pick
+      ref,
+      label,
+      "data-ribbon-control": controlId,
+      checked: checked || void 0,
+      title
     }
   );
-  if (mode === "inline") {
-    const moreLabel = t("pptx.gallery.more", { name: title });
-    return /* @__PURE__ */ jsxs(
-      "div",
-      {
-        ref: dropdown.ref,
-        ...controlAttrs,
-        className: "relative inline-flex items-stretch rounded border border-border/60 bg-background/40",
-        children: [
-          /* @__PURE__ */ jsx("div", { className: "flex items-center gap-0.5 p-0.5", children: inlineGalleryItems(descriptor).map((item) => /* @__PURE__ */ jsx(
-            RibbonGalleryTile,
-            {
-              item,
-              disabled,
-              inStrip: true,
-              onPick: pick
-            },
-            item.id
-          )) }),
-          /* @__PURE__ */ jsx(
-            "button",
-            {
-              type: "button",
-              ...galleryAttrs,
-              "aria-label": moreLabel,
-              "aria-haspopup": "true",
-              "aria-expanded": open,
-              title: moreLabel,
-              disabled,
-              onClick: () => dropdown.setOpen((v) => !v),
-              className: "inline-flex items-center border-l border-border/60 px-0.5 hover:bg-accent disabled:cursor-not-allowed disabled:opacity-40",
-              children: /* @__PURE__ */ jsx(LuChevronDown, { className: "h-3 w-3" })
-            }
-          ),
-          popup
-        ]
-      }
-    );
-  }
-  return /* @__PURE__ */ jsxs("div", { ref: dropdown.ref, ...controlAttrs, className: "relative inline-flex items-center", children: [
-    /* @__PURE__ */ jsxs(
-      "button",
-      {
-        type: "button",
-        "data-pptx-chrome": chevronOnly ? "gallery-caret" : void 0,
-        ...galleryAttrs,
-        "aria-haspopup": "true",
-        "aria-expanded": open,
-        "aria-label": title,
-        title,
-        disabled,
-        onMouseDown: (event) => event.preventDefault(),
-        onClick: () => dropdown.setOpen((v) => !v),
-        className: chevronOnly ? "inline-flex items-center self-stretch px-0.5 hover:bg-accent disabled:cursor-not-allowed disabled:opacity-40" : pill,
-        children: [
-          !chevronOnly && icon,
-          !chevronOnly && /* @__PURE__ */ jsx("span", { className: "whitespace-nowrap", children: title }),
-          /* @__PURE__ */ jsx(LuChevronDown, { className: "h-3 w-3" })
-        ]
-      }
-    ),
-    popup
-  ] });
 }
 function useTransitionSoundPicker(activeSlide, onTransitionChange) {
-  const soundFileInputRef = React6.useRef(null);
-  const handleSoundFilePicked = React6.useCallback(
+  const soundFileInputRef = React7.useRef(null);
+  const handleSoundFilePicked = React7.useCallback(
     (file) => {
       void readSoundFileAsDataUrl(file).then((dataUrl) => {
         if (dataUrl) {
@@ -1647,7 +1600,7 @@ function useTransitionSoundPicker(activeSlide, onTransitionChange) {
     },
     [onTransitionChange]
   );
-  const handleSoundSelectChange = React6.useCallback(
+  const handleSoundSelectChange = React7.useCallback(
     (event) => {
       const value = event.target.value;
       if (value === TRANSITION_SOUND_OTHER_VALUE) {
@@ -1666,7 +1619,7 @@ function useTransitionSoundPicker(activeSlide, onTransitionChange) {
     },
     [activeSlide, onTransitionChange]
   );
-  const handleSoundFileChange = React6.useCallback(
+  const handleSoundFileChange = React7.useCallback(
     (event) => {
       const file = event.target.files?.[0];
       if (file) {
@@ -1677,7 +1630,7 @@ function useTransitionSoundPicker(activeSlide, onTransitionChange) {
     [handleSoundFilePicked]
   );
   const stockSoundId = transitionStockSoundId(activeSlide?.transition);
-  const handleSoundPreview = React6.useCallback(() => {
+  const handleSoundPreview = React7.useCallback(() => {
     if (!stockSoundId) {
       return;
     }
@@ -1697,10 +1650,10 @@ function useTransitionSoundPicker(activeSlide, onTransitionChange) {
 function TransitionsSection(p) {
   const { t } = useTranslation();
   const canEdit = p.canEdit !== false;
-  const draft = React6.useMemo(() => readRibbonTransitionDraft(p.activeSlide), [p.activeSlide]);
-  const [durationBuffer, setDurationBuffer] = React6.useState(null);
-  const [advanceBuffer, setAdvanceBuffer] = React6.useState(null);
-  const commit = React6.useCallback(
+  const draft = React7.useMemo(() => readRibbonTransitionDraft(p.activeSlide), [p.activeSlide]);
+  const [durationBuffer, setDurationBuffer] = React7.useState(null);
+  const [advanceBuffer, setAdvanceBuffer] = React7.useState(null);
+  const commit = React7.useCallback(
     (changes) => {
       p.onTransitionChange(ribbonTransitionUpdates({ ...draft, ...changes }));
     },
@@ -1924,93 +1877,54 @@ function TransitionsSection(p) {
     )
   ] });
 }
-var DESIGN_VARIANT_GALLERIES = FIXED_TAB_GALLERIES.filter(
-  (placement) => placement.control.startsWith("design.variants.")
-);
 function DesignSection(p) {
   const { t } = useTranslation();
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsxs(RibbonGroupScope, { id: "design.themes", children: [
-      /* @__PURE__ */ jsxs(
-        "button",
-        {
-          onClick: p.onToggleThemeGallery,
-          disabled: !p.canEdit,
-          className: cn(
-            pill,
-            p.isThemeGalleryOpen ? "bg-primary hover:bg-primary/80 text-white" : ""
-          ),
-          title: t("pptx.ribbon.browseThemesTitle"),
-          ...controlAttr("design.themes.browseThemes"),
-          children: [
-            /* @__PURE__ */ jsx(LuPalette, { className: ics }),
-            t("pptx.ribbon.browseThemes")
-          ]
-        }
-      ),
-      /* @__PURE__ */ jsxs(
-        "button",
-        {
-          onClick: p.onToggleThemeEditor,
-          disabled: !p.canEdit,
-          className: cn(
-            pill,
-            p.isThemeEditorOpen ? "bg-primary hover:bg-primary/80 text-white" : ""
-          ),
-          title: t("pptx.ribbon.editThemeTitle"),
-          ...controlAttr("design.themes.editTheme"),
-          children: [
-            /* @__PURE__ */ jsx(LuPencil, { className: ics }),
-            t("pptx.ribbon.editTheme")
-          ]
-        }
-      )
-    ] }),
-    sep,
-    /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center gap-0.5", ...groupAttr("design.variants"), children: [
-      /* @__PURE__ */ jsx("div", { className: "flex items-center gap-1", children: DESIGN_VARIANT_GALLERIES.map((placement) => /* @__PURE__ */ jsx(
-        RibbonGallery,
-        {
-          placement,
-          icon: placement.gallery === "themeFonts" ? /* @__PURE__ */ jsx(LuType, { className: ics }) : /* @__PURE__ */ jsx(LuPalette, { className: ics })
-        },
-        placement.control
-      )) }),
-      /* @__PURE__ */ jsx("span", { className: "text-[9px] text-muted-foreground leading-none", children: t("pptx.ribbon.groupVariants") })
-    ] }),
-    sep,
-    /* @__PURE__ */ jsxs(RibbonGroupScope, { id: "design.customize", children: [
-      (p.onOpenSlideSize ?? p.onOpenDocumentProperties) && /* @__PURE__ */ jsxs(
-        "button",
-        {
-          onClick: p.onOpenSlideSize ?? p.onOpenDocumentProperties,
-          className: pill,
-          title: t("pptx.ribbon.slideSizeTitle"),
-          ...controlAttr("design.customize.slideSize"),
-          children: [
-            /* @__PURE__ */ jsx(LuMonitor, { className: ics }),
-            t("pptx.ribbon.slideSize")
-          ]
-        }
-      ),
-      p.onToggleInspector && /* @__PURE__ */ jsxs(
-        "button",
-        {
-          onClick: p.onToggleInspector,
-          className: cn(
-            pill,
-            p.isInspectorPaneOpen ? "bg-primary hover:bg-primary/80 text-white" : ""
-          ),
-          title: t("pptx.ribbon.formatBackgroundTitle"),
-          ...controlAttr("design.customize.formatBackground"),
-          children: [
-            /* @__PURE__ */ jsx(LuPaintBucket, { className: ics }),
-            t("pptx.ribbon.formatBackground")
-          ]
-        }
-      )
-    ] })
-  ] });
+  const actions = {
+    "design.themes.browseThemes": p.onToggleThemeGallery,
+    "design.themes.editTheme": p.onToggleThemeEditor,
+    "design.customize.slideSize": p.onOpenSlideSize ?? p.onOpenDocumentProperties,
+    "design.customize.formatBackground": p.onToggleInspector
+  };
+  const state = {
+    editable: p.canEdit,
+    galleryOpen: p.isThemeGalleryOpen,
+    editorOpen: p.isThemeEditorOpen,
+    backgroundOpen: p.isInspectorPaneOpen,
+    hasSlideSize: Boolean(actions["design.customize.slideSize"]),
+    hasBackground: Boolean(p.onToggleInspector)
+  };
+  return /* @__PURE__ */ jsx(Fragment, { children: DESIGN_RIBBON_GROUPS.map((group) => /* @__PURE__ */ jsxs(WebRibbonGroup, { groupId: group.id, label: t(group.labelKey), children: [
+    DESIGN_RIBBON_COMMANDS.filter((command) => command.id.startsWith(`${group.id}.`)).map(
+      (command) => {
+        const view = designCommandState(command.id, state);
+        return view.hidden ? null : /* @__PURE__ */ jsx(
+          WebRibbonCommand,
+          {
+            controlId: command.id,
+            label: t(command.labelKey),
+            title: t(command.titleKey),
+            icon: command.icon,
+            compact: true,
+            disabled: view.disabled,
+            active: view.active,
+            expanded: view.expanded,
+            onCommand: () => actions[command.id]?.()
+          },
+          command.id
+        );
+      }
+    ),
+    FIXED_TAB_GALLERIES.filter(
+      (placement) => placement.control.startsWith(`${group.id}.`)
+    ).map((placement) => /* @__PURE__ */ jsx(
+      RibbonGallery,
+      {
+        placement,
+        icon: placement.gallery === "themeFonts" ? /* @__PURE__ */ jsx(LuType, {}) : /* @__PURE__ */ jsx(LuPalette, {})
+      },
+      placement.control
+    ))
+  ] }, group.id)) });
 }
 var DEFAULT_VALUE = {
   recentColors: [],
@@ -2225,7 +2139,7 @@ function AccountPage() {
       return void 0;
     });
   };
-  const version = "4.15.0" ;
+  const version = "4.16.0" ;
   return /* @__PURE__ */ jsxs("div", { className: "mt-8 max-w-[700px] space-y-6", children: [
     /* @__PURE__ */ jsxs("section", { className: cardClass, children: [
       /* @__PURE__ */ jsxs("h2", { className: "flex items-center gap-2 text-sm font-semibold", children: [
@@ -3670,200 +3584,62 @@ function InsertSection(p) {
     )
   ] });
 }
+function WebRibbonSection({
+  groups,
+  onCommand
+}) {
+  const ref = useRef(null);
+  useEffect(() => {
+    if (ref.current) {
+      ref.current.groups = groups;
+    }
+  }, [groups]);
+  useEffect(() => {
+    const host = ref.current;
+    if (!host) {
+      return;
+    }
+    const request = (event) => onCommand(event.detail.id);
+    host.addEventListener("command-request", request);
+    return () => host.removeEventListener("command-request", request);
+  }, [onCommand]);
+  return /* @__PURE__ */ jsx("pptx-ui-ribbon-section", { ref });
+}
 function ReviewSection(p) {
   const { t } = useTranslation();
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsxs(
-      RibbonGroup,
-      {
-        label: t("pptx.review.proofing", { defaultValue: "Proofing" }),
-        groupId: "review.proofing",
-        children: [
-          /* @__PURE__ */ jsx(
-            RibbonCommand,
-            {
-              controlId: "review.proofing.spelling",
-              label: t("pptx.review.spelling"),
-              icon: /* @__PURE__ */ jsx(LuSpellCheck, {}),
-              onClick: () => p.onSetSpellCheckEnabled(!p.spellCheckEnabled),
-              active: p.spellCheckEnabled,
-              title: t("pptx.review.toggleSpellCheck")
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            RibbonCommand,
-            {
-              controlId: "review.proofing.thesaurus",
-              label: t("pptx.review.thesaurus", { defaultValue: "Thesaurus" }),
-              icon: /* @__PURE__ */ jsx(LuBookOpen, {}),
-              disabled: true
-            }
-          )
-        ]
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      RibbonGroup,
-      {
-        label: t("pptx.review.accessibility", { defaultValue: "Accessibility" }),
-        groupId: "review.accessibility",
-        children: /* @__PURE__ */ jsx(
-          RibbonCommand,
-          {
-            controlId: "review.accessibility.check",
-            label: t("pptx.review.accessibilityCheck"),
-            icon: /* @__PURE__ */ jsx(LuShieldCheck, {}),
-            onClick: p.onOpenAccessibilityCheck
-          }
-        )
-      }
-    ),
-    /* @__PURE__ */ jsxs(RibbonGroup, { label: t("pptx.review.language"), groupId: "review.language", children: [
-      /* @__PURE__ */ jsx(
-        RibbonCommand,
-        {
-          controlId: "review.language.translate",
-          label: t("pptx.review.translate", { defaultValue: "Translate" }),
-          icon: /* @__PURE__ */ jsx(LuLanguages, {}),
-          disabled: true
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        RibbonCommand,
-        {
-          label: t("pptx.review.language"),
-          icon: /* @__PURE__ */ jsx(LuGlobe, {}),
-          disabled: !p.onSetLanguage,
-          onClick: p.onSetLanguage
+  const groups = buildReviewRibbon(t, {
+    editable: p.canEdit,
+    spellCheck: p.spellCheckEnabled,
+    canAccessibility: Boolean(p.onOpenAccessibilityCheck),
+    canLanguage: Boolean(p.onSetLanguage),
+    canCompare: Boolean(p.onCompare),
+    canComments: Boolean(p.onToggleComments),
+    commentsOpen: p.isCommentsPanelOpen,
+    commentCount: p.slideCommentCount
+  });
+  const request = (id) => {
+    switch (id) {
+      case "review.proofing.spelling":
+        p.onSetSpellCheckEnabled(!p.spellCheckEnabled);
+        break;
+      case "review.accessibility.check":
+        p.onOpenAccessibilityCheck?.();
+        break;
+      case "review.language.language":
+        p.onSetLanguage?.();
+        break;
+      case "review.compare.compare":
+        if (p.canEdit) {
+          p.onCompare?.();
         }
-      )
-    ] }),
-    /* @__PURE__ */ jsxs(
-      RibbonGroup,
-      {
-        label: t("pptx.review.changes", { defaultValue: "Changes" }),
-        groupId: "review.compare",
-        children: [
-          /* @__PURE__ */ jsx(
-            RibbonCommand,
-            {
-              controlId: "review.compare.markAllRead",
-              label: t("pptx.review.markAllRead", { defaultValue: "Mark All as Read" }),
-              icon: /* @__PURE__ */ jsx(LuCopy, {}),
-              disabled: true
-            }
-          ),
-          p.onCompare && /* @__PURE__ */ jsx(
-            RibbonCommand,
-            {
-              controlId: "review.compare.compare",
-              label: t("pptx.ribbon.compare"),
-              icon: /* @__PURE__ */ jsx(LuGitCompare, {}),
-              onClick: p.onCompare,
-              disabled: !p.canEdit,
-              title: t("pptx.ribbon.compareTitle")
-            }
-          )
-        ]
-      }
-    ),
-    /* @__PURE__ */ jsxs(RibbonGroup, { label: t("pptx.toolbar.comments"), groupId: "review.comments", children: [
-      p.onToggleComments && /* @__PURE__ */ jsxs("div", { className: "relative", children: [
-        /* @__PURE__ */ jsx(
-          RibbonCommand,
-          {
-            controlId: "review.comments.newComment",
-            label: t("pptx.toolbar.comments"),
-            icon: /* @__PURE__ */ jsx(LuMessageSquarePlus, {}),
-            onClick: p.onToggleComments,
-            active: p.isCommentsPanelOpen,
-            title: t("pptx.review.toggleComments")
-          }
-        ),
-        Boolean(p.slideCommentCount) && /* @__PURE__ */ jsx("span", { className: "absolute right-0 top-0 rounded-full bg-primary px-1 text-[9px] text-white", children: p.slideCommentCount })
-      ] }),
-      /* @__PURE__ */ jsxs(RibbonCommandStack, { children: [
-        /* @__PURE__ */ jsx(
-          RibbonCommand,
-          {
-            compact: true,
-            controlId: "review.comments.delete",
-            label: t("pptx.common.delete", { defaultValue: "Delete" }),
-            icon: /* @__PURE__ */ jsx(LuTrash2, {}),
-            disabled: true
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          RibbonCommand,
-          {
-            compact: true,
-            controlId: "review.comments.previous",
-            label: t("pptx.common.previous", { defaultValue: "Previous" }),
-            icon: /* @__PURE__ */ jsx(LuChevronLeft, {}),
-            disabled: true
-          }
-        )
-      ] }),
-      /* @__PURE__ */ jsxs(RibbonCommandStack, { children: [
-        /* @__PURE__ */ jsx(
-          RibbonCommand,
-          {
-            compact: true,
-            controlId: "review.comments.next",
-            label: t("pptx.common.next", { defaultValue: "Next" }),
-            icon: /* @__PURE__ */ jsx(LuChevronRight, {}),
-            disabled: true
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          RibbonCommand,
-          {
-            compact: true,
-            controlId: "review.comments.showComments",
-            label: t("pptx.review.showComments", { defaultValue: "Show Comments" }),
-            icon: /* @__PURE__ */ jsx(LuMessageSquare, {}),
-            onClick: p.onToggleComments
-          }
-        )
-      ] })
-    ] }),
-    /* @__PURE__ */ jsxs(
-      RibbonGroup,
-      {
-        label: t("pptx.review.protect", { defaultValue: "Protect" }),
-        groupId: "review.protect",
-        children: [
-          /* @__PURE__ */ jsx(
-            RibbonCommand,
-            {
-              controlId: "review.protect.readOnly",
-              label: t("pptx.review.readOnly", { defaultValue: "Always Open Read-only" }),
-              icon: /* @__PURE__ */ jsx(LuLockKeyhole, {}),
-              disabled: true
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            RibbonCommand,
-            {
-              controlId: "review.protect.restrictPermission",
-              label: t("pptx.review.restrictPermission", { defaultValue: "Restrict Permission" }),
-              icon: /* @__PURE__ */ jsx(LuShieldCheck, {}),
-              disabled: true
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            RibbonCommand,
-            {
-              controlId: "review.ink.hideInk",
-              label: t("pptx.review.hideInk", { defaultValue: "Hide Ink" }),
-              icon: /* @__PURE__ */ jsx(LuEyeOff, {}),
-              disabled: true
-            }
-          )
-        ]
-      }
-    )
-  ] });
+        break;
+      case "review.comments.newComment":
+      case "review.comments.showComments":
+        p.onToggleComments?.();
+        break;
+    }
+  };
+  return /* @__PURE__ */ jsx(WebRibbonSection, { groups, onCommand: request });
 }
 function CustomShowsControls({
   customShows,
@@ -4018,81 +3794,6 @@ function SubtitleSettingsControl() {
     }
   );
 }
-function useIntent(ref, type, callback) {
-  useEffect(() => {
-    const host = ref.current;
-    if (!host || !callback) {
-      return;
-    }
-    host.addEventListener(type, callback);
-    return () => host.removeEventListener(type, callback);
-  }, [ref, type, callback]);
-}
-function WebRibbonGroup({
-  label,
-  groupId,
-  children
-}) {
-  return /* @__PURE__ */ jsx("pptx-ui-ribbon-group", { label, "data-ribbon-group": groupId, children });
-}
-function WebRibbonCommand({
-  label,
-  icon,
-  controlId,
-  title,
-  disabled,
-  active,
-  pressed,
-  expanded,
-  compact,
-  onCommand
-}) {
-  const ref = useRef(null);
-  useIntent(
-    ref,
-    "command-request",
-    onCommand ? (event) => onCommand(event.detail.id) : void 0
-  );
-  return /* @__PURE__ */ jsx(
-    "pptx-ui-ribbon-command",
-    {
-      ref,
-      label,
-      icon,
-      "data-ribbon-control": controlId,
-      title,
-      disabled: disabled || void 0,
-      active: active || void 0,
-      pressed: pressed === void 0 ? void 0 : String(pressed),
-      expanded: expanded === void 0 ? void 0 : String(expanded),
-      compact: compact || void 0
-    }
-  );
-}
-function WebRibbonToggle({
-  label,
-  controlId,
-  checked,
-  title,
-  onToggle
-}) {
-  const ref = useRef(null);
-  useIntent(
-    ref,
-    "toggle-request",
-    onToggle ? (event) => onToggle(event.detail.checked) : void 0
-  );
-  return /* @__PURE__ */ jsx(
-    "pptx-ui-ribbon-toggle",
-    {
-      ref,
-      label,
-      "data-ribbon-control": controlId,
-      checked: checked || void 0,
-      title
-    }
-  );
-}
 function SlideShowSection(p) {
   const { t } = useTranslation();
   const { isHidden } = useToolbarVisibility(p.hiddenActions);
@@ -5839,22 +5540,18 @@ function MobileToolbar(props) {
     }
   );
 }
+function useTranslateOr() {
+  const { t } = useTranslation();
+  return (key, fallback) => galleryTextLabel(t, key, fallback);
+}
 function ContextualTabSection({ tab }) {
   const translateOr = useTranslateOr();
   return /* @__PURE__ */ jsx(Fragment, { children: CONTEXTUAL_TAB_GROUPS[tab].map((group) => /* @__PURE__ */ jsx(
-    RibbonGroup,
+    WebRibbonGroup,
     {
       groupId: group.group,
       label: translateOr(group.labelKey, group.label),
-      className: "items-center",
-      children: group.galleries.map((placement) => /* @__PURE__ */ jsx(
-        RibbonGallery,
-        {
-          placement,
-          icon: /* @__PURE__ */ jsx(LuSparkles, { className: ics })
-        },
-        placement.control
-      ))
+      children: group.galleries.map((placement) => /* @__PURE__ */ jsx(RibbonGallery, { placement }, placement.control))
     },
     group.group
   )) });
@@ -7425,7 +7122,7 @@ function ChartQuickActionsOverlay({
       "data-export-ignore": "true",
       style: { position: "absolute", left: 0, top: 0, zIndex: 59 },
       onMouseDown: (e) => e.stopPropagation(),
-      children: descriptor.buttons.map((button) => /* @__PURE__ */ jsxs(React6.Fragment, { children: [
+      children: descriptor.buttons.map((button) => /* @__PURE__ */ jsxs(React7.Fragment, { children: [
         /* @__PURE__ */ jsx(
           "button",
           {
@@ -7445,7 +7142,7 @@ function ChartQuickActionsOverlay({
               transformOrigin: "top left"
             },
             className: "flex items-center justify-center rounded bg-white border border-gray-300 shadow-sm hover:bg-gray-100 text-gray-700",
-            children: React6.createElement(ICONS4[button.id], { className: "size-3.5" })
+            children: React7.createElement(ICONS4[button.id], { className: "size-3.5" })
           }
         ),
         open === button.id && button.id === "elements" && /* @__PURE__ */ jsxs(
@@ -8595,7 +8292,7 @@ function HorizontalRulerView({ ticks, widthPx, highlight }) {
     }
   );
 }
-var HorizontalRuler = React6.memo(HorizontalRulerView);
+var HorizontalRuler = React7.memo(HorizontalRulerView);
 HorizontalRuler.displayName = "HorizontalRuler";
 function VerticalRulerView({ ticks, heightPx, highlight }) {
   return /* @__PURE__ */ jsxs(
@@ -8667,7 +8364,7 @@ function VerticalRulerView({ ticks, heightPx, highlight }) {
     }
   );
 }
-var VerticalRuler = React6.memo(VerticalRulerView);
+var VerticalRuler = React7.memo(VerticalRulerView);
 VerticalRuler.displayName = "VerticalRuler";
 function Ruler({
   canvasSize,
@@ -10593,7 +10290,7 @@ function slideThumbnailPropsEqual(prev, next) {
   }
   return true;
 }
-var SlideThumbnail = React6.memo(SlideThumbnailImpl, slideThumbnailPropsEqual);
+var SlideThumbnail = React7.memo(SlideThumbnailImpl, slideThumbnailPropsEqual);
 
 // src/viewer/components/context-menu-dispatch.ts
 function tableCell(props) {
@@ -11354,7 +11051,7 @@ function LazyThumbnailInner({
     }
   ) });
 }
-var LazyThumbnail = React6.memo(LazyThumbnailInner);
+var LazyThumbnail = React7.memo(LazyThumbnailInner);
 
 // src/viewer/components/slides-pane/utils.ts
 function formatTimingMs(ms) {
@@ -11516,7 +11213,7 @@ function SlideItemInner({
     }
   );
 }
-var SlideItem = React6.memo(SlideItemInner);
+var SlideItem = React7.memo(SlideItemInner);
 function useSlidePaneCallbacks(onMoveSlide, onRenameSection, onToggleSectionCollapse) {
   const [collapsedSections, setCollapsedSections] = useState({});
   const [renamingSectionId, setRenamingSectionId] = useState(null);
@@ -12925,7 +12622,7 @@ function arePropsEqual(prev, next) {
   }
   return true;
 }
-var SlideCard = React6.memo(SlideCardImpl, arePropsEqual);
+var SlideCard = React7.memo(SlideCardImpl, arePropsEqual);
 function SorterContextMenu({
   x,
   y,
@@ -14484,8 +14181,8 @@ function SlideNotesPanel({
   onHeightChange
 }) {
   const { t } = useTranslation();
-  const rootRef = React6.useRef(null);
-  React6.useEffect(() => {
+  const rootRef = React7.useRef(null);
+  React7.useEffect(() => {
     const el = rootRef.current;
     if (!el || !onHeightChange) {
       return void 0;
@@ -16377,9 +16074,9 @@ function PresentationSubtitleBar({
 function renderNotesSegments(segments) {
   return notesSegmentsToSpans(segments).map((span) => {
     if (span.kind === "break") {
-      return React6.createElement("br", { key: span.key });
+      return React7.createElement("br", { key: span.key });
     }
-    return React6.createElement(
+    return React7.createElement(
       "span",
       { key: span.key, style: span.style },
       span.text
@@ -16611,7 +16308,7 @@ function scaledSlidePreviewPropsEqual(prev, next) {
   }
   return true;
 }
-var ScaledSlidePreview = React6.memo(ScaledSlidePreviewImpl, scaledSlidePreviewPropsEqual);
+var ScaledSlidePreview = React7.memo(ScaledSlidePreviewImpl, scaledSlidePreviewPropsEqual);
 function PresenterNotesRail({
   slides,
   current,
@@ -17849,7 +17546,7 @@ function EffectSoundRow({
   onPickStock
 }) {
   const { t } = useTranslation();
-  const fileInputRef = React6.useRef(null);
+  const fileInputRef = React7.useRef(null);
   const selectedValue = soundState.catalogueId ?? (soundState.hasSound ? CURRENT_VALUE : NONE_VALUE);
   const handleSelectChange = (event) => {
     const value = event.target.value;
@@ -21435,7 +21132,7 @@ function ConnectorArrowsSection({
     ["Start", "End"].map((end) => {
       const widthKey = end === "Start" ? "connectorStartArrowWidth" : "connectorEndArrowWidth";
       const lengthKey = end === "Start" ? "connectorStartArrowLength" : "connectorEndArrowLength";
-      return /* @__PURE__ */ jsxs(React6.Fragment, { children: [
+      return /* @__PURE__ */ jsxs(React7.Fragment, { children: [
         /* @__PURE__ */ jsxs("label", { className: "flex flex-col gap-1", children: [
           /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: t(END_LABEL_KEYS[end].width) }),
           /* @__PURE__ */ jsx(
@@ -24312,7 +24009,7 @@ function StrokeEffectsSection({
     ] }),
     EFFECT_CONFIGS.map((cfg) => {
       const on = cfg.isOn(style);
-      return /* @__PURE__ */ jsxs(React6.Fragment, { children: [
+      return /* @__PURE__ */ jsxs(React7.Fragment, { children: [
         /* @__PURE__ */ jsxs("label", { className: `inline-flex items-center gap-2 text-foreground ${COL2}`, children: [
           /* @__PURE__ */ jsx(
             WebCheckbox,
@@ -25180,7 +24877,7 @@ function TextWarpGallery({
   onUpdateTextStyle
 }) {
   const { t } = useTranslation();
-  const [expanded, setExpanded] = React6.useState(false);
+  const [expanded, setExpanded] = React7.useState(false);
   const currentPreset = ts?.textWarpPreset || "textNoShape";
   return /* @__PURE__ */ jsxs("div", { className: "mt-2 rounded border border-border bg-card p-2 space-y-2", children: [
     /* @__PURE__ */ jsxs(
@@ -25831,7 +25528,7 @@ function SmartArtStyleControls({
   onChangeStyle
 }) {
   const { t } = useTranslation();
-  const translate = React6.useCallback((key) => t(key), [t]);
+  const translate = React7.useCallback((key) => t(key), [t]);
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsxs("label", { className: "flex flex-col gap-1 text-[11px]", children: [
       /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: t("pptx.smartart.colorScheme") }),
@@ -25886,9 +25583,9 @@ function SmartArtPropertiesPanel({
   const nodes = smartArtData.nodes ?? [];
   const layout = smartArtData.resolvedLayoutType;
   const topLevelCount = nodes.filter((n) => !n.parentId).length;
-  const inputRefs = React6.useRef(/* @__PURE__ */ new Map());
-  const pendingFocusId = React6.useRef(null);
-  React6.useEffect(() => {
+  const inputRefs = React7.useRef(/* @__PURE__ */ new Map());
+  const pendingFocusId = React7.useRef(null);
+  React7.useEffect(() => {
     const id = pendingFocusId.current;
     if (id) {
       inputRefs.current.get(id)?.focus();
@@ -27502,7 +27199,7 @@ function CommentBody({ text, mentions, className }) {
       index
     ) : (
       // eslint-disable-next-line react/no-array-index-key -- segments are positional
-      /* @__PURE__ */ jsx(React6.Fragment, { children: segment.text }, index)
+      /* @__PURE__ */ jsx(React7.Fragment, { children: segment.text }, index)
     )
   ) });
 }
@@ -29021,7 +28718,7 @@ function PresentationPropertiesPanel({
   onUpdateTagCollections
 }) {
   const { t } = useTranslation();
-  const handleTransitionChange = React6.useCallback(
+  const handleTransitionChange = React7.useCallback(
     (updates) => {
       onUpdateSlide({
         transition: mergeSlideTransition(activeSlide?.transition, updates)
@@ -32940,7 +32637,7 @@ function ViewerToolbarSection(props) {
     },
     [activeSlide, propertyHandlers]
   );
-  const scopedLayoutOptions = React6.useMemo(
+  const scopedLayoutOptions = React7.useMemo(
     () => scopeLayoutOptionsToActiveSlide(s.layoutOptions, activeSlide),
     [s.layoutOptions, activeSlide]
   );
@@ -34912,7 +34609,7 @@ function useTableStyleMapHandlers(input) {
 var AiChatPanel = lazy(async () => {
   const [{ useChat }, { default: Panel }] = await Promise.all([
     import('@ai-sdk/react'),
-    import('./AiChatPanel-5Z4BYP7S.mjs')
+    import('./AiChatPanel-K3PL6O3M.mjs')
   ]);
   function BoundAiChatPanel(props) {
     return /* @__PURE__ */ jsx(Panel, { ...props, useChat });