pptx-react-viewer 3.0.3 → 3.1.0

package/dist/{chunk-CY24IMMZ.mjs → chunk-TIEUZCYQ.mjs}

@@ -1,9 +1,9 @@
-import { computeFocusTargets, aiChangeAnimationCss, changeGhostStyle, createChatHistoryStore, toRenderableParts } from './chunk-EVXT7HLY.mjs';
-import { useReducedMotion, useViewerState, useViewerOptions, useIsMobile, useResizablePanels, useDerivedSlideState, useZoomViewport, useEditorHistory, usePresentationSetup, useTouchGestures, useViewerDialogs, useEditorOperations, useViewerIntegration, useLayoutSwitching, useYjsDocumentSync, useCollaborationLivePatch, useFollowMode, useBroadcastFollower, scopeLayoutOptionsToActiveSlide, useToolbarVisibility, useKeyboardInsets, useModalDismissDrag, useCollaborativeState, useVirtualizedSlides, useSwipeNavigation, useSheetDismissDrag, detectTargetType, parseEmailUrl, parseSlideFromUrl, ACTION_VERB_MAP } from './chunk-YISXETNN.mjs';
-import { MIN_ELEMENT_SIZE, DEFAULT_STROKE_COLOR, getConnectorPathGeometry, buildLineShadowCss, buildLineGlowFilter, renderConnectorMarker, getShapeVisualStyle, getTextStyleForElement, DEFAULT_TEXT_COLOR, renderVectorShape, isConnectorOrLineElement, build3DExtrusionData, getImageRenderStyle, cn, getTextLayoutStyle, renderTableElement, renderMediaElement, shouldRenderFallbackLabel, SHAPE_PRESETS, ANIMATION_PRESET_OPTIONS, DEFAULT_FILL_COLOR, hasDagDuotoneEffect, renderDagDuotoneSvgFilter, getCropShapeClipPath, getImageTilingStyle, getDuotoneColors, getTextWarpStyle, renderTextSegments, buildReactChartViewModel, renderChartElement, buildTextBody3DSceneStyle, SLIDE_NAV_THUMBNAIL_WIDTH, DEFAULT_TEXT_FONT_SIZE, DEFAULT_FONT_FAMILY, TOOLBAR_SECTIONS, DEFAULT_SECTION_GROUP_ID, SHORTCUT_REFERENCE_ITEMS as SHORTCUT_REFERENCE_ITEMS$1, HYPERLINK_COLOR, GRID_SIZE, CONNECTOR_ARROW_OPTIONS, ARROW_SIZE_OPTIONS, startMotionPathPreview, startPreviewAnimation, stopPreviewAnimation, THEME_COLOR_SWATCHES, STROKE_DASH_OPTIONS } from './chunk-QG7TXWXP.mjs';
-import { LOCALE_CATALOG, translationsEn } from './chunk-L5MNLIQF.mjs';
-import { hasShapeProperties, normalizeHexColor, colorWithOpacity, normalizeStrokeDashType, getSvgStrokeDasharray, getCompoundLineOffsets, getCompoundLineWidths, svgLineCap, hasTextProperties, getElementTransform, getAriaRoleDescription, getAriaLabel, getAriaRole, resolveElementInteractivity, isEditableTextElement, isElementRendered, isElementActionable, getImageEffectsOpacity, getImageEffectsFilter, inlineElementPointerEvents, isHollowShapeElement, LINK_TOOLTIP_HOST_CLASS, ACTION_BUTTON_PRESETS, mediaTransportVisible, isInkElement, getGroupChildParentFill, getElementLabel, SWITCHABLE_LAYOUT_TYPES, DEFAULT_VIEWER_OPTIONS, compileEquationTemplateMathMl, buildUserFontFaceStyles, readStoredViewerPrefs, resolveThemeCatalogEntry, THEME_CATALOG, writeStoredViewerPrefs, openPptxFile, readBackstageRecentFile, resolveAutosaveActivation, viewerOptionsToPreferences, applyPreferenceToOptions, listAutosaveSnapshots, deleteAutosaveSnapshot, resolveAutosaveIntervalMs, resolveAutosaveIntervalSeconds, shouldShowAutosaveRecoveryPrompt, paintedStrokeWidth, buildCssGradientFromShapeStyle, ensureActionAffordanceStyles, resolveElementActionAffordance, actionAffordanceLabels, getComputedEffectStyle, getSoftEdgeSvgFilter, buildStrokeOutline, buildHollowHitOutline, buildSubpathFillOverlay, isImageLikeElement, getComputedFillStyle, strokeOutlineViewBox, revealedSmartArtNodeCount, buildSmartArtA11y, computeSmartArtElementLayout, flattenNodes, buildSummaryZoomView, isImageTiled, getImageColorWashStyle, placeCaretAtEnd, getPendingSelectionRestore, restoreSegmentSelection, getTextCompensationTransform, resolveChartKind, ensureChartInteractionStyles, applyChartPartHighlight, applyChartBuildReveal, formatAxisValue, hasPressureVariation, getInkReplayStyles, INK_REPLAY_KEYFRAMES, resolveInkColor, resolveInkWidth, resolveInkOpacity, pressuresToWidths, getContentPartReplayStyles, resolveOleType, getOleTypeColor, getOleTypeLabel, filterRenderedElements, resolveGroupChildFill, isLinkedTextBox, getOverflowSegments, shouldUseSvgWarp, getTextBodyRotationTransform, RULER_THICKNESS, RULER_FONT_SIZE, buildPreviewElements, deriveSlideFieldContext, SLIDE_TRANSITION_OPTIONS, hiddenSlideCue, HIDDEN_SLIDE_SLASH_GRADIENT, HIDDEN_SLIDE_LABEL_KEY, themeToCssVars, applyMotionPathPreset, resetSlideLayoutPath, DEFAULT_INSERT_CHART_KIND, hasCopyableFormat, templateSchemeFromTheme, createBackstagePresentation, setMasterViewBackgroundColor, printPropertiesFrameSlides, printPropertiesSlidesPerPage, VIEWER_OPTIONS_TABS, DEFAULT_QUICK_ACCESS_COMMAND_IDS, buildJoinCollaborationConfig, buildCreateCollaborationConfig, generateBroadcastRoomId, DEFAULT_BROADCAST_SERVER_URL, buildBroadcastViewerUrl, resolveTransportForServerUrl, ACTION_INDICATOR_CLASS, ACTION_INDICATOR_ICON_PATH, LINK_TOOLTIP_CLASS, LINK_TOOLTIP_PANEL_CLASS, LINK_TOOLTIP_LABEL_CLASS, LINK_TOOLTIP_HINT_CLASS, DEFAULT_PALETTE2, resolvePalette, computeDrawingViewBox, projectDrawingShapes, styleShadowFilter, resolveDrawingShapeNodeId, buildChromeStyle, getImageSvgFilters, buildDuotoneCacheKey, getDuotoneCachedResult, applyDuotone, setDuotoneCachedResult, buildCacheKey, DEFAULT_COLOR_CHANGE_TOLERANCE, getCachedResult, applyColorChange, setCachedResult, findChartPartTarget, advanceChartValueDrag, beginChartValueDrag, buildSurfaceChart3DDataForElement, withChartTitle, buildSmartArt3DModel, extractPathPoints, generatePressureCircles, isBrowserOpenableMime, formatBytes, getOleBadgeLabel, openUrlInNewTab, getSubstituteFontFamily, getWarpPath, getSlideBackgroundStyle, filterCommands, resolveTitleBarStatusKey, TITLE_BAR_CLASSES, TITLE_BAR_DEFAULT_FILE_KEY, masterViewBackgroundColor, buildFieldSubstitutionContext, shouldConfirmExternalHyperlink, safeOpenUrl, isPpactionUrl, parsePpactionUrl, isPresentationAdvanceClick, toggleBlackboard, PRESENT_TOOLBAR_CLASSES, buildContextMenuEntries, themeColorSchemesEqual, EXPANDED_MAX_HEIGHT, STATUS_BAR_CLASSES, buildBarActions, formatVersionTimestamp, formatRelativeTime, scanAvailableFontFamilies, PRESETS, CATEGORIES, convertOmmlToLatex, compileLatexEquation, convertLatexToOmml, EQUATION_TEMPLATES, clampPercent, 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, centeredSvgTextLines, computeInlineEditorRect, findSmartArtNodeText, setSmartArtNodeStyle, rebuildDrawingShapesIfCleared, shouldCommitSmartArtNodeText, updateSmartArtNodeText, groupIntoParagraphs, substituteFieldText, extraQuickAccessCommands, TAB_ROW_ACTION_CLASSES, listBackstageRecentFiles, BACKSTAGE_NAV, INSERT_CHART_TYPES, CHARACTER_SPACING_OPTIONS, RIBBON_SHAPE_SWATCHES, shapeFillChange, shapeOutlineChange, readRibbonTransitionDraft, ribbonTransitionUpdates, playSlideTransitionPreview, RIBBON_TRANSITION_PRESETS, DEFAULT_MOTION_PATH_PRESET_ID, SLIDE_SHOW_OPTIONS, slideShowOptionChange, readSlideShowOption, SLIDE_VIRTUALIZATION_THRESHOLD, PRESENTATION_HIT_TEST_CSS, PRESENTATION_STAGE_ATTRIBUTE, getSlideTransitionAnimations, MORPH_CROSSFADE_GROUP_STYLE, MORPH_CROSSFADE_HALF_STYLE, SLIDE_TRANSITION_KEYFRAMES, annotationOverlayZIndex, presentationInkPath, resolveNotesSchematicBodyFontSizePx, motionPathFor, setMotionPath, getShapeAdjustmentHandleDescriptors, PRESENTER_NAVIGATOR_LABEL_KEYS, PEN_COLORS, HIGHLIGHTER_COLORS, isBlackboardActive, slideSizeToCanvasPx, resolveSelectionPaneRename, PRESET_THEMES, resolveNotesSegments, segmentsToEditorHtml, DEBOUNCE_MS, createPlainNotesSegments, parseSegmentsFromRichEditor, segmentsToPlainText, getCurrentParagraphIndex, segmentsToParagraphs, paragraphsToSegments, MAX_INDENT_LEVEL, INDENT_PX, isUrlSafe, buildNotesPrintHtml, toggleSheet, 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, backstageCardsFor, DEFAULT_VIEWER_PROFILE, resolveProfileInitial, AVATAR_COLOR_SWATCHES, resolveDefaultFontFamily, buildFontCatalog, ENTRANCE_PRESET_VALUES, EMPHASIS_PRESET_VALUES, EXIT_PRESET_VALUES, MOTION_PATH_FAMILIES, motionPathFamilyLabelKey, motionPathPresetsByFamily, motionPathPresetLabelKey, masterViewPseudoSlide, authorConnectorBetweenSites, generateTicks, rulerDragToGuidePosition, getElementTransformWithoutRotation, buildCommentMarkers, COMMENT_MARKER_SIZE, collectConnectorSiteCandidates, getConnectorEndpointHandles, findConnectorSiteNear, motionPathToSvgD, motionPathEndPixel, isEditableMotionPath, setMotionPathEnd, themeColorLabel, buildThemeColorGrid, THEME_COLOR_SCHEME_KEYS, COMMON_FONTS, buildSmartArtPresetData, handleReadingViewKey, getLocalStorageUsageSummary, saveViewerProfile, clearAllLocalViewerData, isCurrentLayout, SLIDE_TEMPLATES, CONNECTOR_SITE_SNAP_PX, resolveConnectorEndpointUpdate, withConnectorEndpointUpdate, getShapeConnectionSites, isElementLocked, mergeSlideTransition, mapSlideSorterKey, isEditorTextInputTarget, clampSorterZoom, buildLayoutPreviewGeometry, buildSlideTemplateContent, elementLockTogglePatch, buildTableDataGrid, appendTableElementRow, removeLastTableElementRow, appendTableElementColumn, removeLastTableElementColumn, removeTableElementColumn, removeTableElementRow, setTableElementCellText, TABLE_STYLE_PRESETS, applyTableStylePreset, evenColumnWidths, redistributeColumnWidth, evenRowHeights, patchChartData, setChartCategoryLabel, setChartCellValue, addChartCategory, removeChartCategory, addChartSeries, removeChartSeries, setChartAxisLogScale, setChartAxisTitleStyle, setChartAxisGridlineStyle, setChartSeriesMarker, setChartSeriesChartType, setChartDataPointFill, setChartDataPointExplosion, setChartDataPointMarker, setChartDataPointLabel, describeSmartArtBounds, canAddTopLevelNode, classifyExtraConnections, siblingIndex, siblingCount, canRemoveTopLevelNode, getOleObjectTypeLabel, sanitizeGradientStops, pptxActionToElementAction, withFrameSlides, withSlidesPerPage, applyThemeOverrideToSlide, COLOR_MAP_ALIAS_KEYS, DEFAULT_COLOR_MAP, schemaLabel, THEME_COLOR_SLOT_LABEL_KEYS, resolveSlideSizeSelection, SLIDE_SIZE_PRESETS, TRANSITION_VALID_DIRECTIONS, TRANSITION_ORIENTATION_TYPES, clampTransitionNumber, flattenTagCollections, resolveTemplateBackgroundRows, formatCommentTimestamp, clearMotionPath, DIRECTIONAL_PRESETS, buildAnimationTimelineBars, motionPathPresetIdForPath, computeMergeCellRight, computeMergeCellDown, computeSplitCell, CHART_TYPE_OPTIONS, SMARTART_COLOR_SCHEME_LABEL_KEYS, SMARTART_STYLE_LABEL_KEYS, addSmartArtNodeAsChild, removeSmartArtNode, addSiblingAfter, removeEmptyNode, demote, promote, reorder, clampCropValue, DUOTONE_PRESETS, ARTISTIC_EFFECTS, resolveActionType, ELEMENT_ACTION_TYPE_OPTIONS, toSlideIndex, elementActionToPptxAction, canCommitActionType, slideSizeFromPreset, withSlideSizeOrientation, TRANSITION_DIR_ARROWS, buildDirectionGrid, updateTagInCollections, deleteTagFromCollections, addTagToCollections, commentTextSegments, COMMENT_MENTION_CLASS, COMMENT_MENTION_ATTRIBUTE, reorderAnimationTo, animationEffectLabel, LBL, SEL, FILL_MODE_OPTIONS, SECTION_HEADING, NUM, switchSmartArtLayout, SHAPE_QUICK_STYLES, quickStyleSwatchCss, getPatternSvg, TEXT_WARP_PRESETS, warpPreviewPath, text3dPtToEmu, text3dEmuToPt, MATERIAL_PRESETS, GRADIENT_TYPE_OPTIONS, PATTERN_OPTIONS, FILL_PATTERN_LABEL_KEYS, openNativeEyeDropper, toggleText3dExtrusion, BEVEL_PRESETS } from './chunk-M2TISD4A.mjs';
-import React15, { createContext, useMemo, useState, useCallback, lazy, forwardRef, useEffect, useRef, Suspense, useLayoutEffect, useContext, Fragment as Fragment$1, useDeferredValue } from 'react';
+import { computeFocusTargets, aiChangeAnimationCss, changeGhostStyle, createChatHistoryStore, toRenderableParts } from './chunk-PQNZCSB7.mjs';
+import { useReducedMotion, useViewerState, useViewerOptions, useIsMobile, useResizablePanels, useDerivedSlideState, useZoomViewport, useEditorHistory, usePresentationSetup, useTouchGestures, useViewerDialogs, useEditorOperations, useViewerIntegration, useLayoutSwitching, useYjsDocumentSync, useCollaborationLivePatch, useFollowMode, useBroadcastFollower, scopeLayoutOptionsToActiveSlide, useToolbarVisibility, useKeyboardInsets, useModalDismissDrag, useCollaborativeState, useVirtualizedSlides, useSwipeNavigation, useSheetDismissDrag, detectTargetType, parseEmailUrl, parseSlideFromUrl, ACTION_VERB_MAP } from './chunk-VMLKJDA5.mjs';
+import { MIN_ELEMENT_SIZE, DEFAULT_STROKE_COLOR, getConnectorPathGeometry, buildLineShadowCss, buildLineGlowFilter, renderConnectorMarker, getShapeVisualStyle, getTextStyleForElement, DEFAULT_TEXT_COLOR, renderVectorShape, isConnectorOrLineElement, build3DExtrusionData, getImageRenderStyle, cn, getTextLayoutStyle, renderTableElement, renderMediaElement, shouldRenderFallbackLabel, SHAPE_PRESETS, ANIMATION_PRESET_OPTIONS, DEFAULT_FILL_COLOR, hasDagDuotoneEffect, renderDagDuotoneSvgFilter, getCropShapeClipPath, getImageTilingStyle, getDuotoneColors, getTextWarpStyle, renderTextSegments, buildReactChartViewModel, renderChartElement, buildTextBody3DSceneStyle, SLIDE_NAV_THUMBNAIL_WIDTH, DEFAULT_TEXT_FONT_SIZE, DEFAULT_FONT_FAMILY, TOOLBAR_SECTIONS, DEFAULT_SECTION_GROUP_ID, SHORTCUT_REFERENCE_ITEMS as SHORTCUT_REFERENCE_ITEMS$1, HYPERLINK_COLOR, GRID_SIZE, CONNECTOR_ARROW_OPTIONS, ARROW_SIZE_OPTIONS, startMotionPathPreview, startPreviewAnimation, stopPreviewAnimation, THEME_COLOR_SWATCHES, STROKE_DASH_OPTIONS } from './chunk-SNWAM2XJ.mjs';
+import { LOCALE_CATALOG, translationsEn } from './chunk-MKPSUHUH.mjs';
+import { hasShapeProperties, normalizeHexColor, colorWithOpacity, normalizeStrokeDashType, getSvgStrokeDasharray, getCompoundLineOffsets, getCompoundLineWidths, svgLineCap, hasTextProperties, getElementTransform, getAriaRoleDescription, getAriaLabel, getAriaRole, resolveElementInteractivity, isEditableTextElement, isElementRendered, isElementActionable, getImageEffectsOpacity, getImageEffectsFilter, inlineElementPointerEvents, isHollowShapeElement, LINK_TOOLTIP_HOST_CLASS, ACTION_BUTTON_PRESETS, mediaTransportVisible, isInkElement, getGroupChildParentFill, getElementLabel, SWITCHABLE_LAYOUT_TYPES, DEFAULT_VIEWER_OPTIONS, compileEquationTemplateMathMl, buildUserFontFaceStyles, readStoredViewerPrefs, resolveThemeCatalogEntry, THEME_CATALOG, writeStoredViewerPrefs, openPptxFile, readBackstageRecentFile, resolveAutosaveActivation, viewerOptionsToPreferences, applyPreferenceToOptions, listAutosaveSnapshots, deleteAutosaveSnapshot, resolveAutosaveIntervalMs, resolveAutosaveIntervalSeconds, shouldShowAutosaveRecoveryPrompt, paintedStrokeWidth, buildCssGradientFromShapeStyle, ensureActionAffordanceStyles, resolveElementActionAffordance, actionAffordanceLabels, getComputedEffectStyle, getSoftEdgeSvgFilter, buildStrokeOutline, buildHollowHitOutline, buildSubpathFillOverlay, isImageLikeElement, getComputedFillStyle, strokeOutlineViewBox, revealedSmartArtNodeCount, buildSmartArtA11y, computeSmartArtElementLayout, flattenNodes, buildSummaryZoomView, isImageTiled, getImageColorWashStyle, placeCaretAtEnd, getPendingSelectionRestore, restoreSegmentSelection, getTextCompensationTransform, resolveChartKind, ensureChartInteractionStyles, applyChartPartHighlight, applyChartBuildReveal, formatAxisValue, hasPressureVariation, getInkReplayStyles, INK_REPLAY_KEYFRAMES, resolveInkColor, resolveInkWidth, resolveInkOpacity, pressuresToWidths, getContentPartReplayStyles, resolveOleType, getOleAriaLabel, getOleTypeColor, getOleTypeLabel, filterRenderedElements, resolveGroupChildFill, isLinkedTextBox, getOverflowSegments, shouldUseSvgWarp, getTextBodyRotationTransform, RULER_THICKNESS, RULER_FONT_SIZE, buildPreviewElements, deriveSlideFieldContext, SLIDE_TRANSITION_OPTIONS, hiddenSlideCue, HIDDEN_SLIDE_SLASH_GRADIENT, HIDDEN_SLIDE_LABEL_KEY, themeToCssVars, applyMotionPathPreset, resetSlideLayoutPath, DEFAULT_INSERT_CHART_KIND, hasCopyableFormat, templateSchemeFromTheme, createBackstagePresentation, setMasterViewBackgroundColor, printPropertiesFrameSlides, printPropertiesSlidesPerPage, VIEWER_OPTIONS_TABS, DEFAULT_QUICK_ACCESS_COMMAND_IDS, buildJoinCollaborationConfig, buildCreateCollaborationConfig, generateBroadcastRoomId, DEFAULT_BROADCAST_SERVER_URL, buildBroadcastViewerUrl, resolveTransportForServerUrl, ACTION_INDICATOR_CLASS, ACTION_INDICATOR_ICON_PATH, LINK_TOOLTIP_CLASS, LINK_TOOLTIP_PANEL_CLASS, LINK_TOOLTIP_LABEL_CLASS, LINK_TOOLTIP_HINT_CLASS, DEFAULT_PALETTE2, resolvePalette, computeDrawingViewBox, projectDrawingShapes, styleShadowFilter, resolveDrawingShapeNodeId, buildChromeStyle, getImageSvgFilters, buildDuotoneCacheKey, getDuotoneCachedResult, applyDuotone, setDuotoneCachedResult, buildCacheKey, DEFAULT_COLOR_CHANGE_TOLERANCE, getCachedResult, applyColorChange, setCachedResult, findChartPartTarget, advanceChartValueDrag, beginChartValueDrag, buildSurfaceChart3DDataForElement, buildBarChart3DDataForElement, buildLineChart3DDataForElement, buildAreaChart3DDataForElement, buildPieChart3DDataForElement, withChartTitle, buildSmartArt3DModel, extractPathPoints, generatePressureCircles, generateNibMarks, isBrowserOpenableMime, formatBytes, getOleDisplayName, getOleBadgeLabel, openUrlInNewTab, getSubstituteFontFamily, getWarpPath, getSlideBackgroundStyle, filterCommands, resolveTitleBarStatusKey, TITLE_BAR_CLASSES, TITLE_BAR_DEFAULT_FILE_KEY, masterViewBackgroundColor, buildFieldSubstitutionContext, shouldConfirmExternalHyperlink, safeOpenUrl, isPpactionUrl, parsePpactionUrl, isPresentationAdvanceClick, toggleBlackboard, PRESENT_TOOLBAR_CLASSES, buildContextMenuEntries, themeColorSchemesEqual, EXPANDED_MAX_HEIGHT, STATUS_BAR_CLASSES, buildBarActions, formatVersionTimestamp, formatRelativeTime, scanAvailableFontFamilies, PRESETS, CATEGORIES, convertOmmlToLatex, compileLatexEquation, convertLatexToOmml, EQUATION_TEMPLATES, clampPercent, 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, centeredSvgTextLines, computeInlineEditorRect, findSmartArtNodeText, setSmartArtNodeStyle, rebuildDrawingShapesIfCleared, shouldCommitSmartArtNodeText, updateSmartArtNodeText, groupIntoParagraphs, substituteFieldText, extraQuickAccessCommands, TAB_ROW_ACTION_CLASSES, listBackstageRecentFiles, BACKSTAGE_NAV, INSERT_CHART_TYPES, CHARACTER_SPACING_OPTIONS, RIBBON_SHAPE_SWATCHES, shapeFillChange, shapeOutlineChange, readRibbonTransitionDraft, ribbonTransitionUpdates, readSoundFileAsDataUrl, applyTransitionSoundFile, playSlideTransitionPreview, RIBBON_TRANSITION_PRESETS, transitionSoundOptions, transitionSoundSelectedValue, DEFAULT_MOTION_PATH_PRESET_ID, SLIDE_SHOW_OPTIONS, slideShowOptionChange, readSlideShowOption, SLIDE_VIRTUALIZATION_THRESHOLD, PRESENTATION_HIT_TEST_CSS, PRESENTATION_STAGE_ATTRIBUTE, getSlideTransitionAnimations, MORPH_CROSSFADE_GROUP_STYLE, MORPH_CROSSFADE_HALF_STYLE, SLIDE_TRANSITION_KEYFRAMES, annotationOverlayZIndex, presentationInkPath, resolveNotesSchematicBodyFontSizePx, motionPathFor, setMotionPath, getShapeAdjustmentHandleDescriptors, PRESENTER_NAVIGATOR_LABEL_KEYS, PEN_COLORS, HIGHLIGHTER_COLORS, isBlackboardActive, slideSizeToCanvasPx, resolveSelectionPaneRename, PRESET_THEMES, resolveNotesSegments, segmentsToEditorHtml, DEBOUNCE_MS, createPlainNotesSegments, parseSegmentsFromRichEditor, segmentsToPlainText, getCurrentParagraphIndex, segmentsToParagraphs, paragraphsToSegments, MAX_INDENT_LEVEL, INDENT_PX, isUrlSafe, buildNotesPrintHtml, toggleSheet, 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, backstageCardsFor, DEFAULT_VIEWER_PROFILE, resolveProfileInitial, AVATAR_COLOR_SWATCHES, resolveDefaultFontFamily, buildFontCatalog, TRANSITION_SOUND_OTHER_VALUE, TRANSITION_SOUND_NONE_VALUE, clearTransitionSound, ENTRANCE_PRESET_VALUES, EMPHASIS_PRESET_VALUES, EXIT_PRESET_VALUES, MOTION_PATH_FAMILIES, motionPathFamilyLabelKey, motionPathPresetsByFamily, motionPathPresetLabelKey, masterViewPseudoSlide, authorConnectorBetweenSites, findEraserHitElementId, generateTicks, rulerDragToGuidePosition, getElementTransformWithoutRotation, buildCommentMarkers, COMMENT_MARKER_SIZE, collectConnectorSiteCandidates, getConnectorEndpointHandles, findConnectorSiteNear, motionPathToSvgD, motionPathEndPixel, isEditableMotionPath, setMotionPathEnd, themeColorLabel, buildThemeColorGrid, THEME_COLOR_SCHEME_KEYS, COMMON_FONTS, buildSmartArtPresetData, handleReadingViewKey, getLocalStorageUsageSummary, saveViewerProfile, clearAllLocalViewerData, isCurrentLayout, SLIDE_TEMPLATES, computeAnchoredPopupPosition, CONNECTOR_SITE_SNAP_PX, resolveConnectorEndpointUpdate, withConnectorEndpointUpdate, getShapeConnectionSites, isElementLocked, mergeSlideTransition, mapSlideSorterKey, isEditorTextInputTarget, clampSorterZoom, buildLayoutPreviewGeometry, buildSlideTemplateContent, elementLockTogglePatch, buildTableDataGrid, appendTableElementRow, removeLastTableElementRow, appendTableElementColumn, removeLastTableElementColumn, removeTableElementColumn, removeTableElementRow, setTableElementCellText, TABLE_STYLE_PRESETS, applyTableStylePreset, evenColumnWidths, redistributeColumnWidth, evenRowHeights, patchChartData, setChartCategoryLabel, setChartCellValue, addChartCategory, removeChartCategory, addChartSeries, removeChartSeries, setChartAxisLogScale, setChartAxisTitleStyle, setChartAxisGridlineStyle, setChartSeriesMarker, setChartSeriesChartType, setChartDataPointFill, setChartDataPointExplosion, setChartDataPointMarker, setChartDataPointLabel, describeSmartArtBounds, canAddTopLevelNode, classifyExtraConnections, siblingIndex, siblingCount, canRemoveTopLevelNode, buildOleObjectNamePatch, getOleObjectTypeLabel, sanitizeGradientStops, pptxActionToElementAction, withFrameSlides, withSlidesPerPage, applyThemeOverrideToSlide, COLOR_MAP_ALIAS_KEYS, DEFAULT_COLOR_MAP, schemaLabel, THEME_COLOR_SLOT_LABEL_KEYS, resolveSlideSizeSelection, SLIDE_SIZE_PRESETS, TRANSITION_VALID_DIRECTIONS, TRANSITION_ORIENTATION_TYPES, clampTransitionNumber, TRANSITION_SPEED_OPTIONS, TRANSITION_MORPH_OPTIONS, flattenTagCollections, resolveTemplateBackgroundRows, formatCommentTimestamp, buildAnimationTimelineRows, clearMotionPath, getEffectSoundState, setEffectSound, setAfterAnimation, setAfterAnimationColor, DIRECTIONAL_PRESETS, buildAnimationTimelineBars, motionPathPresetIdForPath, computeMergeCellRight, computeMergeCellDown, computeSplitCell, CHART_TYPE_OPTIONS, SMARTART_COLOR_SCHEME_LABEL_KEYS, SMARTART_STYLE_LABEL_KEYS, addSmartArtNodeAsChild, removeSmartArtNode, addSiblingAfter, removeEmptyNode, demote, promote, reorder, clampCropValue, DUOTONE_PRESETS, ARTISTIC_EFFECTS, resolveActionType, ELEMENT_ACTION_TYPE_OPTIONS, toSlideIndex, elementActionToPptxAction, canCommitActionType, slideSizeFromPreset, withSlideSizeOrientation, TRANSITION_DIR_ARROWS, buildDirectionGrid, updateTagInCollections, deleteTagFromCollections, addTagToCollections, commentTextSegments, COMMENT_MENTION_CLASS, COMMENT_MENTION_ATTRIBUTE, reorderAnimationTimelineRows, applyAnimationTimelineOrder, animationEffectLabel, LBL, SEL, FILL_MODE_OPTIONS, SECTION_HEADING, NUM, switchSmartArtLayout, SHAPE_QUICK_STYLES, quickStyleSwatchCss, getPatternSvg, TEXT_WARP_PRESETS, warpPreviewPath, text3dPtToEmu, text3dEmuToPt, MATERIAL_PRESETS, GRADIENT_TYPE_OPTIONS, PATTERN_OPTIONS, FILL_PATTERN_LABEL_KEYS, openNativeEyeDropper, toggleText3dExtrusion, BEVEL_PRESETS } from './chunk-BP2L2KOZ.mjs';
+import React19, { createContext, useMemo, useState, useCallback, lazy, forwardRef, useEffect, useRef, Suspense, useLayoutEffect, useContext, Fragment as Fragment$1, useDeferredValue } from 'react';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import { useTranslation } from 'react-i18next';
 import { LuRotateCw, LuMessageSquare, LuEyeOff, LuHistory, LuTrash2, LuSettings, LuX, LuCalendarDays, LuHash, LuText, LuCast, LuSave, LuUndo, LuRedo, LuSearch, LuShieldCheck, LuPlus, LuPanelLeftClose, LuStickyNote, LuMonitor, LuColumns2, LuPresentation, LuMinus, LuSettings2, LuLayers, LuClock, LuDownload, LuCheck, LuLock, LuEye, LuFileText, 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, LuArrowLeft, LuFolderOpen, LuClipboardPaste, LuScissors, LuPaintbrush, LuSquare, LuImage, LuVideo, LuDatabase, LuAArrowUp, LuAArrowDown, LuRemoveFormatting, LuHighlighter, LuList, LuListOrdered, LuIndentDecrease, LuIndentIncrease, LuReplace, LuMousePointer2, LuShapes, LuPaintBucket, LuPenLine, LuPalette, LuPencil, LuStar, LuMoveRight, LuMousePointerClick, LuClock3, LuMonitorPlay, LuListVideo, LuCaptions, LuCamera, LuEraser, LuRotateCcw, LuCircleHelp, LuBookOpen, LuLanguages, LuGlobe, LuGitCompare, LuMessageSquarePlus, LuLockKeyhole, LuPanelTop, LuLayoutGrid, LuGrid3X3, LuPipette, LuRuler, LuMaximize2, LuCode, LuCaseSensitive, LuTimer, LuGripVertical, LuLoaderCircle, LuBold, LuItalic, LuUnderline, LuStrikethrough, LuLink, LuGrid2X2, LuCopyPlus, LuScan, LuMonitorOff, LuCirclePlay, LuCirclePause, LuArrowLeftRight, LuClipboardCopy, LuWand, LuTextCursorInput, LuFile, LuEllipsis, LuUserRound, LuFilePlus2, LuHouse, LuPackage, LuFileJson, LuBox, LuFileImage, LuUser, LuHardDrive, LuLogIn, LuLayoutTemplate, LuFolderPlus, LuAlignLeft, LuAlignCenter, LuAlignRight, LuAlignJustify, LuColumns3, LuSpline, LuAlignHorizontalSpaceAround, LuAlignVerticalSpaceAround, LuGroup, LuUngroup, LuMove, LuRadio, LuLockOpen, LuArrowDown, LuArrowUp, LuArrowRight, LuReply, LuBookmark } from 'react-icons/lu';
@@ -478,20 +478,244 @@ function ChartPartSelectionProvider({
 function useChartPartSelection() {
   return useContext(ChartPartSelectionContext);
 }
-var SurfaceChart3DContext = createContext(false);
+var AreaChart3DContext = createContext(false);
 function FailedToLoad() {
   return null;
 }
-var LazySurfaceChart3DScene = React15.lazy(
+var LazyArea3DChartScene = React19.lazy(
   async () => {
     try {
-      return await import('./SurfaceChart3DScene-N66TY4SW.mjs');
+      return await import('./Area3DChartScene-W6UZTRDP.mjs');
     } catch {
       return { default: FailedToLoad };
     }
   }
 );
-var SceneErrorBoundary = class extends React15.Component {
+var SceneErrorBoundary = class extends React19.Component {
+  constructor(props) {
+    super(props);
+    this.state = { hasError: false };
+  }
+  static getDerivedStateFromError() {
+    return { hasError: true };
+  }
+  render() {
+    return this.state.hasError ? this.props.fallback : this.props.children;
+  }
+};
+function Area3DChartRenderer({ element }) {
+  const [threeAvailable, setThreeAvailable] = useState(null);
+  useEffect(() => {
+    let cancelled = false;
+    import('./three.module-AC7ESV4W.mjs').then(() => {
+      if (!cancelled) {
+        setThreeAvailable(true);
+      }
+      return void 0;
+    }).catch(() => {
+      if (!cancelled) {
+        setThreeAvailable(false);
+      }
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, []);
+  const options = useMemo(
+    () => buildAreaChart3DDataForElement(element, { width: element.width, height: element.height }),
+    [element]
+  );
+  const svgFallback = /* @__PURE__ */ jsx(Fragment, { children: renderChartElement(element) });
+  if (!options || threeAvailable === false) {
+    return svgFallback;
+  }
+  if (threeAvailable === null) {
+    return svgFallback;
+  }
+  return /* @__PURE__ */ jsx(SceneErrorBoundary, { fallback: svgFallback, children: /* @__PURE__ */ jsx(Suspense, { fallback: svgFallback, children: /* @__PURE__ */ jsx(LazyArea3DChartScene, { options }) }) });
+}
+var BarChart3DContext = createContext(false);
+function FailedToLoad2() {
+  return null;
+}
+var LazyBar3DChartScene = React19.lazy(
+  async () => {
+    try {
+      return await import('./Bar3DChartScene-FCWQEQLH.mjs');
+    } catch {
+      return { default: FailedToLoad2 };
+    }
+  }
+);
+var SceneErrorBoundary2 = class extends React19.Component {
+  constructor(props) {
+    super(props);
+    this.state = { hasError: false };
+  }
+  static getDerivedStateFromError() {
+    return { hasError: true };
+  }
+  render() {
+    return this.state.hasError ? this.props.fallback : this.props.children;
+  }
+};
+function Bar3DChartRenderer({ element }) {
+  const [threeAvailable, setThreeAvailable] = useState(null);
+  useEffect(() => {
+    let cancelled = false;
+    import('./three.module-AC7ESV4W.mjs').then(() => {
+      if (!cancelled) {
+        setThreeAvailable(true);
+      }
+      return void 0;
+    }).catch(() => {
+      if (!cancelled) {
+        setThreeAvailable(false);
+      }
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, []);
+  const options = useMemo(
+    () => buildBarChart3DDataForElement(element, { width: element.width, height: element.height }),
+    [element]
+  );
+  const svgFallback = /* @__PURE__ */ jsx(Fragment, { children: renderChartElement(element) });
+  if (!options || threeAvailable === false) {
+    return svgFallback;
+  }
+  if (threeAvailable === null) {
+    return svgFallback;
+  }
+  return /* @__PURE__ */ jsx(SceneErrorBoundary2, { fallback: svgFallback, children: /* @__PURE__ */ jsx(Suspense, { fallback: svgFallback, children: /* @__PURE__ */ jsx(LazyBar3DChartScene, { options }) }) });
+}
+var LineChart3DContext = createContext(false);
+function FailedToLoad3() {
+  return null;
+}
+var LazyLine3DChartScene = React19.lazy(
+  async () => {
+    try {
+      return await import('./Line3DChartScene-EPPWQOHS.mjs');
+    } catch {
+      return { default: FailedToLoad3 };
+    }
+  }
+);
+var SceneErrorBoundary3 = class extends React19.Component {
+  constructor(props) {
+    super(props);
+    this.state = { hasError: false };
+  }
+  static getDerivedStateFromError() {
+    return { hasError: true };
+  }
+  render() {
+    return this.state.hasError ? this.props.fallback : this.props.children;
+  }
+};
+function Line3DChartRenderer({ element }) {
+  const [threeAvailable, setThreeAvailable] = useState(null);
+  useEffect(() => {
+    let cancelled = false;
+    import('./three.module-AC7ESV4W.mjs').then(() => {
+      if (!cancelled) {
+        setThreeAvailable(true);
+      }
+      return void 0;
+    }).catch(() => {
+      if (!cancelled) {
+        setThreeAvailable(false);
+      }
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, []);
+  const options = useMemo(
+    () => buildLineChart3DDataForElement(element, { width: element.width, height: element.height }),
+    [element]
+  );
+  const svgFallback = /* @__PURE__ */ jsx(Fragment, { children: renderChartElement(element) });
+  if (!options || threeAvailable === false) {
+    return svgFallback;
+  }
+  if (threeAvailable === null) {
+    return svgFallback;
+  }
+  return /* @__PURE__ */ jsx(SceneErrorBoundary3, { fallback: svgFallback, children: /* @__PURE__ */ jsx(Suspense, { fallback: svgFallback, children: /* @__PURE__ */ jsx(LazyLine3DChartScene, { options }) }) });
+}
+var PieChart3DContext = createContext(false);
+function FailedToLoad4() {
+  return null;
+}
+var LazyPieChart3DScene = React19.lazy(
+  async () => {
+    try {
+      return await import('./PieChart3DScene-ZP5TSL62.mjs');
+    } catch {
+      return { default: FailedToLoad4 };
+    }
+  }
+);
+var SceneErrorBoundary4 = class extends React19.Component {
+  constructor(props) {
+    super(props);
+    this.state = { hasError: false };
+  }
+  static getDerivedStateFromError() {
+    return { hasError: true };
+  }
+  render() {
+    return this.state.hasError ? this.props.fallback : this.props.children;
+  }
+};
+function PieChart3DRenderer({ element }) {
+  const [threeAvailable, setThreeAvailable] = useState(null);
+  useEffect(() => {
+    let cancelled = false;
+    import('./three.module-AC7ESV4W.mjs').then(() => {
+      if (!cancelled) {
+        setThreeAvailable(true);
+      }
+      return void 0;
+    }).catch(() => {
+      if (!cancelled) {
+        setThreeAvailable(false);
+      }
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, []);
+  const options = useMemo(
+    () => buildPieChart3DDataForElement(element, { width: element.width, height: element.height }),
+    [element]
+  );
+  const svgFallback = /* @__PURE__ */ jsx(Fragment, { children: renderChartElement(element) });
+  if (!options || threeAvailable === false) {
+    return svgFallback;
+  }
+  if (threeAvailable === null) {
+    return svgFallback;
+  }
+  return /* @__PURE__ */ jsx(SceneErrorBoundary4, { fallback: svgFallback, children: /* @__PURE__ */ jsx(Suspense, { fallback: svgFallback, children: /* @__PURE__ */ jsx(LazyPieChart3DScene, { options }) }) });
+}
+var SurfaceChart3DContext = createContext(false);
+function FailedToLoad5() {
+  return null;
+}
+var LazySurfaceChart3DScene = React19.lazy(
+  async () => {
+    try {
+      return await import('./SurfaceChart3DScene-DOMJGPAD.mjs');
+    } catch {
+      return { default: FailedToLoad5 };
+    }
+  }
+);
+var SceneErrorBoundary5 = class extends React19.Component {
   constructor(props) {
     super(props);
     this.state = { hasError: false };
@@ -534,7 +758,7 @@ function SurfaceChart3DRenderer({
   if (threeAvailable === null) {
     return svgFallback;
   }
-  return /* @__PURE__ */ jsx(SceneErrorBoundary, { fallback: svgFallback, children: /* @__PURE__ */ jsx(Suspense, { fallback: svgFallback, children: /* @__PURE__ */ jsx(LazySurfaceChart3DScene, { options }) }) });
+  return /* @__PURE__ */ jsx(SceneErrorBoundary5, { fallback: svgFallback, children: /* @__PURE__ */ jsx(Suspense, { fallback: svgFallback, children: /* @__PURE__ */ jsx(LazySurfaceChart3DScene, { options }) }) });
 }
 function ChartElementView({
   element,
@@ -552,6 +776,14 @@ function ChartElementView({
   const canEdit = editable && Boolean(onUpdateElement);
   const use3D = useContext(SurfaceChart3DContext);
   const isSurfaceKind = resolveChartKind(element.chartData?.chartType ?? "bar") === "surface";
+  const use3DBar = useContext(BarChart3DContext);
+  const isBar3DKind = element.chartData?.chartType === "bar3D";
+  const use3DLine = useContext(LineChart3DContext);
+  const isLine3DKind = element.chartData?.chartType === "line3D";
+  const use3DArea = useContext(AreaChart3DContext);
+  const isArea3DKind = element.chartData?.chartType === "area3D";
+  const use3DPie = useContext(PieChart3DContext);
+  const isPie3DKind = element.chartData?.chartType === "pie3D";
   const viewModel = useMemo(
     () => canEdit ? buildReactChartViewModel(element) : null,
     [canEdit, element]
@@ -675,7 +907,7 @@ function ChartElementView({
       onPointerUp: handlePointerUp,
       onDoubleClick: handleDoubleClick,
       children: [
-        use3D && isSurfaceKind ? /* @__PURE__ */ jsx(SurfaceChart3DRenderer, { element: renderedElement }) : renderChartElement(renderedElement),
+        use3D && isSurfaceKind ? /* @__PURE__ */ jsx(SurfaceChart3DRenderer, { element: renderedElement }) : use3DBar && isBar3DKind ? /* @__PURE__ */ jsx(Bar3DChartRenderer, { element: renderedElement }) : use3DLine && isLine3DKind ? /* @__PURE__ */ jsx(Line3DChartRenderer, { element: renderedElement }) : use3DArea && isArea3DKind ? /* @__PURE__ */ jsx(Area3DChartRenderer, { element: renderedElement }) : use3DPie && isPie3DKind ? /* @__PURE__ */ jsx(PieChart3DRenderer, { element: renderedElement }) : renderChartElement(renderedElement),
         dragValue !== null && /* @__PURE__ */ jsx("div", { className: "absolute top-1 right-1 z-10 rounded bg-primary/90 px-1.5 py-0.5 text-[10px] font-medium text-white pointer-events-none", children: formatAxisValue(dragValue) }),
         titleDraft !== null && /* @__PURE__ */ jsx(
           "input",
@@ -1227,7 +1459,7 @@ function ResizeHandles({
     ))
   ] });
 }
-var ConnectorElementRenderer = React15.memo(
+var ConnectorElementRenderer = React19.memo(
   // oxlint-disable-next-line prefer-arrow-callback -- named fn gives the memo component its displayName
   function ConnectorElementRendererInner({
     el,
@@ -1597,7 +1829,7 @@ function shapeParams(element) {
   const hasFill = style?.fillColor !== void 0 && style.fillColor !== "transparent" || Boolean(buildCssGradientFromShapeStyle(style) || style?.fillGradient) || style?.fillMode === "pattern" && Boolean(style.fillPatternPreset);
   return { hf: hasFill, fc: fillColor, sw: strokeWidth, sc: strokeColor };
 }
-var Extrusion3DOverlay = React15.memo(
+var Extrusion3DOverlay = React19.memo(
   // oxlint-disable-next-line prefer-arrow-callback -- named fn gives the memo component its displayName
   function Extrusion3DOverlayInner({ data }) {
     if (!data.hasExtrusion || data.panels.length === 0) {
@@ -1816,7 +2048,7 @@ function ShapeEffectOverlay({
     ) : null
   ] });
 }
-var ElementRenderer = React15.memo(
+var ElementRenderer = React19.memo(
   // oxlint-disable-next-line prefer-arrow-callback -- named fn gives the memo component its displayName
   function ElementRendererInner({
     element: el,
@@ -2090,6 +2322,26 @@ function renderPressureStroke(pathD, widths, baseWidth, color, opacity, keyPrefi
   });
   return /* @__PURE__ */ jsx("g", { opacity, children: circles.map((c, j) => /* @__PURE__ */ jsx("circle", { cx: c.cx, cy: c.cy, r: c.r, fill: color }, `${keyPrefix}-pc-${j}`)) });
 }
+function renderNibMarkStroke(pathD, widths, tiltAngles, tiltMagnitudes, baseWidth, color, opacity, keyPrefix) {
+  const points = extractPathPoints(pathD);
+  const marks = generateNibMarks(points, widths, tiltAngles, tiltMagnitudes, {
+    baseWidth,
+    minRadius: 0.5,
+    maxRadius: baseWidth * 1.5
+  });
+  return /* @__PURE__ */ jsx("g", { opacity, children: marks.map((m, j) => /* @__PURE__ */ jsx(
+    "ellipse",
+    {
+      cx: m.cx,
+      cy: m.cy,
+      rx: m.rPerp,
+      ry: m.rTilt,
+      transform: `rotate(${m.rotationDeg} ${m.cx} ${m.cy})`,
+      fill: color
+    },
+    `${keyPrefix}-nib-${j}`
+  )) });
+}
 function renderInk(el, options) {
   const replay = options?.replay ?? false;
   Boolean(el.inkPointPressures) && el.inkPointPressures.length > 0;
@@ -2235,6 +2487,20 @@ function renderContentPart(el, options) {
         children: [
           replay && /* @__PURE__ */ jsx("style", { children: INK_REPLAY_KEYFRAMES }),
           el.inkStrokes.map((stroke, i) => {
+            if (stroke.tiltAngles && stroke.tiltAngles.length > 0) {
+              const magnitudes = stroke.tiltMagnitudes ?? stroke.tiltAngles.map(() => 0.5);
+              const widths = stroke.pressures && stroke.pressures.length > 1 && hasPressureVariation(stroke.pressures) ? pressuresToWidths(stroke.pressures, stroke.width) : [stroke.width];
+              return /* @__PURE__ */ jsx("g", { children: renderNibMarkStroke(
+                stroke.path,
+                widths,
+                stroke.tiltAngles,
+                magnitudes,
+                stroke.width,
+                stroke.color,
+                stroke.opacity,
+                `${el.id}-cp-ink-${i}`
+              ) }, `${el.id}-cp-ink-${i}`);
+            }
             if (pressureSensitive && stroke.pressures && stroke.pressures.length > 1 && hasPressureVariation(stroke.pressures)) {
               const pointWidths = pressuresToWidths(stroke.pressures, stroke.width);
               return /* @__PURE__ */ jsx("g", { children: renderPressureStroke(
@@ -2447,14 +2713,6 @@ function getOleIcon(type, color, size = 32) {
       return GenericOleIcon(color, size);
   }
 }
-function getOleAriaLabel(el) {
-  const oleType = resolveOleType(el);
-  const typeLabel = getOleTypeLabel(oleType);
-  if (el.fileName) {
-    return `${typeLabel}: ${el.fileName}`;
-  }
-  return typeLabel;
-}
 function renderOleBadge(oleType) {
   const color = getOleTypeColor(oleType);
   const shortLabel = getOleBadgeLabel(oleType);
@@ -2634,15 +2892,15 @@ function InlineTextEditor({
     }
   );
 }
-function FailedToLoad2() {
+function FailedToLoad6() {
   return null;
 }
-var LazyModel3DScene = React15.lazy(
+var LazyModel3DScene = React19.lazy(
   async () => {
     try {
-      return await import('./Model3DScene-A3652H7T.mjs');
+      return await import('./Model3DScene-IAY33GO2.mjs');
     } catch {
-      return { default: FailedToLoad2 };
+      return { default: FailedToLoad6 };
     }
   }
 );
@@ -2723,7 +2981,7 @@ function PosterFallback({
     }
   );
 }
-var Model3DErrorBoundary = class extends React15.Component {
+var Model3DErrorBoundary = class extends React19.Component {
   constructor(props) {
     super(props);
     this.state = { hasError: false };
@@ -2785,6 +3043,7 @@ function buildEmbedInfo(el) {
   const canDownload = Boolean(el.oleEmbeddedData);
   return {
     fileName: el.oleEmbeddedFileName ?? el.fileName,
+    displayName: getOleDisplayName(el),
     readableSize: formatBytes(el.oleEmbeddedByteSize),
     progId: el.oleProgId,
     typeLabel: getOleTypeLabel(resolveOleType(el)),
@@ -2793,7 +3052,7 @@ function buildEmbedInfo(el) {
   };
 }
 function buildTooltip(info) {
-  const parts = [info.fileName ?? info.typeLabel, info.typeLabel];
+  const parts = [info.displayName, info.typeLabel];
   if (info.readableSize) {
     parts.push(info.readableSize);
   }
@@ -2881,7 +3140,7 @@ function OleRenderer({ element: el }) {
   }
   const color = getOleTypeColor(oleType);
   const label = getOleTypeLabel(oleType);
-  const displayName = info.fileName ?? label;
+  const displayName = info.displayName;
   return /* @__PURE__ */ jsxs(
     "div",
     {
@@ -2928,10 +3187,10 @@ function SmartArtInlineNodeEditor({
   onCancel
 }) {
   const { t } = useTranslation();
-  const ref = React15.useRef(null);
-  const [value, setValue] = React15.useState(initialText);
-  const settled = React15.useRef(false);
-  React15.useEffect(() => {
+  const ref = React19.useRef(null);
+  const [value, setValue] = React19.useState(initialText);
+  const settled = React19.useRef(false);
+  React19.useEffect(() => {
     const el = ref.current;
     if (el) {
       el.focus();
@@ -3023,16 +3282,16 @@ function findNodeIdFromEvent(target) {
   return null;
 }
 function useSmartArtHoverState(containerRef) {
-  const [hoveredNodeId, setHoveredNodeId] = React15.useState(null);
-  const [hoveredNodeRect, setHoveredNodeRect] = React15.useState(null);
-  const hideTimeoutRef = React15.useRef(null);
-  const cancelPendingHide = React15.useCallback(() => {
+  const [hoveredNodeId, setHoveredNodeId] = React19.useState(null);
+  const [hoveredNodeRect, setHoveredNodeRect] = React19.useState(null);
+  const hideTimeoutRef = React19.useRef(null);
+  const cancelPendingHide = React19.useCallback(() => {
     if (hideTimeoutRef.current !== null) {
       window.clearTimeout(hideTimeoutRef.current);
       hideTimeoutRef.current = null;
     }
   }, []);
-  const handleMouseMove = React15.useCallback(
+  const handleMouseMove = React19.useCallback(
     (e, ignoreRef) => {
       const nodeEl = findNodeIdFromEvent(e.target);
       const container = containerRef.current;
@@ -3060,12 +3319,12 @@ function useSmartArtHoverState(containerRef) {
     },
     [containerRef, cancelPendingHide]
   );
-  const clearHover = React15.useCallback(() => {
+  const clearHover = React19.useCallback(() => {
     cancelPendingHide();
     setHoveredNodeId(null);
     setHoveredNodeRect(null);
   }, [cancelPendingHide]);
-  React15.useEffect(() => cancelPendingHide, [cancelPendingHide]);
+  React19.useEffect(() => cancelPendingHide, [cancelPendingHide]);
   return { hoveredNodeId, hoveredNodeRect, handleMouseMove, clearHover };
 }
 var EDITOR_PADDING = 4;
@@ -3080,11 +3339,11 @@ function SmartArtEditableLayer({
   onChangeNodeStyle,
   children
 }) {
-  const containerRef = React15.useRef(null);
-  const styleBarRef = React15.useRef(null);
-  const [edit, setEdit] = React15.useState(null);
+  const containerRef = React19.useRef(null);
+  const styleBarRef = React19.useRef(null);
+  const [edit, setEdit] = React19.useState(null);
   const { hoveredNodeId, hoveredNodeRect, handleMouseMove, clearHover } = useSmartArtHoverState(containerRef);
-  const openEditor = React15.useCallback(
+  const openEditor = React19.useCallback(
     (target) => {
       const nodeEl = findNodeIdFromEvent(target);
       const container = containerRef.current;
@@ -3667,20 +3926,20 @@ function arePropsEqual(prev, next) {
   }
   return true;
 }
-var SmartArtRenderer = React15.memo(SmartArtRendererImpl, arePropsEqual);
-function FailedToLoad3() {
+var SmartArtRenderer = React19.memo(SmartArtRendererImpl, arePropsEqual);
+function FailedToLoad7() {
   return null;
 }
-var LazySmartArt3DScene = React15.lazy(
+var LazySmartArt3DScene = React19.lazy(
   async () => {
     try {
       return await import('./SmartArt3DScene-XCFVGCXE.mjs');
     } catch {
-      return { default: FailedToLoad3 };
+      return { default: FailedToLoad7 };
     }
   }
 );
-var SceneErrorBoundary2 = class extends React15.Component {
+var SceneErrorBoundary6 = class extends React19.Component {
   constructor(props) {
     super(props);
     this.state = { hasError: false };
@@ -3746,7 +4005,7 @@ function SmartArt3DRenderer({
   if (threeAvailable === null) {
     return svgFallback;
   }
-  const sceneNode = /* @__PURE__ */ jsx(SceneErrorBoundary2, { fallback: svgFallback, children: /* @__PURE__ */ jsx(Suspense, { fallback: svgFallback, children: /* @__PURE__ */ jsx(
+  const sceneNode = /* @__PURE__ */ jsx(SceneErrorBoundary6, { fallback: svgFallback, children: /* @__PURE__ */ jsx(Suspense, { fallback: svgFallback, children: /* @__PURE__ */ jsx(
     LazySmartArt3DScene,
     {
       model,
@@ -4599,7 +4858,7 @@ function StaticElementRendererImpl({
     }
   );
 }
-var StaticElementRenderer = React15.memo(StaticElementRendererImpl);
+var StaticElementRenderer = React19.memo(StaticElementRendererImpl);
 StaticElementRenderer.displayName = "StaticElementRenderer";
 var PREVIEW_CANVAS_WIDTH = 1280;
 var PREVIEW_CANVAS_HEIGHT = 720;
@@ -5521,15 +5780,38 @@ function ArrangeSection(p) {
 function TransitionsSection(p) {
   const { t } = useTranslation();
   const canEdit = p.canEdit !== false;
-  const draft = React15.useMemo(() => readRibbonTransitionDraft(p.activeSlide), [p.activeSlide]);
-  const [durationBuffer, setDurationBuffer] = React15.useState(null);
-  const [advanceBuffer, setAdvanceBuffer] = React15.useState(null);
-  const commit = React15.useCallback(
+  const draft = React19.useMemo(() => readRibbonTransitionDraft(p.activeSlide), [p.activeSlide]);
+  const [durationBuffer, setDurationBuffer] = React19.useState(null);
+  const [advanceBuffer, setAdvanceBuffer] = React19.useState(null);
+  const commit = React19.useCallback(
     (changes) => {
       p.onTransitionChange(ribbonTransitionUpdates({ ...draft, ...changes }));
     },
     [draft, p]
   );
+  const soundFileInputRef = React19.useRef(null);
+  const handleSoundFilePicked = React19.useCallback(
+    (file) => {
+      void readSoundFileAsDataUrl(file).then((dataUrl) => {
+        if (dataUrl) {
+          p.onTransitionChange(applyTransitionSoundFile({ name: file.name, dataUrl }));
+        }
+        return void 0;
+      });
+    },
+    [p]
+  );
+  const handleSoundSelectChange = (event) => {
+    const value = event.target.value;
+    if (value === TRANSITION_SOUND_OTHER_VALUE) {
+      soundFileInputRef.current?.click();
+      event.target.value = transitionSoundSelectedValue(p.activeSlide?.transition);
+      return;
+    }
+    if (value === TRANSITION_SOUND_NONE_VALUE) {
+      p.onTransitionChange(clearTransitionSound());
+    }
+  };
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsxs(
       "button",
@@ -5593,9 +5875,26 @@ function TransitionsSection(p) {
         {
           "aria-label": t("pptx.ribbon.sound"),
           className: "w-24 px-1.5 py-1 rounded border border-border bg-muted text-xs text-foreground disabled:opacity-50",
-          defaultValue: "none",
-          disabled: true,
-          children: /* @__PURE__ */ jsx("option", { value: "none", children: t("pptx.ribbon.soundNone") })
+          disabled: !canEdit,
+          value: transitionSoundSelectedValue(p.activeSlide?.transition),
+          onChange: handleSoundSelectChange,
+          children: transitionSoundOptions(p.activeSlide?.transition).map((option) => /* @__PURE__ */ jsx("option", { value: option.value, children: option.i18nKey ? t(option.i18nKey) : option.label }, option.value))
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "input",
+        {
+          ref: soundFileInputRef,
+          type: "file",
+          accept: "audio/*",
+          className: "hidden",
+          onChange: (e) => {
+            const file = e.target.files?.[0];
+            if (file) {
+              handleSoundFilePicked(file);
+            }
+            e.target.value = "";
+          }
         }
       )
     ] }),
@@ -5834,7 +6133,7 @@ function AccountPage() {
       return void 0;
     });
   };
-  const version = "3.0.2" ;
+  const version = "3.0.4" ;
   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: [
@@ -6243,9 +6542,9 @@ function RibbonMenu({
       return;
     }
     const update = () => {
-      const rect = anchor.getBoundingClientRect();
+      const { left, top } = computeAnchoredPopupPosition(anchor.getBoundingClientRect());
       setPos(
-        (prev) => prev && prev.left === rect.left && prev.top === rect.bottom ? prev : { left: rect.left, top: rect.bottom }
+        (prev) => prev && prev.left === left && prev.top === top ? prev : { left: left ?? 0, top }
       );
     };
     update();
@@ -6274,7 +6573,7 @@ function FontFamilyMenu(p) {
     embeddedFonts: p.embeddedFonts,
     customFonts: p.customFonts
   });
-  return /* @__PURE__ */ jsx(RibbonMenu, { anchorRef: p.anchorRef, className: "flex flex-col w-64 pt-1", children: /* @__PURE__ */ jsx("div", { className: "rounded-lg border border-border bg-popover backdrop-blur-lg shadow-2xl py-1 max-h-80 overflow-y-auto", children: groups.map((group, groupIndex) => /* @__PURE__ */ jsxs(React15.Fragment, { children: [
+  return /* @__PURE__ */ jsx(RibbonMenu, { anchorRef: p.anchorRef, className: "flex flex-col w-64 pt-1", children: /* @__PURE__ */ jsx("div", { className: "rounded-lg border border-border bg-popover backdrop-blur-lg shadow-2xl py-1 max-h-80 overflow-y-auto", children: groups.map((group, groupIndex) => /* @__PURE__ */ jsxs(React19.Fragment, { children: [
     /* @__PURE__ */ jsx(
       "div",
       {
@@ -10831,7 +11130,7 @@ function HorizontalRulerView({ ticks, widthPx, highlight }) {
     }
   );
 }
-var HorizontalRuler = React15.memo(HorizontalRulerView);
+var HorizontalRuler = React19.memo(HorizontalRulerView);
 HorizontalRuler.displayName = "HorizontalRuler";
 function VerticalRulerView({ ticks, heightPx, highlight }) {
   return /* @__PURE__ */ jsxs(
@@ -10903,7 +11202,7 @@ function VerticalRulerView({ ticks, heightPx, highlight }) {
     }
   );
 }
-var VerticalRuler = React15.memo(VerticalRulerView);
+var VerticalRuler = React19.memo(VerticalRulerView);
 VerticalRuler.displayName = "VerticalRuler";
 function Ruler({
   canvasSize,
@@ -11417,15 +11716,9 @@ function useDrawingOverlay({
         if (!pt2) {
           return;
         }
-        const HIT_RADIUS = 15;
-        for (const el of [...activeSlide.elements].reverse()) {
-          if (el.type !== "ink") {
-            continue;
-          }
-          if (pt2.x >= el.x - HIT_RADIUS && pt2.x <= el.x + el.width + HIT_RADIUS && pt2.y >= el.y - HIT_RADIUS && pt2.y <= el.y + el.height + HIT_RADIUS) {
-            onEraseInkElement?.(el.id);
-            break;
-          }
+        const hitId = findEraserHitElementId(activeSlide.elements, pt2);
+        if (hitId) {
+          onEraseInkElement?.(hitId);
         }
         return;
       }
@@ -12663,7 +12956,7 @@ function arePropsEqual2(prev, next) {
   }
   return true;
 }
-var SlideThumbnail = React15.memo(SlideThumbnailImpl, arePropsEqual2);
+var SlideThumbnail = React19.memo(SlideThumbnailImpl, arePropsEqual2);
 
 // src/viewer/components/context-menu-dispatch.ts
 function tableCell(props) {
@@ -13212,7 +13505,7 @@ function LazyThumbnailInner({
     }
   ) });
 }
-var LazyThumbnail = React15.memo(LazyThumbnailInner);
+var LazyThumbnail = React19.memo(LazyThumbnailInner);
 
 // src/viewer/components/slides-pane/utils.ts
 function formatTimingMs(ms) {
@@ -13366,7 +13659,7 @@ function SlideItemInner({
     }
   );
 }
-var SlideItem = React15.memo(SlideItemInner);
+var SlideItem = React19.memo(SlideItemInner);
 function useSlidePaneCallbacks(onMoveSlide, onRenameSection, onToggleSectionCollapse) {
   const [collapsedSections, setCollapsedSections] = useState({});
   const [renamingSectionId, setRenamingSectionId] = useState(null);
@@ -14672,7 +14965,7 @@ function arePropsEqual3(prev, next) {
   }
   return true;
 }
-var SlideCard = React15.memo(SlideCardImpl, arePropsEqual3);
+var SlideCard = React19.memo(SlideCardImpl, arePropsEqual3);
 function SorterContextMenu({
   x,
   y,
@@ -18116,9 +18409,9 @@ function PresentationSubtitleBar({
 function renderNotesSegments(segments) {
   return notesSegmentsToSpans(segments).map((span) => {
     if (span.kind === "break") {
-      return React15.createElement("br", { key: span.key });
+      return React19.createElement("br", { key: span.key });
     }
-    return React15.createElement(
+    return React19.createElement(
       "span",
       { key: span.key, style: span.style },
       span.text
@@ -18344,7 +18637,7 @@ function arePropsEqual4(prev, next) {
   }
   return true;
 }
-var ScaledSlidePreview = React15.memo(ScaledSlidePreviewImpl, arePropsEqual4);
+var ScaledSlidePreview = React19.memo(ScaledSlidePreviewImpl, arePropsEqual4);
 function PresenterNotesRail({
   slides,
   current,
@@ -19303,6 +19596,51 @@ var SEQUENCE_OPTIONS = [
   { value: "byWord", labelKey: "pptx.animation.sequence.byWord" },
   { value: "byLetter", labelKey: "pptx.animation.sequence.byLetter" }
 ];
+var AFTER_ANIMATION_OPTIONS = [
+  { value: "none", labelKey: "pptx.animation.afterAnimation.none" },
+  { value: "dimToColor", labelKey: "pptx.animation.afterAnimation.dimToColor" },
+  { value: "hideAfterAnimation", labelKey: "pptx.animation.afterAnimation.hideAfterAnimation" },
+  { value: "hideOnNextClick", labelKey: "pptx.animation.afterAnimation.hideOnNextClick" }
+];
+function AfterAnimationRow({
+  action,
+  color,
+  canEdit,
+  onActionChange,
+  onColorChange
+}) {
+  const { t } = useTranslation();
+  return /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1", children: [
+    /* @__PURE__ */ jsxs("label", { className: "flex flex-col gap-1", children: [
+      /* @__PURE__ */ jsx("span", { className: "text-muted-foreground text-[11px]", children: t("pptx.animation.afterAnimation") }),
+      /* @__PURE__ */ jsx(
+        "select",
+        {
+          "aria-label": t("pptx.animation.afterAnimation"),
+          value: action,
+          onChange: (event) => onActionChange(event.target.value),
+          disabled: !canEdit,
+          className: SELECT_CLS,
+          children: AFTER_ANIMATION_OPTIONS.map((option) => /* @__PURE__ */ jsx("option", { value: option.value, children: t(option.labelKey) }, option.value))
+        }
+      )
+    ] }),
+    action === "dimToColor" && /* @__PURE__ */ jsxs("label", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ jsx("span", { className: "text-muted-foreground text-[11px]", children: t("pptx.animation.afterAnimation.color") }),
+      /* @__PURE__ */ jsx(
+        "input",
+        {
+          type: "color",
+          "aria-label": t("pptx.animation.afterAnimation.color"),
+          value: color ?? "#808080",
+          onChange: (event) => onColorChange(event.target.value),
+          disabled: !canEdit,
+          className: "h-6 w-10 rounded border border-border bg-transparent p-0"
+        }
+      )
+    ] })
+  ] });
+}
 function animationTypeColor(anim) {
   if (anim.entrance) {
     return "bg-green-500/60";
@@ -19324,6 +19662,7 @@ function AnimationTimelineSection({
   const effectLabel = (anim) => animationEffectLabel(anim, (key) => t(key));
   const {
     sortedAnimations,
+    timelineRows,
     dragIndex,
     dragOverIndex,
     timelineBarData,
@@ -19337,11 +19676,13 @@ function AnimationTimelineSection({
     handleDragEnd,
     handleMoveUp,
     handleMoveDown,
-    getTimelineLabel
+    getTimelineLabel,
+    getNativeRowLabel
   } = handlers;
-  if (sortedAnimations.length === 0 && timelineBarData.length === 0) {
+  if (timelineRows.length === 0 && timelineBarData.length === 0) {
     return null;
   }
+  const animationByElementId = new Map(sortedAnimations.map((anim) => [anim.elementId, anim]));
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     timelineBarData.length > 0 && /* @__PURE__ */ jsxs("div", { className: "mt-2 pt-2 border-t border-border", children: [
       /* @__PURE__ */ jsx("div", { className: "text-[10px] uppercase tracking-wide text-muted-foreground mb-1", children: t("pptx.animation.timelineBar") }),
@@ -19364,12 +19705,46 @@ function AnimationTimelineSection({
         bar.anim.elementId
       )) })
     ] }),
-    sortedAnimations.length > 0 && /* @__PURE__ */ jsxs("div", { className: "mt-2 pt-2 border-t border-border", children: [
+    timelineRows.length > 0 && /* @__PURE__ */ jsxs("div", { className: "mt-2 pt-2 border-t border-border", children: [
       /* @__PURE__ */ jsx("div", { className: "text-[10px] uppercase tracking-wide text-muted-foreground mb-1", children: t("pptx.animation.timeline") }),
-      /* @__PURE__ */ jsx("div", { className: "space-y-0.5 max-h-40 overflow-y-auto", children: sortedAnimations.map((anim, index) => {
+      /* @__PURE__ */ jsx("div", { className: "space-y-0.5 max-h-40 overflow-y-auto", children: timelineRows.map((row, index) => {
+        const isDragOver = dragOverIndex === index;
+        if (row.kind === "native") {
+          return /* @__PURE__ */ jsxs(
+            "div",
+            {
+              onDragOver: (e) => handleDragOver(index, e),
+              onDragEnter: () => handleDragEnter(index),
+              onDragLeave: handleDragLeave,
+              onDrop: (e) => handleDrop(index, e),
+              title: t("pptx.animation.nativeEffectHint"),
+              className: cn(
+                "flex items-center gap-1 px-1 py-0.5 rounded text-[10px] italic",
+                "bg-muted/20 text-muted-foreground/70",
+                isDragOver && "border-t-2 border-primary"
+              ),
+              children: [
+                /* @__PURE__ */ jsx("span", { className: "w-3 h-3 shrink-0" }),
+                /* @__PURE__ */ jsxs("span", { className: "text-muted-foreground/70 w-4 shrink-0", children: [
+                  index + 1,
+                  "."
+                ] }),
+                /* @__PURE__ */ jsxs("span", { className: "truncate flex-1", children: [
+                  t("pptx.animation.nativeEffect"),
+                  ": ",
+                  getNativeRowLabel(row.targetIds)
+                ] })
+              ]
+            },
+            row.key
+          );
+        }
+        const anim = animationByElementId.get(row.elementId);
+        if (!anim) {
+          return null;
+        }
         const isSelected = selectedElementId === anim.elementId;
         const isDragging = dragIndex === index;
-        const isDragOver = dragOverIndex === index;
         return /* @__PURE__ */ jsxs(
           "div",
           {
@@ -19417,7 +19792,7 @@ function AnimationTimelineSection({
                   "button",
                   {
                     type: "button",
-                    disabled: index === sortedAnimations.length - 1,
+                    disabled: index === timelineRows.length - 1,
                     className: "text-muted-foreground hover:text-foreground disabled:opacity-30 transition-colors",
                     onClick: (e) => {
                       e.stopPropagation();
@@ -19430,12 +19805,70 @@ function AnimationTimelineSection({
               ] })
             ]
           },
-          anim.elementId
+          row.key
         );
       }) })
     ] })
   ] });
 }
+function EffectSoundRow({
+  soundState,
+  canEdit,
+  onPick
+}) {
+  const { t } = useTranslation();
+  const fileInputRef = React19.useRef(null);
+  const handleSelectChange = (event) => {
+    if (event.target.value === "custom") {
+      fileInputRef.current?.click();
+      return;
+    }
+    onPick(void 0);
+  };
+  const handleFileChange = (event) => {
+    const file = event.target.files?.[0];
+    event.target.value = "";
+    if (!file) {
+      return;
+    }
+    const reader = new FileReader();
+    reader.onload = () => {
+      if (typeof reader.result === "string") {
+        onPick({ dataUrl: reader.result, fileName: file.name });
+      }
+    };
+    reader.readAsDataURL(file);
+  };
+  return /* @__PURE__ */ jsxs("label", { className: "flex flex-col gap-1", children: [
+    /* @__PURE__ */ jsx("span", { className: "text-muted-foreground text-[11px]", children: t("pptx.animation.sound") }),
+    /* @__PURE__ */ jsxs(
+      "select",
+      {
+        "aria-label": t("pptx.animation.sound"),
+        value: soundState.hasSound ? "custom" : "none",
+        onChange: handleSelectChange,
+        disabled: !canEdit,
+        className: SELECT_CLS,
+        children: [
+          /* @__PURE__ */ jsx("option", { value: "none", children: t("pptx.animation.sound.none") }),
+          /* @__PURE__ */ jsx("option", { value: "custom", children: soundState.hasSound && soundState.fileName ? soundState.fileName : t("pptx.animation.sound.custom") })
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "input",
+      {
+        ref: fileInputRef,
+        type: "file",
+        accept: "audio/*",
+        "aria-label": t("pptx.animation.sound.chooseFile"),
+        className: "hidden",
+        onChange: handleFileChange,
+        tabIndex: -1
+      }
+    )
+  ] });
+}
 function MotionPathRow({
   motionPath,
   canEdit,
@@ -19466,6 +19899,7 @@ function MotionPathRow({
 }
 function useAnimationDragDrop({
   canEdit,
+  rows,
   updateAnimations
 }) {
   const [dragIndex, setDragIndex] = useState(null);
@@ -19473,14 +19907,14 @@ function useAnimationDragDrop({
   const dragCounterRef = useRef(0);
   const handleDragStart = useCallback(
     (index, event) => {
-      if (!canEdit) {
+      if (!canEdit || rows[index]?.kind !== "editor") {
         return;
       }
       setDragIndex(index);
       event.dataTransfer.effectAllowed = "move";
       event.dataTransfer.setData("text/plain", String(index));
     },
-    [canEdit]
+    [canEdit, rows]
   );
   const handleDragOver = useCallback((_index, event) => {
     event.preventDefault();
@@ -19498,13 +19932,16 @@ function useAnimationDragDrop({
       dragCounterRef.current = 0;
     }
   }, []);
-  const reorderAnimations = useCallback(
+  const reorderRows = useCallback(
     (sourceIndex, targetIndex) => {
-      updateAnimations(
-        (anims) => reorderAnimationTo(anims, sourceIndex, targetIndex)
-      );
+      const sourceRow = rows[sourceIndex];
+      if (!sourceRow || sourceRow.kind !== "editor") {
+        return;
+      }
+      const nextRows = reorderAnimationTimelineRows(rows, sourceRow.key, targetIndex);
+      updateAnimations((anims) => applyAnimationTimelineOrder(anims, nextRows));
     },
-    [updateAnimations]
+    [rows, updateAnimations]
   );
   const handleDrop = useCallback(
     (targetIndex, event) => {
@@ -19516,9 +19953,9 @@ function useAnimationDragDrop({
       if (sourceIndex === null || sourceIndex === targetIndex) {
         return;
       }
-      reorderAnimations(sourceIndex, targetIndex);
+      reorderRows(sourceIndex, targetIndex);
     },
-    [dragIndex, reorderAnimations]
+    [dragIndex, reorderRows]
   );
   const handleDragEnd = useCallback(() => {
     setDragIndex(null);
@@ -19526,19 +19963,19 @@ function useAnimationDragDrop({
     dragCounterRef.current = 0;
   }, []);
   const handleMoveUp = useCallback(
-    (animIndex) => {
-      if (animIndex <= 0) {
+    (rowIndex) => {
+      if (rowIndex <= 0) {
         return;
       }
-      reorderAnimations(animIndex, animIndex - 1);
+      reorderRows(rowIndex, rowIndex - 1);
     },
-    [reorderAnimations]
+    [reorderRows]
   );
   const handleMoveDown = useCallback(
-    (animIndex) => {
-      reorderAnimations(animIndex, animIndex + 1);
+    (rowIndex) => {
+      reorderRows(rowIndex, rowIndex + 1);
     },
-    [reorderAnimations]
+    [reorderRows]
   );
   return {
     dragIndex,
@@ -19621,6 +20058,13 @@ function useAnimationHandlers({
     () => [...activeSlide.animations ?? []].sort((a, b) => (a.order ?? 0) - (b.order ?? 0)),
     [activeSlide.animations]
   );
+  const timelineRows = useMemo(
+    () => buildAnimationTimelineRows(
+      activeSlide.animations ?? [],
+      activeSlide.animationTimelineAnchors ?? []
+    ),
+    [activeSlide.animations, activeSlide.animationTimelineAnchors]
+  );
   const updateAnimations = useCallback(
     (updater) => {
       if (!canEdit) {
@@ -19768,11 +20212,42 @@ function useAnimationHandlers({
     (e) => updateAnimationField("sequence", e.target.value),
     [updateAnimationField]
   );
+  const effectSoundState = useMemo(
+    () => getEffectSoundState(activeSlide.animations ?? [], selectedElement.id),
+    [activeSlide.animations, selectedElement.id]
+  );
+  const handleEffectSoundPick = useCallback(
+    (pick) => {
+      if (!canEdit) {
+        return;
+      }
+      updateAnimations((anims) => setEffectSound(anims, selectedElement.id, pick));
+    },
+    [canEdit, updateAnimations, selectedElement.id]
+  );
+  const handleAfterAnimationChange = useCallback(
+    (action) => {
+      if (!canEdit) {
+        return;
+      }
+      updateAnimations((anims) => setAfterAnimation(anims, selectedElement.id, action));
+    },
+    [canEdit, updateAnimations, selectedElement.id]
+  );
+  const handleAfterAnimationColorChange = useCallback(
+    (color) => {
+      if (!canEdit) {
+        return;
+      }
+      updateAnimations((anims) => setAfterAnimationColor(anims, selectedElement.id, color));
+    },
+    [canEdit, updateAnimations, selectedElement.id]
+  );
   const preview = useAnimationPreview({
     selectedElementId: selectedElement.id,
     selectedElementAnimation
   });
-  const dragDrop = useAnimationDragDrop({ canEdit, updateAnimations });
+  const dragDrop = useAnimationDragDrop({ canEdit, rows: timelineRows, updateAnimations });
   const getTimelineLabel = useCallback(
     (anim) => {
       const el = activeSlide.elements?.find((e) => e.id === anim.elementId);
@@ -19784,6 +20259,17 @@ function useAnimationHandlers({
     },
     [activeSlide.elements]
   );
+  const getNativeRowLabel = useCallback(
+    (targetIds) => targetIds.map((id) => {
+      const el = activeSlide.elements?.find((e) => e.id === id);
+      if (!el) {
+        return id.slice(0, 8);
+      }
+      const text = hasTextProperties(el) ? el.text : void 0;
+      return text || getElementLabel(el);
+    }).join(", "),
+    [activeSlide.elements]
+  );
   const hasAnimation = Boolean(
     selectedElementAnimation?.entrance || selectedElementAnimation?.exit || selectedElementAnimation?.emphasis || selectedElementAnimation?.motionPath
   );
@@ -19799,6 +20285,7 @@ function useAnimationHandlers({
   return {
     selectedElementAnimation,
     sortedAnimations,
+    timelineRows,
     hasAnimation,
     showDirectionPicker,
     timelineBarData,
@@ -19815,7 +20302,12 @@ function useAnimationHandlers({
     handleDirectionChange,
     handleSequenceChange,
     handleMotionPathChange,
+    effectSoundState,
+    handleEffectSoundPick,
+    handleAfterAnimationChange,
+    handleAfterAnimationColorChange,
     getTimelineLabel,
+    getNativeRowLabel,
     ...preview,
     ...dragDrop
   };
@@ -19850,6 +20342,10 @@ function AnimationPanel({
     handleDirectionChange,
     handleSequenceChange,
     handleMotionPathChange,
+    effectSoundState,
+    handleEffectSoundPick,
+    handleAfterAnimationChange,
+    handleAfterAnimationColorChange,
     handlePreviewClick
   } = handlers;
   return /* @__PURE__ */ jsxs("div", { className: "rounded border border-border bg-card p-2 space-y-2", children: [
@@ -19965,6 +20461,26 @@ function AnimationPanel({
           }
         )
       ] }),
+      /* @__PURE__ */ jsxs("div", { className: "pt-1 border-t border-border flex flex-col gap-2", children: [
+        /* @__PURE__ */ jsx(
+          EffectSoundRow,
+          {
+            soundState: effectSoundState,
+            canEdit,
+            onPick: handleEffectSoundPick
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          AfterAnimationRow,
+          {
+            action: selectedElementAnimation?.afterAnimation ?? "none",
+            color: selectedElementAnimation?.afterAnimationColor,
+            canEdit,
+            onActionChange: handleAfterAnimationChange,
+            onColorChange: handleAfterAnimationColorChange
+          }
+        )
+      ] }),
       /* @__PURE__ */ jsx("div", { className: "text-[11px] uppercase tracking-wide text-muted-foreground pt-1 border-t border-border", children: t("pptx.animation.timing") }),
       /* @__PURE__ */ jsxs("label", { className: "flex flex-col gap-1", children: [
         /* @__PURE__ */ jsx("span", { className: "text-muted-foreground text-[11px]", children: t("pptx.animation.trigger") }),
@@ -21871,7 +22387,7 @@ function ConnectorArrowsSection({
     ["Start", "End"].map((end) => {
       const widthKey = end === "Start" ? "connectorStartArrowWidth" : "connectorEndArrowWidth";
       const lengthKey = end === "Start" ? "connectorStartArrowLength" : "connectorEndArrowLength";
-      return /* @__PURE__ */ jsxs(React15.Fragment, { children: [
+      return /* @__PURE__ */ jsxs(React19.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(
@@ -21948,7 +22464,9 @@ function GroupInfoPanel({
   ] });
 }
 function OlePropertiesPanel({
-  selectedElement
+  selectedElement,
+  canEdit,
+  onUpdateElement
 }) {
   const { t } = useTranslation();
   if (selectedElement.type !== "ole") {
@@ -21958,6 +22476,20 @@ function OlePropertiesPanel({
   return /* @__PURE__ */ jsxs("div", { className: CARD, children: [
     /* @__PURE__ */ jsx("div", { className: HEADING, children: t("pptx.ole.title") }),
     /* @__PURE__ */ jsxs("div", { className: "space-y-1.5 text-[11px]", children: [
+      /* @__PURE__ */ jsxs("label", { className: "flex flex-col gap-1", children: [
+        /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: t("pptx.ole.objectName") }),
+        /* @__PURE__ */ jsx(
+          "input",
+          {
+            type: "text",
+            disabled: !canEdit,
+            className: INPUT,
+            value: ole.oleName ?? "",
+            placeholder: t("pptx.ole.objectNamePlaceholder"),
+            onChange: (e) => onUpdateElement(buildOleObjectNamePatch(e.target.value))
+          }
+        )
+      ] }),
       /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-2", children: [
         /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: t("pptx.ole.type") }),
         /* @__PURE__ */ jsx("span", { className: "text-foreground truncate", children: getOleObjectTypeLabel(ole.oleObjectType) })
@@ -24739,7 +25271,7 @@ function StrokeEffectsSection({
     ] }),
     EFFECT_CONFIGS.map((cfg) => {
       const on = cfg.isOn(style);
-      return /* @__PURE__ */ jsxs(React15.Fragment, { children: [
+      return /* @__PURE__ */ jsxs(React19.Fragment, { children: [
         /* @__PURE__ */ jsxs("label", { className: `inline-flex items-center gap-2 text-foreground ${COL2}`, children: [
           /* @__PURE__ */ jsx(
             "input",
@@ -25579,7 +26111,7 @@ function TextWarpGallery({
   onUpdateTextStyle
 }) {
   const { t } = useTranslation();
-  const [expanded, setExpanded] = React15.useState(false);
+  const [expanded, setExpanded] = React19.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(
@@ -26197,7 +26729,7 @@ function SmartArtStyleControls({
   onChangeStyle
 }) {
   const { t } = useTranslation();
-  const translate = React15.useCallback((key) => t(key), [t]);
+  const translate = React19.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") }),
@@ -26252,9 +26784,9 @@ function SmartArtPropertiesPanel({
   const nodes = smartArtData.nodes ?? [];
   const layout = smartArtData.resolvedLayoutType;
   const topLevelCount = nodes.filter((n) => !n.parentId).length;
-  const inputRefs = React15.useRef(/* @__PURE__ */ new Map());
-  const pendingFocusId = React15.useRef(null);
-  React15.useEffect(() => {
+  const inputRefs = React19.useRef(/* @__PURE__ */ new Map());
+  const pendingFocusId = React19.useRef(null);
+  React19.useEffect(() => {
     const id = pendingFocusId.current;
     if (id) {
       inputRefs.current.get(id)?.focus();
@@ -27349,7 +27881,14 @@ function ElementInspectorBody({
       }
     ),
     /* @__PURE__ */ jsx(GroupInfoPanel, { selectedElement }),
-    /* @__PURE__ */ jsx(OlePropertiesPanel, { selectedElement }),
+    /* @__PURE__ */ jsx(
+      OlePropertiesPanel,
+      {
+        selectedElement,
+        canEdit,
+        onUpdateElement
+      }
+    ),
     /* @__PURE__ */ jsx(
       ShapeTextPanels,
       {
@@ -27397,7 +27936,7 @@ function CommentBody({ text, mentions, className }) {
       index
     ) : (
       // eslint-disable-next-line react/no-array-index-key -- segments are positional
-      /* @__PURE__ */ jsx(React15.Fragment, { children: segment.text }, index)
+      /* @__PURE__ */ jsx(React19.Fragment, { children: segment.text }, index)
     )
   ) });
 }
@@ -28522,6 +29061,7 @@ function SlideTransitionSection({
   const hasDirections = validDirections !== void 0 && validDirections.length > 0;
   const usesOrientation = TRANSITION_ORIENTATION_TYPES.has(transitionType);
   const isWheel = transitionType === "wheel";
+  const isMorph = transitionType === "morph";
   return /* @__PURE__ */ jsxs(
     "div",
     {
@@ -28614,6 +29154,38 @@ function SlideTransitionSection({
             }
           )
         ] }),
+        /* @__PURE__ */ jsxs("label", { className: "flex flex-col gap-1", children: [
+          /* @__PURE__ */ jsx("span", { className: "text-muted-foreground text-xs", children: t("pptx.transition.speed") }),
+          /* @__PURE__ */ jsx(
+            "select",
+            {
+              value: activeSlide.transition?.speed ?? "fast",
+              disabled: !canEdit,
+              "aria-label": t("pptx.transition.speed"),
+              onChange: (e) => onTransitionChange({
+                speed: e.target.value
+              }),
+              className: "bg-muted border border-border rounded px-2 py-1",
+              children: TRANSITION_SPEED_OPTIONS.map((option) => /* @__PURE__ */ jsx("option", { value: option.value, children: t(option.i18nKey) }, option.value))
+            }
+          )
+        ] }),
+        isMorph && /* @__PURE__ */ jsxs("label", { className: "flex flex-col gap-1", children: [
+          /* @__PURE__ */ jsx("span", { className: "text-muted-foreground text-xs", children: t("pptx.transition.morphOption") }),
+          /* @__PURE__ */ jsx(
+            "select",
+            {
+              value: activeSlide.transition?.morphOption ?? "byObject",
+              disabled: !canEdit,
+              "aria-label": t("pptx.transition.morphOption"),
+              onChange: (e) => onTransitionChange({
+                morphOption: e.target.value
+              }),
+              className: "bg-muted border border-border rounded px-2 py-1",
+              children: TRANSITION_MORPH_OPTIONS.map((option) => /* @__PURE__ */ jsx("option", { value: option.value, children: t(option.i18nKey) }, option.value))
+            }
+          )
+        ] }),
         /* @__PURE__ */ jsxs("label", { className: "inline-flex items-center gap-2 text-foreground text-xs", children: [
           /* @__PURE__ */ jsx(
             "input",
@@ -28743,7 +29315,7 @@ function PresentationPropertiesPanel({
   onUpdateTagCollections
 }) {
   const { t } = useTranslation();
-  const handleTransitionChange = React15.useCallback(
+  const handleTransitionChange = React19.useCallback(
     (updates) => {
       onUpdateSlide({
         transition: mergeSlideTransition(activeSlide?.transition, updates)
@@ -32761,7 +33333,7 @@ function ViewerToolbarSection(props) {
     },
     [activeSlide, propertyHandlers]
   );
-  const scopedLayoutOptions = React15.useMemo(
+  const scopedLayoutOptions = React19.useMemo(
     () => scopeLayoutOptionsToActiveSlide(s.layoutOptions, activeSlide),
     [s.layoutOptions, activeSlide]
   );
@@ -34596,7 +35168,7 @@ ${url}`)) {
 var AiChatPanel = lazy(async () => {
   const [{ useChat }, { default: Panel }] = await Promise.all([
     import('@ai-sdk/react'),
-    import('./AiChatPanel-DYOBY6OG.mjs')
+    import('./AiChatPanel-5LCCN7FG.mjs')
   ]);
   function BoundAiChatPanel(props) {
     return /* @__PURE__ */ jsx(Panel, { ...props, useChat });
@@ -37666,6 +38238,10 @@ var PowerPointViewer = forwardRef(
       shareDefaults,
       smartArt3D = false,
       surfaceChart3D = false,
+      barChart3D = false,
+      lineChart3D = false,
+      areaChart3D = false,
+      pieChart3D = false,
       hiddenActions,
       ai
     } = props;
@@ -37881,7 +38457,7 @@ var PowerPointViewer = forwardRef(
         await Promise.all(snapshots.map((entry) => deleteAutosaveSnapshot(entry.key)));
       })();
     }, []);
-    const mobile = useIsMobile({ containerRef });
+    const mobile = useIsMobile();
     const { isMobile, isTouchDevice, isVirtualKeyboardOpen } = mobile;
     const resizablePanels = useResizablePanels();
     const { gridSpacingPx, visibleSlideIndexes, slideSectionGroups, masterPseudoSlide } = useDerivedSlideState({
@@ -38474,38 +39050,72 @@ var PowerPointViewer = forwardRef(
         ]
       }
     );
-    return /* @__PURE__ */ jsx(AccountAuthContext.Provider, { value: accountAuth, children: /* @__PURE__ */ jsx(SmartArt3DContext.Provider, { value: smartArt3D, children: /* @__PURE__ */ jsx(SurfaceChart3DContext.Provider, { value: surfaceChart3D, children: /* @__PURE__ */ jsx(ViewerThemeProvider, { theme: effectiveTheme, children: /* @__PURE__ */ jsxs(
-      CollaborationProvider,
-      {
-        config: collaboration,
-        canvasWidth: canvasSize.width,
-        canvasHeight: canvasSize.height,
-        children: [
-          /* @__PURE__ */ jsx(
-            CollaborationDocumentSync,
-            {
-              slides,
-              templateElementsBySlideId,
-              setSlides: state.setSlides,
-              config: collaboration,
-              content,
-              loadVersion,
-              loadOrigin,
-              livePatcher: state.livePatcher
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            CollaborationFollowLayer,
-            {
-              activeSlideIndex,
-              setActiveSlideIndex: state.setActiveSlideIndex,
-              slideCount: slides.length
-            }
-          ),
-          viewerContent
-        ]
-      }
-    ) }) }) }) });
+    return /* @__PURE__ */ jsx(AccountAuthContext.Provider, { value: accountAuth, children: /* @__PURE__ */ jsx(SmartArt3DContext.Provider, { value: smartArt3D, children: /* @__PURE__ */ jsx(SurfaceChart3DContext.Provider, { value: surfaceChart3D, children: /* @__PURE__ */ jsxs(BarChart3DContext.Provider, { value: barChart3D, children: [
+      /* @__PURE__ */ jsx(LineChart3DContext.Provider, { value: lineChart3D, children: /* @__PURE__ */ jsx(AreaChart3DContext.Provider, { value: areaChart3D, children: /* @__PURE__ */ jsx(ViewerThemeProvider, { theme: effectiveTheme, children: /* @__PURE__ */ jsxs(
+        CollaborationProvider,
+        {
+          config: collaboration,
+          canvasWidth: canvasSize.width,
+          canvasHeight: canvasSize.height,
+          children: [
+            /* @__PURE__ */ jsx(
+              CollaborationDocumentSync,
+              {
+                slides,
+                templateElementsBySlideId,
+                setSlides: state.setSlides,
+                config: collaboration,
+                content,
+                loadVersion,
+                loadOrigin,
+                livePatcher: state.livePatcher
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              CollaborationFollowLayer,
+              {
+                activeSlideIndex,
+                setActiveSlideIndex: state.setActiveSlideIndex,
+                slideCount: slides.length
+              }
+            ),
+            viewerContent
+          ]
+        }
+      ) }) }) }),
+      /* @__PURE__ */ jsx(PieChart3DContext.Provider, { value: pieChart3D, children: /* @__PURE__ */ jsx(ViewerThemeProvider, { theme: effectiveTheme, children: /* @__PURE__ */ jsxs(
+        CollaborationProvider,
+        {
+          config: collaboration,
+          canvasWidth: canvasSize.width,
+          canvasHeight: canvasSize.height,
+          children: [
+            /* @__PURE__ */ jsx(
+              CollaborationDocumentSync,
+              {
+                slides,
+                templateElementsBySlideId,
+                setSlides: state.setSlides,
+                config: collaboration,
+                content,
+                loadVersion,
+                loadOrigin,
+                livePatcher: state.livePatcher
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              CollaborationFollowLayer,
+              {
+                activeSlideIndex,
+                setActiveSlideIndex: state.setActiveSlideIndex,
+                slideCount: slides.length
+              }
+            ),
+            viewerContent
+          ]
+        }
+      ) }) })
+    ] }) }) }) });
   }
 );
 PowerPointViewer.displayName = "PowerPointViewer";