pptx-react-viewer 4.1.6 → 4.3.0

package/dist/{chunk-YHTDDCSC.mjs → chunk-RXYLPESV.mjs}

@@ -1,9 +1,9 @@
-import { computeFocusTargets, deckDataFieldChanged, aiChangeAnimationCss, changeGhostStyle, createChatHistoryStore, collectStoredChats, exportAiChatLogs, applyElementUpdate } from './chunk-QEYWSHNE.mjs';
-import { useViewerOptions, useReadOnlyRecommendationState, useCompatibilityToastsState, useReducedMotion, useViewerState, useIsMobile, useResizablePanels, useDerivedSlideState, useZoomViewport, useEditorHistory, usePresentationSetup, useTouchGestures, useViewerDialogs, useEditorOperations, useViewerIntegration, useViewPreferencesSync, useLayoutSwitching, LoadingState, ViewerOptionsContext, SmartArt3DContext, SurfaceChart3DContext, BarChart3DContext, LineChart3DContext, AreaChart3DContext, PieChart3DContext, CollaborationProvider, useCollaboration, useCollaborationDocumentSync, useFollowMode, useBroadcastFollower, SlideBackgroundImageLayer, StaticElementRenderer, safePrompt, scopeLayoutOptionsToActiveSlide, ChartPartSelectionProvider, useToolbarVisibility, useKeyboardInsets, useModalDismissDrag, useViewerOptionsContext, useVirtualizedSlides, useSwipeNavigation, PresentationTransitionOverlay, RemoteSelectionOverlay, CollaborationCursorOverlay, useSheetDismissDrag, detectTargetType, parseEmailUrl, parseSlideFromUrl, ACTION_VERB_MAP, ElementRenderer, InlineCollaborationContext, SmartArtRenderer, playAnimationSound, ResizeHandles, renderStrokeView, useChartPartSelection, resolveSmartArtDataPalette } from './chunk-OFSKGB3W.mjs';
-import { SHAPE_PRESETS, ANIMATION_PRESET_OPTIONS, cn, SLIDE_NAV_THUMBNAIL_WIDTH, TOOLBAR_SECTIONS, DEFAULT_SECTION_GROUP_ID, SHORTCUT_REFERENCE_ITEMS as SHORTCUT_REFERENCE_ITEMS$1, 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-KDTE5JOW.mjs';
-import { SWITCHABLE_LAYOUT_TYPES, compileEquationTemplateMathMl, buildUserFontFaceStyles, readStoredViewerPrefs, resolveThemeCatalogEntry, THEME_CATALOG, writeStoredViewerPrefs, openPptxFile, readBackstageRecentFile, resolveAutosaveActivation, buildThemeColorMap, viewerOptionsToPreferences, applyPreferenceToOptions, resolveHistoryDepth, applyAutoCorrect, resolveImageResolutionScale, resolveAutosaveIntervalMs, resolveAutosaveIntervalSeconds, shouldShowAutosaveRecoveryPrompt, resolveOptionRootClasses, resolve3DRenderingFlags, resolveSlideSizeSelection, RULER_THICKNESS, RULER_FONT_SIZE, buildPreviewElements, deriveSlideFieldContext, SLIDE_TRANSITION_OPTIONS, hiddenSlideCue, HIDDEN_SLIDE_SLASH_GRADIENT, HIDDEN_SLIDE_LABEL_KEY, visibleTemplateElements, normalizeHexColor, themeToCssVars, listAutosaveSnapshots, resolveExpiredAutosaveSnapshots, deleteAutosaveSnapshot, masterViewCrudActions, applyMasterViewCrudAction, masterViewCrudFailureKey, applyMotionPathPreset, resetSlideLayoutPath, DEFAULT_INSERT_CHART_KIND, hasCopyableFormat, templateSchemeFromTheme, createBackstagePresentation, playFeedbackSound, shouldDiscardAutosaveOnSuccessfulSave, setMasterViewBackgroundColor, canUseClipboard, runProgramNoticeStackStyle, compatToastStackStyle, printPropertiesFrameSlides, printPropertiesSlidesPerPage, getDensePanelTouchTargetPx, shouldStickyActionRow, VIEWER_OPTIONS_TABS, DEFAULT_QUICK_ACCESS_COMMAND_IDS, isHeaderFooterDateTextVisible, isHeaderFooterHeaderTextVisible, isHeaderFooterFooterTextVisible, buildJoinCollaborationConfig, buildCreateCollaborationConfig, generateBroadcastRoomId, DEFAULT_BROADCAST_SERVER_URL, buildBroadcastViewerUrl, resolveTransportForServerUrl, getSlideBackgroundStyle, pushRecentColor, mruColorsPatch, shouldClearAutosaveCacheOnClose, filterCommands, resolveTitleBarStatusKey, TITLE_BAR_CLASSES, TITLE_BAR_DEFAULT_FILE_KEY, resolveScreenTip, masterViewBackgroundColor, buildFieldSubstitutionContext, shouldConfirmExternalHyperlink, safeOpenUrl, resolvePresentationAction, isPpactionUrl, parsePpactionUrl, isPresentationAdvanceClick, toggleBlackboard, PRESENT_TOOLBAR_CLASSES, buildContextMenuEntries, 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, extraQuickAccessCommands, TAB_ROW_ACTION_CLASSES, listBackstageRecentFiles, BACKSTAGE_NAV, BACKSTAGE_BACK_CLASSES, BACKSTAGE_NAV_CLASSES, BACKSTAGE_SEARCH_CLASSES, hasTextProperties, COMMON_FONT_SIZES, textFontSizePtToPx, INSERT_CHART_TYPES, ACTION_BUTTON_PRESETS, CHARACTER_SPACING_OPTIONS, OFFICE_COLOR_SWATCHES, hasShapeProperties, shapeFillChange, shapeOutlineChange, readRibbonTransitionDraft, ribbonTransitionUpdates, 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, buildStrokePathD, cursorForTool, annotationOverlayZIndex, presentationInkPath, resolveNotesSchematicBodyFontSizePx, PRESENTER_NAVIGATOR_LABEL_KEYS, PEN_COLORS, HIGHLIGHTER_COLORS, isBlackboardActive, scaleSlidesForSizeChange, slideSizeToCanvasPx, resolveSelectionPaneRename, PRESET_THEMES, 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, backstageCardsFor, DEFAULT_VIEWER_PROFILE, resolveProfileInitial, AVATAR_COLOR_SWATCHES, resolveDefaultFontFamily, textFontSizePxToPt, buildFontCatalog, getSelectionTextStyleFlags, getInlineEditorSelectionResult, selectedParagraphBulletKind, elementBulletKind, selectionBulletKind, TEXT_DECORATION_FLAGS, nextToggleValue, buildThemeColorSwatchGrid, themeColorSwatchRows, findSelectedThemeSwatch, themeSwatchCommit, RIBBON_SHAPE_SWATCHES, canGroupSelection, canUngroupSelection, canSetStrokeWidth, strokeWidthOf, readSoundFileAsDataUrl, applyTransitionSoundFile, TRANSITION_SOUND_OTHER_VALUE, TRANSITION_SOUND_NONE_VALUE, clearTransitionSound, applyTransitionStockSound, transitionStockSoundId, getEffectSoundAsset, ENTRANCE_PRESET_VALUES, EMPHASIS_PRESET_VALUES, EXIT_PRESET_VALUES, MOTION_PATH_FAMILIES, motionPathFamilyLabelKey, motionPathPresetsByFamily, motionPathPresetLabelKey, masterViewPseudoSlide, motionPathFor, setMotionPath, getShapeAdjustmentHandleDescriptors, shouldShowElementHandles, hasMultipleSelectedTableCells, applyTableStyleDelete, applyTableStyleMapChange, themeColorLabel, buildThemeColorGrid, THEME_COLOR_SCHEME_KEYS, COMMON_FONTS, handleReadingViewKey, getLocalStorageUsageSummary, saveViewerProfile, clearAllLocalViewerData, isCurrentLayout, SLIDE_TEMPLATES, computeAnchoredPopupPosition, attachEditorImagePaste, authorConnectorBetweenSites, findEraserHitElementId, generateTicks, rulerDragToGuidePosition, resolveElementInteractivity, getElementTransformWithoutRotation, getElementTransform, buildChartQuickActionsDescriptor, applyChartElementToggle, CHART_QUICK_ACTION_BUTTON_SIZE, applyChartStylePreset, hideChartSeries, restoreFilteredSeries, getActiveXControlOverlayView, buildCommentMarkers, COMMENT_MARKER_SIZE, collectConnectorSiteCandidates, getConnectorEndpointHandles, findConnectorSiteNear, motionPathToSvgD, motionPathEndPixel, isEditableMotionPath, setMotionPathEnd, isElementLocked, isImageLikeElement, mergeSlideTransition, getElementLabel, mapSlideSorterKey, isEditorTextInputTarget, clampSorterZoom, buildLayoutPreviewGeometry, buildSlideTemplateContent, buildFreeformShapeElement, buildLiveInkStrokeView, CONNECTOR_SITE_SNAP_PX, resolveConnectorEndpointUpdate, withConnectorEndpointUpdate, getShapeConnectionSites, 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, applyThemeOverrideToSlide, COLOR_MAP_ALIAS_KEYS, DEFAULT_COLOR_MAP, schemaLabel, THEME_COLOR_SLOT_LABEL_KEYS, SLIDE_SIZE_PRESETS, TRANSITION_VALID_DIRECTIONS, TRANSITION_ORIENTATION_TYPES, clampTransitionNumber, TRANSITION_SPEED_OPTIONS, TRANSITION_MORPH_OPTIONS, flattenTagCollections, resolveTemplateBackgroundRows, formatCommentTimestamp, commentMentionQuery, matchCommentMentionAuthors, buildAnimationTimelineRows, clearMotionPath, getEffectSoundState, setEffectSound, setEffectStockSound, setAfterAnimation, setAfterAnimationColor, DIRECTIONAL_PRESETS, buildAnimationTimelineBars, motionPathPresetIdForPath, EFFECT_SOUND_CATALOGUE, hasTiltData, normalizeTableStyleGuid, describeTableStyleEditor, TABLE_STYLE_EDITOR_PARTS, computeMergeCellRight, computeMergeCellDown, computeSplitCell, updateMergeAttrsInRawXml, resolveDisplayedChartType, CHART_TYPE_OPTIONS, 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, 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 } from './chunk-FT3MMIXW.mjs';
-import { LOCALE_CATALOG, ALIGNMENT_LABEL_KEYS } from './chunk-PC7H3C5W.mjs';
-import React4, { createContext, lazy, forwardRef, useEffect, useState, useCallback, useMemo, useRef, useId, Fragment as Fragment$1, useDeferredValue, Suspense, useContext, useSyncExternalStore, useLayoutEffect } from 'react';
+import { computeFocusTargets, deckDataFieldChanged, aiChangeAnimationCss, changeGhostStyle, createChatHistoryStore, collectStoredChats, exportAiChatLogs, applyElementUpdate } from './chunk-YQJOCGOK.mjs';
+import { useViewerOptions, useReadOnlyRecommendationState, useCompatibilityToastsState, useReducedMotion, useViewerState, useIsMobile, useResizablePanels, useDerivedSlideState, useZoomViewport, useEditorHistory, usePresentationSetup, useTouchGestures, useViewerDialogs, useEditorOperations, useViewerIntegration, useViewPreferencesSync, useLayoutSwitching, ViewerOptionsContext, Rendering3DFlagsContext, CollaborationProvider, useCollaboration, useCollaborationDocumentSync, useFollowMode, useBroadcastFollower, SlideBackgroundImageLayer, StaticElementRenderer, safePrompt, scopeLayoutOptionsToActiveSlide, ChartPartSelectionProvider, useToolbarVisibility, useKeyboardInsets, useModalDismissDrag, useViewerOptionsContext, useVirtualizedSlides, useSwipeNavigation, PresentationTransitionOverlay, RemoteSelectionOverlay, CollaborationCursorOverlay, useSheetDismissDrag, detectTargetType, parseEmailUrl, parseSlideFromUrl, ACTION_VERB_MAP, ElementRenderer, InlineCollaborationContext, SmartArtRenderer, playAnimationSound, ResizeHandles, renderStrokeView, useChartPartSelection, resolveSmartArtDataPalette } from './chunk-SKTZSG7Q.mjs';
+import { SHAPE_PRESETS, ANIMATION_PRESET_OPTIONS, cn, SLIDE_NAV_THUMBNAIL_WIDTH, TOOLBAR_SECTIONS, DEFAULT_SECTION_GROUP_ID, SHORTCUT_REFERENCE_ITEMS as SHORTCUT_REFERENCE_ITEMS$1, 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-PLDG3CXW.mjs';
+import { SWITCHABLE_LAYOUT_TYPES, compileEquationTemplateMathMl, buildUserFontFaceStyles, readStoredViewerPrefs, resolveThemeCatalogEntry, THEME_CATALOG, writeStoredViewerPrefs, openPptxFile, readBackstageRecentFile, resolveAutosaveActivation, buildThemeColorMap, viewerOptionsToPreferences, applyPreferenceToOptions, resolveHistoryDepth, applyAutoCorrect, resolveImageResolutionScale, resolveAutosaveIntervalMs, resolveAutosaveIntervalSeconds, shouldShowAutosaveRecoveryPrompt, resolveOptionRootClasses, resolve3DRenderingFlags, resolveSlideSizeSelection, RULER_THICKNESS, RULER_FONT_SIZE, buildPreviewElements, deriveSlideFieldContext, SLIDE_TRANSITION_OPTIONS, hiddenSlideCue, HIDDEN_SLIDE_SLASH_GRADIENT, HIDDEN_SLIDE_LABEL_KEY, visibleTemplateElements, normalizeHexColor, themeToCssVars, listAutosaveSnapshots, resolveExpiredAutosaveSnapshots, deleteAutosaveSnapshot, masterViewCrudActions, applyMasterViewCrudAction, masterViewCrudFailureKey, applyMotionPathPreset, resetSlideLayoutPath, DEFAULT_INSERT_CHART_KIND, hasCopyableFormat, templateSchemeFromTheme, createBackstagePresentation, playFeedbackSound, shouldDiscardAutosaveOnSuccessfulSave, setMasterViewBackgroundColor, canUseClipboard, runProgramNoticeStackStyle, compatToastStackStyle, printPropertiesFrameSlides, printPropertiesSlidesPerPage, getDensePanelTouchTargetPx, shouldStickyActionRow, VIEWER_OPTIONS_TABS, DEFAULT_QUICK_ACCESS_COMMAND_IDS, isHeaderFooterDateTextVisible, isHeaderFooterHeaderTextVisible, isHeaderFooterFooterTextVisible, buildJoinCollaborationConfig, buildCreateCollaborationConfig, generateBroadcastRoomId, DEFAULT_BROADCAST_SERVER_URL, buildBroadcastViewerUrl, resolveTransportForServerUrl, getSlideBackgroundStyle, pushRecentColor, mruColorsPatch, shouldClearAutosaveCacheOnClose, filterCommands, resolveTitleBarStatusKey, TITLE_BAR_CLASSES, TITLE_BAR_DEFAULT_FILE_KEY, resolveScreenTip, masterViewBackgroundColor, buildFieldSubstitutionContext, shouldConfirmExternalHyperlink, safeOpenUrl, resolvePresentationAction, isPpactionUrl, parsePpactionUrl, isPresentationAdvanceClick, toggleBlackboard, PRESENT_TOOLBAR_CLASSES, buildContextMenuEntries, 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, extraQuickAccessCommands, TAB_ROW_ACTION_CLASSES, listBackstageRecentFiles, BACKSTAGE_NAV, BACKSTAGE_BACK_CLASSES, BACKSTAGE_NAV_CLASSES, hasTextProperties, COMMON_FONT_SIZES, textFontSizePtToPx, INSERT_CHART_TYPES, ACTION_BUTTON_PRESETS, CHARACTER_SPACING_OPTIONS, OFFICE_COLOR_SWATCHES, hasShapeProperties, shapeFillChange, shapeOutlineChange, readRibbonTransitionDraft, ribbonTransitionUpdates, 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, buildStrokePathD, cursorForTool, annotationOverlayZIndex, presentationInkPath, resolveNotesSchematicBodyFontSizePx, PRESENTER_NAVIGATOR_LABEL_KEYS, PEN_COLORS, HIGHLIGHTER_COLORS, isBlackboardActive, scaleSlidesForSizeChange, slideSizeToCanvasPx, resolveSelectionPaneRename, PRESET_THEMES, 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, backstageCardsFor, DEFAULT_VIEWER_PROFILE, resolveProfileInitial, AVATAR_COLOR_SWATCHES, resolveDefaultFontFamily, textFontSizePxToPt, buildFontCatalog, getSelectionTextStyleFlags, getInlineEditorSelectionResult, selectedParagraphBulletKind, elementBulletKind, selectionBulletKind, TEXT_DECORATION_FLAGS, nextToggleValue, buildThemeColorSwatchGrid, themeColorSwatchRows, findSelectedThemeSwatch, themeSwatchCommit, RIBBON_SHAPE_SWATCHES, canGroupSelection, canUngroupSelection, canSetStrokeWidth, strokeWidthOf, readSoundFileAsDataUrl, applyTransitionSoundFile, TRANSITION_SOUND_OTHER_VALUE, TRANSITION_SOUND_NONE_VALUE, clearTransitionSound, applyTransitionStockSound, transitionStockSoundId, getEffectSoundAsset, ENTRANCE_PRESET_VALUES, EMPHASIS_PRESET_VALUES, EXIT_PRESET_VALUES, MOTION_PATH_FAMILIES, motionPathFamilyLabelKey, motionPathPresetsByFamily, motionPathPresetLabelKey, masterViewPseudoSlide, motionPathFor, setMotionPath, getShapeAdjustmentHandleDescriptors, shouldShowElementHandles, hasMultipleSelectedTableCells, applyTableStyleDelete, applyTableStyleMapChange, themeColorLabel, buildThemeColorGrid, THEME_COLOR_SCHEME_KEYS, COMMON_FONTS, handleReadingViewKey, getLocalStorageUsageSummary, saveViewerProfile, clearAllLocalViewerData, isCurrentLayout, SLIDE_TEMPLATES, computeAnchoredPopupPosition, attachEditorImagePaste, authorConnectorBetweenSites, findEraserHitElementId, generateTicks, rulerDragToGuidePosition, resolveElementInteractivity, getElementTransformWithoutRotation, getElementTransform, buildChartQuickActionsDescriptor, applyChartElementToggle, CHART_QUICK_ACTION_BUTTON_SIZE, applyChartStylePreset, hideChartSeries, restoreFilteredSeries, getActiveXControlOverlayView, buildCommentMarkers, COMMENT_MARKER_SIZE, collectConnectorSiteCandidates, getConnectorEndpointHandles, findConnectorSiteNear, motionPathToSvgD, motionPathEndPixel, isEditableMotionPath, setMotionPathEnd, isElementLocked, isImageLikeElement, mergeSlideTransition, getElementLabel, mapSlideSorterKey, isEditorTextInputTarget, clampSorterZoom, buildLayoutPreviewGeometry, buildSlideTemplateContent, buildFreeformShapeElement, buildLiveInkStrokeView, CONNECTOR_SITE_SNAP_PX, resolveConnectorEndpointUpdate, withConnectorEndpointUpdate, getShapeConnectionSites, 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, applyThemeOverrideToSlide, COLOR_MAP_ALIAS_KEYS, DEFAULT_COLOR_MAP, schemaLabel, THEME_COLOR_SLOT_LABEL_KEYS, SLIDE_SIZE_PRESETS, TRANSITION_VALID_DIRECTIONS, TRANSITION_ORIENTATION_TYPES, clampTransitionNumber, TRANSITION_SPEED_OPTIONS, TRANSITION_MORPH_OPTIONS, flattenTagCollections, resolveTemplateBackgroundRows, formatCommentTimestamp, commentMentionQuery, matchCommentMentionAuthors, buildAnimationTimelineRows, clearMotionPath, getEffectSoundState, setEffectSound, setEffectStockSound, setAfterAnimation, setAfterAnimationColor, DIRECTIONAL_PRESETS, buildAnimationTimelineBars, motionPathPresetIdForPath, EFFECT_SOUND_CATALOGUE, hasTiltData, 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, 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 } from './chunk-3UWJWJCR.mjs';
+import { LOCALE_CATALOG, ALIGNMENT_LABEL_KEYS } from './chunk-OBQ453H6.mjs';
+import React4, { createContext, lazy, forwardRef, useEffect, useState, useCallback, useMemo, useRef, useId, Fragment as Fragment$1, useDeferredValue, useLayoutEffect, Suspense, useContext, useSyncExternalStore } from 'react';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import { useTranslation } from 'react-i18next';
 import { 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, 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, LuFileJson, LuBox, LuFileImage, LuUser, LuHardDrive, LuLogIn, LuLayoutTemplate, LuFolderPlus, LuAlignLeft, LuAlignCenter, LuAlignRight, LuAlignJustify, LuColumns3, LuSpline, LuAlignHorizontalSpaceAround, LuAlignVerticalSpaceAround, LuGroup, LuUngroup, LuMove, LuRadio, LuFilter, LuLockOpen, LuArrowDown, LuArrowUp, LuArrowRight, LuReply, LuRotateCw, LuBookmark } from 'react-icons/lu';
@@ -1569,6 +1569,90 @@ function DrawSection(p) {
     ] })
   ] });
 }
+function useHostEvent(ref, type, handler) {
+  useEffect(() => {
+    const host = ref.current;
+    if (!host || !handler) {
+      return;
+    }
+    host.addEventListener(type, handler);
+    return () => host.removeEventListener(type, handler);
+  }, [ref, type, handler]);
+}
+function WebSearch({
+  value,
+  disabled = false,
+  onInput,
+  onChange,
+  onFocus,
+  onBlur,
+  onKeyDown,
+  ...rest
+}) {
+  const ref = useRef(null);
+  useLayoutEffect(() => {
+    if (ref.current) {
+      ref.current.value = value;
+      ref.current.disabled = disabled;
+    }
+  }, [value, disabled]);
+  useHostEvent(ref, "input", onInput);
+  useHostEvent(ref, "change", onChange);
+  useHostEvent(ref, "focusin", onFocus);
+  useHostEvent(ref, "focusout", onBlur);
+  useHostEvent(ref, "keydown", onKeyDown);
+  return /* @__PURE__ */ jsx("pptx-ui-search", { ref, value, disabled: disabled || void 0, ...rest });
+}
+function WebSelect({
+  value,
+  disabled = false,
+  onChange,
+  ...rest
+}) {
+  const ref = useRef(null);
+  useLayoutEffect(() => {
+    if (ref.current) {
+      ref.current.value = String(value);
+      ref.current.disabled = disabled;
+    }
+  }, [value, disabled]);
+  useHostEvent(
+    ref,
+    "change",
+    onChange ? (event) => onChange(event) : void 0
+  );
+  return /* @__PURE__ */ jsx("pptx-ui-select", { ref, value: String(value), disabled: disabled || void 0, ...rest });
+}
+function WebCheckbox({
+  checked,
+  disabled = false,
+  onChange,
+  value,
+  ...rest
+}) {
+  const ref = useRef(null);
+  useLayoutEffect(() => {
+    if (ref.current) {
+      ref.current.checked = checked;
+      ref.current.disabled = disabled;
+    }
+  }, [checked, disabled]);
+  useHostEvent(
+    ref,
+    "change",
+    onChange ? (event) => onChange(event) : void 0
+  );
+  return /* @__PURE__ */ jsx(
+    "pptx-ui-checkbox",
+    {
+      ref,
+      checked: checked || void 0,
+      disabled: disabled || void 0,
+      value: value === void 0 ? void 0 : String(value),
+      ...rest
+    }
+  );
+}
 var AccountAuthContext = createContext(void 0);
 var cardClass = "border border-border bg-card p-6 text-card-foreground";
 function AccountPage() {
@@ -1599,7 +1683,7 @@ function AccountPage() {
       return void 0;
     });
   };
-  const version = "4.1.5" ;
+  const version = "4.2.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: [
@@ -1938,21 +2022,18 @@ function FileSection(p) {
             }
           ),
           (page === "home" || page === "open") && /* @__PURE__ */ jsxs(Fragment, { children: [
-            /* @__PURE__ */ jsxs("div", { "data-pptx-search-surface": true, className: BACKSTAGE_SEARCH_CLASSES.box, children: [
-              /* @__PURE__ */ jsx(LuSearch, { className: BACKSTAGE_SEARCH_CLASSES.icon, "aria-hidden": "true" }),
-              /* @__PURE__ */ jsx(
-                "input",
-                {
-                  "data-pptx-search-input": true,
-                  type: "search",
-                  value: query,
-                  onChange: (event) => setQuery(event.target.value),
-                  placeholder: t("pptx.backstage.searchPlaceholder"),
-                  className: BACKSTAGE_SEARCH_CLASSES.input,
-                  "aria-label": t("pptx.backstage.searchPlaceholder")
-                }
-              )
-            ] }),
+            /* @__PURE__ */ jsx(
+              WebSearch,
+              {
+                "data-pptx-search-surface": true,
+                "data-pptx-search-input": true,
+                className: "mt-8 w-full max-w-[540px]",
+                value: query,
+                onInput: (event) => setQuery(event.currentTarget.value),
+                placeholder: t("pptx.backstage.searchPlaceholder"),
+                "aria-label": t("pptx.backstage.searchPlaceholder")
+              }
+            ),
             page === "open" && /* @__PURE__ */ jsxs(
               "button",
               {
@@ -4390,6 +4471,7 @@ function ViewSection(p) {
         {
           label: t("pptx.view.normal"),
           icon: /* @__PURE__ */ jsx(LuPanelTop, {}),
+          onClick: p.onGoToNormalView,
           title: t("pptx.statusBar.normalView")
         }
       ),
@@ -4900,6 +4982,7 @@ function MobileSectionBody({
           eyedropperActive: p.eyedropperActive,
           onToggleEyedropper: p.onToggleEyedropper,
           onToggleSlideSorter: p.onToggleSlideSorter,
+          onGoToNormalView: p.onGoToNormalView,
           onOpenReadingView: p.onOpenReadingView
         }
       ) });
@@ -6291,6 +6374,7 @@ function Toolbar(p) {
                   eyedropperActive: p.eyedropperActive,
                   onToggleEyedropper: p.onToggleEyedropper,
                   onToggleSlideSorter: p.onToggleSlideSorter,
+                  onGoToNormalView: p.onGoToNormalView,
                   onOpenReadingView: p.onOpenReadingView,
                   onOpenOutlineView: p.onOpenOutlineView,
                   onZoomToFit: p.onZoomToFit
@@ -8613,6 +8697,31 @@ function SlideCanvasContent({
     }
   );
 }
+function LoadingState({ className }) {
+  const { t } = useTranslation();
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      role: "status",
+      "aria-live": "polite",
+      "aria-atomic": "true",
+      className: cn(
+        "h-full w-full flex items-center justify-center text-muted-foreground",
+        className
+      ),
+      children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: "animate-spin rounded-full h-6 w-6 border-b-2 border-primary",
+            "aria-hidden": "true"
+          }
+        ),
+        /* @__PURE__ */ jsx("span", { children: t("pptx.viewer.loading") })
+      ] })
+    }
+  );
+}
 function ErrorState({ className, error }) {
   return /* @__PURE__ */ jsx(
     "div",
@@ -15861,7 +15970,7 @@ function AfterAnimationRow({
     /* @__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",
+        WebSelect,
         {
           "aria-label": t("pptx.animation.afterAnimation"),
           value: action,
@@ -16115,7 +16224,7 @@ function EffectSoundRow({
     /* @__PURE__ */ jsx("span", { className: "text-muted-foreground text-[11px]", children: t("pptx.animation.sound") }),
     /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
       /* @__PURE__ */ jsxs(
-        "select",
+        WebSelect,
         {
           "aria-label": t("pptx.animation.sound"),
           value: selectedValue,
@@ -16167,7 +16276,7 @@ function MotionPathRow({
   return /* @__PURE__ */ jsxs("label", { className: "flex flex-col gap-1", children: [
     /* @__PURE__ */ jsx("span", { className: "text-muted-foreground text-[11px]", children: t("pptx.animation.motionPath.label") }),
     /* @__PURE__ */ jsxs(
-      "select",
+      WebSelect,
       {
         "aria-label": t("pptx.animation.motionPath.label"),
         value: isCustom ? "custom" : presetId ?? "none",
@@ -16670,7 +16779,7 @@ function AnimationPanel({
     /* @__PURE__ */ jsxs("label", { className: "flex flex-col gap-1", children: [
       /* @__PURE__ */ jsx("span", { className: "text-muted-foreground text-[11px]", children: t("pptx.animation.entrance") }),
       /* @__PURE__ */ jsxs(
-        "select",
+        WebSelect,
         {
           "aria-label": t("pptx.animation.entrance"),
           value: selectedElementAnimation?.entrance ?? "none",
@@ -16688,7 +16797,7 @@ function AnimationPanel({
     /* @__PURE__ */ jsxs("label", { className: "flex flex-col gap-1", children: [
       /* @__PURE__ */ jsx("span", { className: "text-muted-foreground text-[11px]", children: t("pptx.animation.emphasis") }),
       /* @__PURE__ */ jsxs(
-        "select",
+        WebSelect,
         {
           "aria-label": t("pptx.animation.emphasis"),
           value: selectedElementAnimation?.emphasis ?? "none",
@@ -16706,7 +16815,7 @@ function AnimationPanel({
     /* @__PURE__ */ jsxs("label", { className: "flex flex-col gap-1", children: [
       /* @__PURE__ */ jsx("span", { className: "text-muted-foreground text-[11px]", children: t("pptx.animation.exit") }),
       /* @__PURE__ */ jsxs(
-        "select",
+        WebSelect,
         {
           "aria-label": t("pptx.animation.exit"),
           value: selectedElementAnimation?.exit ?? "none",
@@ -16756,7 +16865,7 @@ function AnimationPanel({
       /* @__PURE__ */ jsxs("label", { className: "flex flex-col gap-1", children: [
         /* @__PURE__ */ jsx("span", { className: "text-muted-foreground text-[11px]", children: t("pptx.animation.sequence") }),
         /* @__PURE__ */ jsx(
-          "select",
+          WebSelect,
           {
             "aria-label": t("pptx.animation.sequence"),
             value: selectedElementAnimation?.sequence ?? "asOne",
@@ -16793,7 +16902,7 @@ function AnimationPanel({
       /* @__PURE__ */ jsxs("label", { className: "flex flex-col gap-1", children: [
         /* @__PURE__ */ jsx("span", { className: "text-muted-foreground text-[11px]", children: t("pptx.animation.trigger") }),
         /* @__PURE__ */ jsx(
-          "select",
+          WebSelect,
           {
             "aria-label": t("pptx.animation.trigger"),
             value: selectedElementAnimation?.trigger ?? "onClick",
@@ -16808,7 +16917,7 @@ function AnimationPanel({
       selectedElementAnimation?.trigger === "onShapeClick" && /* @__PURE__ */ jsxs("label", { className: "flex flex-col gap-1", children: [
         /* @__PURE__ */ jsx("span", { className: "text-muted-foreground text-[11px]", children: t("pptx.animation.trigger.shapeLabel") }),
         /* @__PURE__ */ jsxs(
-          "select",
+          WebSelect,
           {
             "aria-label": t("pptx.animation.trigger.shapeLabel"),
             value: selectedElementAnimation?.triggerShapeId ?? "",
@@ -16860,7 +16969,7 @@ function AnimationPanel({
       /* @__PURE__ */ jsxs("label", { className: "flex flex-col gap-1", children: [
         /* @__PURE__ */ jsx("span", { className: "text-muted-foreground text-[11px]", children: t("pptx.animation.timingCurve") }),
         /* @__PURE__ */ jsx(
-          "select",
+          WebSelect,
           {
             "aria-label": t("pptx.animation.timingCurve"),
             value: selectedElementAnimation?.timingCurve ?? "ease",
@@ -16892,7 +17001,7 @@ function AnimationPanel({
       /* @__PURE__ */ jsxs("label", { className: "flex flex-col gap-1", children: [
         /* @__PURE__ */ jsx("span", { className: "text-muted-foreground text-[11px]", children: t("pptx.animation.repeatUntil") }),
         /* @__PURE__ */ jsx(
-          "select",
+          WebSelect,
           {
             "aria-label": t("pptx.animation.repeatUntil"),
             value: selectedElementAnimation?.repeatMode ?? "none",
@@ -16987,7 +17096,7 @@ function ActionTargetFields({
   if (type === "customShow") {
     return /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
       /* @__PURE__ */ jsxs(
-        "select",
+        WebSelect,
         {
           "data-testid": "pptx-action-custom-show",
           disabled: !canEdit,
@@ -17003,7 +17112,7 @@ function ActionTargetFields({
       ),
       /* @__PURE__ */ jsxs("label", { className: "flex items-center gap-1.5 text-muted-foreground", children: [
         /* @__PURE__ */ jsx(
-          "input",
+          WebCheckbox,
           {
             type: "checkbox",
             "data-testid": "pptx-action-custom-show-return",
@@ -17111,7 +17220,7 @@ function ActionTriggerSection({
   return /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", "data-pptx-action-trigger": trigger, children: [
     /* @__PURE__ */ jsx("span", { className: "text-muted-foreground font-medium", children: label }),
     /* @__PURE__ */ jsx(
-      "select",
+      WebSelect,
       {
         disabled: !canEdit,
         "aria-label": label,
@@ -17187,7 +17296,7 @@ function ChartAxisOptions({ axes, canEdit, onUpdateAxis }) {
         /* @__PURE__ */ jsxs("label", { className: "flex items-center gap-2 text-[11px]", children: [
           /* @__PURE__ */ jsx("span", { className: "w-16 text-muted-foreground shrink-0", children: t("pptx.chart.displayUnits") }),
           /* @__PURE__ */ jsx(
-            "select",
+            WebSelect,
             {
               "aria-label": t("pptx.chart.displayUnits"),
               disabled: !canEdit,
@@ -17235,7 +17344,7 @@ function ChartAxisOptions({ axes, canEdit, onUpdateAxis }) {
         /* @__PURE__ */ jsxs("label", { className: "flex items-center gap-2 text-[11px]", children: [
           /* @__PURE__ */ jsx("span", { className: "w-16 text-muted-foreground shrink-0", children: t("pptx.chart.tickLabels") }),
           /* @__PURE__ */ jsx(
-            "select",
+            WebSelect,
             {
               "aria-label": t("pptx.chart.tickLabels"),
               disabled: !canEdit,
@@ -17250,7 +17359,7 @@ function ChartAxisOptions({ axes, canEdit, onUpdateAxis }) {
         ] }),
         /* @__PURE__ */ jsxs("label", { className: "flex items-center gap-2 cursor-pointer", children: [
           /* @__PURE__ */ jsx(
-            "input",
+            WebCheckbox,
             {
               type: "checkbox",
               disabled: !canEdit,
@@ -17263,7 +17372,7 @@ function ChartAxisOptions({ axes, canEdit, onUpdateAxis }) {
         ] }),
         /* @__PURE__ */ jsxs("label", { className: "flex items-center gap-2 cursor-pointer", children: [
           /* @__PURE__ */ jsx(
-            "input",
+            WebCheckbox,
             {
               type: "checkbox",
               disabled: !canEdit,
@@ -17309,7 +17418,7 @@ function ChartAxisStyleOptions({
           hasScale && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
             /* @__PURE__ */ jsxs("label", { className: "flex items-center gap-2 cursor-pointer", children: [
               /* @__PURE__ */ jsx(
-                "input",
+                WebCheckbox,
                 {
                   type: "checkbox",
                   disabled: !canEdit,
@@ -17373,7 +17482,7 @@ function ChartAxisStyleOptions({
           /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 text-[11px]", children: [
             /* @__PURE__ */ jsxs("label", { className: "flex items-center gap-1 cursor-pointer", children: [
               /* @__PURE__ */ jsx(
-                "input",
+                WebCheckbox,
                 {
                   type: "checkbox",
                   disabled: !canEdit,
@@ -17445,7 +17554,7 @@ function ChartAxisStyleOptions({
                 }
               ),
               /* @__PURE__ */ jsx(
-                "select",
+                WebSelect,
                 {
                   disabled: !canEdit,
                   title: t("pptx.chart.gridlineDash"),
@@ -17477,7 +17586,7 @@ function ChartComboTypeOptions({
     /* @__PURE__ */ jsx("div", { className: "space-y-1.5", children: series.map((s, i) => /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 text-[11px]", children: [
       /* @__PURE__ */ jsx("span", { className: "flex-1 truncate", title: s.name, children: s.name }),
       /* @__PURE__ */ jsx(
-        "select",
+        WebSelect,
         {
           disabled: !canEdit,
           className: INPUT,
@@ -17651,7 +17760,7 @@ function ChartDataLabelOptions({
     /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
       DATA_LABEL_CONTENT_OPTIONS.map((opt) => /* @__PURE__ */ jsxs("label", { className: "flex items-center gap-2 cursor-pointer", children: [
         /* @__PURE__ */ jsx(
-          "input",
+          WebCheckbox,
           {
             type: "checkbox",
             disabled: !canEdit,
@@ -17665,7 +17774,7 @@ function ChartDataLabelOptions({
       /* @__PURE__ */ jsxs("label", { className: "flex items-center gap-2 text-[11px]", children: [
         /* @__PURE__ */ jsx("span", { className: "w-16 text-muted-foreground shrink-0", children: t("pptx.chart.labelPosition") }),
         /* @__PURE__ */ jsx(
-          "select",
+          WebSelect,
           {
             "aria-label": t("pptx.chart.labelPosition"),
             disabled: !canEdit,
@@ -17702,7 +17811,7 @@ function ChartDataPointMarkerOptions({
     series.length > 1 && /* @__PURE__ */ jsxs("label", { className: "flex items-center gap-2 text-[11px]", children: [
       /* @__PURE__ */ jsx("span", { className: "w-12 text-muted-foreground shrink-0", children: t("pptx.chart.series") }),
       /* @__PURE__ */ jsx(
-        "select",
+        WebSelect,
         {
           "aria-label": t("pptx.chart.series"),
           disabled: !canEdit,
@@ -17721,7 +17830,7 @@ function ChartDataPointMarkerOptions({
           /* @__PURE__ */ jsx("span", { className: "flex-1 truncate", title: cat, children: cat }),
           /* @__PURE__ */ jsxs("label", { className: "flex items-center gap-1 shrink-0", children: [
             /* @__PURE__ */ jsx(
-              "input",
+              WebCheckbox,
               {
                 type: "checkbox",
                 disabled: !canEdit,
@@ -17740,7 +17849,7 @@ function ChartDataPointMarkerOptions({
         ] }),
         hasOverride && point2?.marker && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 ml-2 flex-wrap", children: [
           /* @__PURE__ */ jsx(
-            "select",
+            WebSelect,
             {
               disabled: !canEdit,
               className: "bg-muted border border-border rounded px-1.5 py-0.5 text-[11px]",
@@ -17812,7 +17921,7 @@ function ChartDataPointOptions({
     series.length > 1 && /* @__PURE__ */ jsxs("label", { className: "flex items-center gap-2 text-[11px]", children: [
       /* @__PURE__ */ jsx("span", { className: "w-12 text-muted-foreground shrink-0", children: t("pptx.chart.series") }),
       /* @__PURE__ */ jsx(
-        "select",
+        WebSelect,
         {
           "aria-label": t("pptx.chart.series"),
           disabled: !canEdit,
@@ -17908,7 +18017,7 @@ function ChartDisplayOptions({
     /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
       /* @__PURE__ */ jsxs("label", { className: "flex items-center gap-2 cursor-pointer", children: [
         /* @__PURE__ */ jsx(
-          "input",
+          WebCheckbox,
           {
             type: "checkbox",
             disabled: !canEdit,
@@ -17921,7 +18030,7 @@ function ChartDisplayOptions({
       ] }),
       /* @__PURE__ */ jsxs("label", { className: "flex items-center gap-2 cursor-pointer", children: [
         /* @__PURE__ */ jsx(
-          "input",
+          WebCheckbox,
           {
             type: "checkbox",
             disabled: !canEdit,
@@ -17935,7 +18044,7 @@ function ChartDisplayOptions({
       style?.hasLegend && /* @__PURE__ */ jsxs("label", { className: "flex items-center gap-2 text-[11px] ml-4", children: [
         /* @__PURE__ */ jsx("span", { className: "w-12 text-muted-foreground shrink-0", children: t("pptx.chart.legendPosition") }),
         /* @__PURE__ */ jsx(
-          "select",
+          WebSelect,
           {
             "aria-label": t("pptx.chart.legendPosition"),
             disabled: !canEdit,
@@ -17950,7 +18059,7 @@ function ChartDisplayOptions({
       ] }),
       /* @__PURE__ */ jsxs("label", { className: "flex items-center gap-2 cursor-pointer", children: [
         /* @__PURE__ */ jsx(
-          "input",
+          WebCheckbox,
           {
             type: "checkbox",
             disabled: !canEdit,
@@ -17963,14 +18072,12 @@ function ChartDisplayOptions({
       ] }),
       /* @__PURE__ */ jsxs("label", { className: "flex items-center gap-2 cursor-pointer", children: [
         /* @__PURE__ */ jsx(
-          "input",
+          WebCheckbox,
           {
             type: "checkbox",
             disabled: !canEdit,
             checked: style?.hasDataLabels ?? false,
-            onChange: (e) => onUpdateStyle({
-              hasDataLabels: e.target.checked
-            }),
+            onChange: (e) => onUpdateStyle(chartDataLabelsTogglePatch(style, e.target.checked)),
             className: "accent-primary"
           }
         ),
@@ -17999,7 +18106,7 @@ function ChartErrorBarOptions({
         /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 text-[11px]", children: [
           /* @__PURE__ */ jsx("span", { className: "flex-1 truncate", title: s.name, children: s.name }),
           /* @__PURE__ */ jsx(
-            "select",
+            WebSelect,
             {
               disabled: !canEdit,
               className: INPUT,
@@ -18023,7 +18130,7 @@ function ChartErrorBarOptions({
         ] }),
         bars && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 ml-2", children: [
           /* @__PURE__ */ jsx(
-            "select",
+            WebSelect,
             {
               disabled: !canEdit,
               className: INPUT,
@@ -18158,7 +18265,7 @@ function ChartMarkerOptions({
         /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 text-[11px]", children: [
           /* @__PURE__ */ jsx("span", { className: "flex-1 truncate", title: s.name, children: s.name }),
           /* @__PURE__ */ jsx(
-            "select",
+            WebSelect,
             {
               disabled: !canEdit,
               className: INPUT,
@@ -18270,7 +18377,7 @@ function ChartSeriesColorOptions({
       /* @__PURE__ */ jsx("span", { className: "flex-1 truncate", title: s.name, children: s.name }),
       /* @__PURE__ */ jsxs("label", { className: "flex items-center gap-1 text-muted-foreground shrink-0", children: [
         /* @__PURE__ */ jsx(
-          "input",
+          WebCheckbox,
           {
             type: "checkbox",
             disabled: !canEdit,
@@ -18319,7 +18426,7 @@ function ChartSubtypeOptions({
       chartData.chartType === "bar3D" && /* @__PURE__ */ jsxs("label", { className: "flex items-center gap-2 text-[11px]", children: [
         /* @__PURE__ */ jsx("span", { className: "w-16 text-muted-foreground shrink-0", children: t("pptx.chart.bar3DShapeLabel") }),
         /* @__PURE__ */ jsx(
-          "select",
+          WebSelect,
           {
             "data-testid": "pptx-chart-bar3d-shape",
             "aria-label": t("pptx.chart.bar3DShapeLabel"),
@@ -18334,7 +18441,7 @@ function ChartSubtypeOptions({
       chartData.chartType === "radar" && /* @__PURE__ */ jsxs("label", { className: "flex items-center gap-2 text-[11px]", children: [
         /* @__PURE__ */ jsx("span", { className: "w-16 text-muted-foreground shrink-0", children: t("pptx.chart.radarStyleLabel") }),
         /* @__PURE__ */ jsx(
-          "select",
+          WebSelect,
           {
             "data-testid": "pptx-chart-radar-style",
             "aria-label": t("pptx.chart.radarStyleLabel"),
@@ -18354,7 +18461,7 @@ function ChartSubtypeOptions({
       chartData.chartType === "surface" && /* @__PURE__ */ jsxs("label", { className: "flex items-center gap-2 text-[11px]", children: [
         /* @__PURE__ */ jsx("span", { className: "w-16 text-muted-foreground shrink-0", children: t("pptx.chart.surfaceWireframeLabel") }),
         /* @__PURE__ */ jsx(
-          "select",
+          WebSelect,
           {
             "data-testid": "pptx-chart-surface-wireframe",
             "aria-label": t("pptx.chart.surfaceWireframeLabel"),
@@ -18387,7 +18494,7 @@ function ChartTrendlineOptions({
         /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 text-[11px]", children: [
           /* @__PURE__ */ jsx("span", { className: "flex-1 truncate", title: s.name, children: s.name }),
           /* @__PURE__ */ jsx(
-            "select",
+            WebSelect,
             {
               disabled: !canEdit,
               className: INPUT,
@@ -18410,7 +18517,7 @@ function ChartTrendlineOptions({
         trendline && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 ml-2", children: [
           /* @__PURE__ */ jsxs("label", { className: "flex items-center gap-1 text-[11px] cursor-pointer", children: [
             /* @__PURE__ */ jsx(
-              "input",
+              WebCheckbox,
               {
                 type: "checkbox",
                 disabled: !canEdit,
@@ -18423,7 +18530,7 @@ function ChartTrendlineOptions({
           ] }),
           /* @__PURE__ */ jsxs("label", { className: "flex items-center gap-1 text-[11px] cursor-pointer", children: [
             /* @__PURE__ */ jsx(
-              "input",
+              WebCheckbox,
               {
                 type: "checkbox",
                 disabled: !canEdit,
@@ -18480,7 +18587,7 @@ function ChartTypeSelector({
     /* @__PURE__ */ jsxs("label", { className: "flex items-center gap-2 text-[11px]", children: [
       /* @__PURE__ */ jsx("span", { className: "w-10 text-muted-foreground shrink-0", children: t("pptx.chart.type") }),
       /* @__PURE__ */ jsx(
-        "select",
+        WebSelect,
         {
           "aria-label": t("pptx.chart.type"),
           disabled: !canEdit,
@@ -18496,7 +18603,7 @@ function ChartTypeSelector({
     supportsGrouping && /* @__PURE__ */ jsxs("label", { className: "flex items-center gap-2 text-[11px]", children: [
       /* @__PURE__ */ jsx("span", { className: "w-10 text-muted-foreground shrink-0", children: t("pptx.chart.grouping") }),
       /* @__PURE__ */ jsx(
-        "select",
+        WebSelect,
         {
           "aria-label": t("pptx.chart.grouping"),
           disabled: !canEdit,
@@ -18557,7 +18664,7 @@ function FlipFields({
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsxs("label", { className: "flex items-center gap-1 cursor-pointer", children: [
       /* @__PURE__ */ jsx(
-        "input",
+        WebCheckbox,
         {
           type: "checkbox",
           "aria-label": t("pptx.arrange.flipHorizontally"),
@@ -18571,7 +18678,7 @@ function FlipFields({
     ] }),
     /* @__PURE__ */ jsxs("label", { className: "flex items-center gap-1 cursor-pointer", children: [
       /* @__PURE__ */ jsx(
-        "input",
+        WebCheckbox,
         {
           type: "checkbox",
           "aria-label": t("pptx.arrange.flipVertically"),
@@ -19621,7 +19728,7 @@ function ConnectorArrowsSection({
       return /* @__PURE__ */ jsxs("label", { className: "flex flex-col gap-1", children: [
         /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: t(END_LABEL_KEYS[end].arrow) }),
         /* @__PURE__ */ jsx(
-          "select",
+          WebSelect,
           {
             "aria-label": t(END_LABEL_KEYS[end].arrow),
             value: selectedShapeStyle?.[key] || "none",
@@ -19645,7 +19752,7 @@ function ConnectorArrowsSection({
         /* @__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(
-            "select",
+            WebSelect,
             {
               "aria-label": t(END_LABEL_KEYS[end].width),
               value: selectedShapeStyle?.[widthKey] || "med",
@@ -19664,7 +19771,7 @@ function ConnectorArrowsSection({
         /* @__PURE__ */ jsxs("label", { className: "flex flex-col gap-1", children: [
           /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: t(END_LABEL_KEYS[end].length) }),
           /* @__PURE__ */ jsx(
-            "select",
+            WebSelect,
             {
               "aria-label": t(END_LABEL_KEYS[end].length),
               value: selectedShapeStyle?.[lengthKey] || "med",
@@ -19910,7 +20017,7 @@ function ColorChangeSection({
     /* @__PURE__ */ jsxs("label", { className: "flex items-center justify-between gap-2", children: [
       /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: t("pptx.image.colorChange") }),
       /* @__PURE__ */ jsx(
-        "input",
+        WebCheckbox,
         {
           type: "checkbox",
           disabled: !canEdit,
@@ -19965,7 +20072,7 @@ function ColorChangeSection({
       /* @__PURE__ */ jsxs("label", { className: "flex items-center justify-between gap-2 col-span-2", children: [
         /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: t("pptx.image.colorChangeTransparent") }),
         /* @__PURE__ */ jsx(
-          "input",
+          WebCheckbox,
           {
             type: "checkbox",
             disabled: !canEdit,
@@ -19994,7 +20101,7 @@ function ColorWashSection({
     /* @__PURE__ */ jsxs("label", { className: "flex items-center justify-between gap-2", children: [
       /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: t("pptx.image.colorWash") }),
       /* @__PURE__ */ jsx(
-        "input",
+        WebCheckbox,
         {
           type: "checkbox",
           disabled: !canEdit,
@@ -20428,7 +20535,7 @@ function ImagePropertiesPanel({
         /* @__PURE__ */ jsxs("label", { className: "flex items-center justify-between gap-2", children: [
           /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: t("pptx.image.grayscale") }),
           /* @__PURE__ */ jsx(
-            "input",
+            WebCheckbox,
             {
               type: "checkbox",
               disabled: !canEdit,
@@ -20882,7 +20989,7 @@ function MediaPlaybackBookmarks({
       /* @__PURE__ */ jsxs("label", { className: LABEL_CLS2, children: [
         /* @__PURE__ */ jsx("span", { className: `text-[11px] ${LABEL_TEXT2}`, children: t("pptx.media.speed") }),
         /* @__PURE__ */ jsxs(
-          "select",
+          WebSelect,
           {
             "aria-label": t("pptx.media.speed"),
             disabled: !canEdit,
@@ -20944,7 +21051,7 @@ function MediaPlaybackBookmarks({
       /* @__PURE__ */ jsxs("label", { className: LABEL_CLS2, children: [
         /* @__PURE__ */ jsx("span", { className: `text-[11px] ${LABEL_TEXT2}`, children: t("pptx.media.loop") }),
         /* @__PURE__ */ jsx(
-          "input",
+          WebCheckbox,
           {
             type: "checkbox",
             disabled: !canEdit,
@@ -20958,7 +21065,7 @@ function MediaPlaybackBookmarks({
       /* @__PURE__ */ jsxs("label", { className: "flex items-center justify-between gap-2", children: [
         /* @__PURE__ */ jsx("span", { className: `text-[11px] ${LABEL_TEXT2}`, children: t("pptx.media.startTrigger") }),
         /* @__PURE__ */ jsxs(
-          "select",
+          WebSelect,
           {
             "aria-label": t("pptx.media.startTrigger"),
             disabled: !canEdit,
@@ -20977,7 +21084,7 @@ function MediaPlaybackBookmarks({
       element.mediaType === "audio" && /* @__PURE__ */ jsxs("label", { className: LABEL_CLS2, children: [
         /* @__PURE__ */ jsx("span", { className: `text-[11px] ${LABEL_TEXT2}`, children: t("pptx.media.playAcrossSlides") }),
         /* @__PURE__ */ jsx(
-          "input",
+          WebCheckbox,
           {
             type: "checkbox",
             disabled: !canEdit,
@@ -20992,7 +21099,7 @@ function MediaPlaybackBookmarks({
       /* @__PURE__ */ jsxs("label", { className: LABEL_CLS2, children: [
         /* @__PURE__ */ jsx("span", { className: `text-[11px] ${LABEL_TEXT2}`, children: t("pptx.media.fullScreen") }),
         /* @__PURE__ */ jsx(
-          "input",
+          WebCheckbox,
           {
             type: "checkbox",
             disabled: !canEdit,
@@ -21006,7 +21113,7 @@ function MediaPlaybackBookmarks({
       /* @__PURE__ */ jsxs("label", { className: LABEL_CLS2, children: [
         /* @__PURE__ */ jsx("span", { className: `text-[11px] ${LABEL_TEXT2}`, children: t("pptx.media.hideWhenNotPlaying") }),
         /* @__PURE__ */ jsx(
-          "input",
+          WebCheckbox,
           {
             type: "checkbox",
             disabled: !canEdit,
@@ -21934,7 +22041,7 @@ function EffectField({
     return /* @__PURE__ */ jsxs("label", { className: cls, children: [
       /* @__PURE__ */ jsx("span", { className: LBL2, children: fieldLabel }),
       /* @__PURE__ */ jsx(
-        "select",
+        WebSelect,
         {
           "aria-label": fieldLabel,
           value: String(val),
@@ -21969,7 +22076,7 @@ function EffectField({
   if (field.type === "checkbox") {
     return /* @__PURE__ */ jsxs("label", { className: `flex items-center gap-2 ${field.span2 ? COL2 : ""}`, children: [
       /* @__PURE__ */ jsx(
-        "input",
+        WebCheckbox,
         {
           type: "checkbox",
           checked: Boolean(val),
@@ -22033,7 +22140,7 @@ function SelectRow({
   return /* @__PURE__ */ jsxs("label", { className: `flex flex-col gap-1 ${span2 ? COL2 : ""}`, children: [
     /* @__PURE__ */ jsx("span", { className: LBL2, children: label }),
     /* @__PURE__ */ jsx(
-      "select",
+      WebSelect,
       {
         "aria-label": label,
         value,
@@ -22481,7 +22588,7 @@ function StrokeEffectsSection({
     /* @__PURE__ */ jsxs("label", { className: `flex flex-col gap-1 ${COL2}`, children: [
       /* @__PURE__ */ jsx("span", { className: LBL2, children: t("pptx.strokeEffects.strokeDash") }),
       /* @__PURE__ */ jsx(
-        "select",
+        WebSelect,
         {
           "aria-label": t("pptx.strokeEffects.strokeDash"),
           value: style?.strokeDash || "solid",
@@ -22521,7 +22628,7 @@ function StrokeEffectsSection({
       return /* @__PURE__ */ jsxs(React4.Fragment, { children: [
         /* @__PURE__ */ jsxs("label", { className: `inline-flex items-center gap-2 text-foreground ${COL2}`, children: [
           /* @__PURE__ */ jsx(
-            "input",
+            WebCheckbox,
             {
               type: "checkbox",
               checked: on,
@@ -22688,7 +22795,7 @@ function Text3DProperties({
     /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
       /* @__PURE__ */ jsxs("label", { className: "inline-flex items-center gap-2 text-foreground", children: [
         /* @__PURE__ */ jsx(
-          "input",
+          WebCheckbox,
           {
             type: "checkbox",
             checked: hasExtrusion,
@@ -22770,7 +22877,7 @@ function Text3DProperties({
     hasExtrusion && /* @__PURE__ */ jsxs("label", { className: "flex flex-col gap-1 pl-4", children: [
       /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: t("pptx.text3d.material") }),
       /* @__PURE__ */ jsx(
-        "select",
+        WebSelect,
         {
           "aria-label": t("pptx.text3d.material"),
           value: t3d?.presetMaterial ?? "",
@@ -22803,7 +22910,7 @@ function BevelSection({
       /* @__PURE__ */ jsxs("label", { className: "flex flex-col gap-1", children: [
         /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: t("pptx.text3d.bevelType") }),
         /* @__PURE__ */ jsx(
-          "select",
+          WebSelect,
           {
             "aria-label": t("pptx.text3d.bevelType"),
             value: bevelType ?? "none",
@@ -22901,7 +23008,7 @@ function AdvancedTextFormatting({
     /* @__PURE__ */ jsx("div", { className: "text-[11px] uppercase tracking-wide text-muted-foreground", children: t("pptx.textProperties.advancedTextHeading") }),
     /* @__PURE__ */ jsx("div", { className: "grid grid-cols-2 gap-2", children: BASELINE_TOGGLES.map(([label, baseline]) => /* @__PURE__ */ jsxs("label", { className: "inline-flex items-center gap-2 text-foreground", children: [
       /* @__PURE__ */ jsx(
-        "input",
+        WebCheckbox,
         {
           type: "checkbox",
           checked: ts?.baseline === baseline,
@@ -22932,7 +23039,7 @@ function AdvancedTextFormatting({
       /* @__PURE__ */ jsxs("label", { className: "flex flex-col gap-1", children: [
         /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: t("pptx.textProperties.underlineStyle") }),
         /* @__PURE__ */ jsx(
-          "select",
+          WebSelect,
           {
             "aria-label": t("pptx.textProperties.underlineStyle"),
             value: ts?.underlineStyle || "sng",
@@ -23052,7 +23159,7 @@ function AdvancedTextFormatting({
     ] }),
     /* @__PURE__ */ jsxs("label", { className: "inline-flex items-center gap-2 text-foreground", children: [
       /* @__PURE__ */ jsx(
-        "input",
+        WebCheckbox,
         {
           type: "checkbox",
           checked: Boolean(ts?.autoFit),
@@ -23074,7 +23181,7 @@ function TextReflectionSection({
   return /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
     /* @__PURE__ */ jsxs("label", { className: "inline-flex items-center gap-2 text-foreground", children: [
       /* @__PURE__ */ jsx(
-        "input",
+        WebCheckbox,
         {
           type: "checkbox",
           checked: hasReflection,
@@ -23191,7 +23298,7 @@ function TextEffectsPanel({
     /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
       /* @__PURE__ */ jsxs("label", { className: "inline-flex items-center gap-2 text-foreground", children: [
         /* @__PURE__ */ jsx(
-          "input",
+          WebCheckbox,
           {
             type: "checkbox",
             checked: hasShadow,
@@ -23303,7 +23410,7 @@ function TextEffectsPanel({
     /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
       /* @__PURE__ */ jsxs("label", { className: "inline-flex items-center gap-2 text-foreground", children: [
         /* @__PURE__ */ jsx(
-          "input",
+          WebCheckbox,
           {
             type: "checkbox",
             checked: hasGlow,
@@ -23464,7 +23571,7 @@ function ShapeTextPanels({
     hasShapeProperties(selectedElement) && /* @__PURE__ */ jsxs("div", { className: CARD2, children: [
       /* @__PURE__ */ jsx("div", { className: HEADING2, children: t("pptx.shape.type", "Shape Type") }),
       /* @__PURE__ */ jsx(
-        "select",
+        WebSelect,
         {
           value: selectedElement.shapeType || "rect",
           disabled: !canEdit,
@@ -24042,7 +24149,7 @@ function SmartArtStyleControls({
     /* @__PURE__ */ jsxs("label", { className: "flex flex-col gap-1 text-[11px]", children: [
       /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: t("pptx.smartart.colorScheme") }),
       /* @__PURE__ */ jsx(
-        "select",
+        WebSelect,
         {
           disabled: !canEdit,
           "data-testid": "smartart-color-scheme",
@@ -24468,7 +24575,7 @@ function TableCellPatternFill({
     /* @__PURE__ */ jsxs("label", { className: "flex flex-col gap-0.5", children: [
       /* @__PURE__ */ jsx("span", { className: LBL, children: t("pptx.table.patternPreset") }),
       /* @__PURE__ */ jsx(
-        "select",
+        WebSelect,
         {
           "aria-label": t("pptx.table.patternPreset"),
           disabled: !canEdit,
@@ -24549,7 +24656,7 @@ function TableCellAdvancedFill({
     /* @__PURE__ */ jsxs("label", { className: "flex flex-col gap-1", children: [
       /* @__PURE__ */ jsx("span", { className: LBL, children: t("pptx.table.fillMode") }),
       /* @__PURE__ */ jsx(
-        "select",
+        WebSelect,
         {
           "aria-label": t("pptx.table.fillMode"),
           disabled: !canEdit,
@@ -24626,7 +24733,7 @@ function GradientControls({
       /* @__PURE__ */ jsxs("label", { className: "flex flex-col gap-0.5", children: [
         /* @__PURE__ */ jsx("span", { className: LBL, children: t("pptx.table.gradientType") }),
         /* @__PURE__ */ jsx(
-          "select",
+          WebSelect,
           {
             "aria-label": t("pptx.table.gradientType"),
             disabled: !canEdit,
@@ -24977,7 +25084,7 @@ function TableStyleEditorFields({
         ),
         /* @__PURE__ */ jsxs("label", { className: "flex items-center gap-1", children: [
           /* @__PURE__ */ jsx(
-            "input",
+            WebCheckbox,
             {
               type: "checkbox",
               disabled: !canEdit,
@@ -25094,7 +25201,7 @@ function BorderSideRow({
       }
     ),
     /* @__PURE__ */ jsx(
-      "select",
+      WebSelect,
       {
         disabled: !canEdit,
         value: state.dash,
@@ -25105,7 +25212,7 @@ function BorderSideRow({
     ),
     /* @__PURE__ */ jsxs("label", { className: "flex items-center gap-1 shrink-0", children: [
       /* @__PURE__ */ jsx(
-        "input",
+        WebCheckbox,
         {
           type: "checkbox",
           disabled: !canEdit,
@@ -25234,7 +25341,7 @@ function TablePropertiesPanel({
         ["lastRow", "pptx.table.lastRow"]
       ].map(([key, i18nKey]) => /* @__PURE__ */ jsxs("label", { className: "flex items-center gap-2 cursor-pointer", children: [
         /* @__PURE__ */ jsx(
-          "input",
+          WebCheckbox,
           {
             type: "checkbox",
             disabled: !canEdit,
@@ -26452,7 +26559,7 @@ function SlideSizeCard({
       /* @__PURE__ */ jsxs("label", { className: "flex flex-col gap-1", children: [
         /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: t("pptx.slideSize.presets") }),
         /* @__PURE__ */ jsxs(
-          "select",
+          WebSelect,
           {
             "aria-label": t("pptx.slideSize.presets"),
             "data-pptx-slide-size-preset": true,
@@ -26470,7 +26577,7 @@ function SlideSizeCard({
       /* @__PURE__ */ jsxs("label", { className: "flex flex-col gap-1", children: [
         /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: t("pptx.slideSize.orientation") }),
         /* @__PURE__ */ jsxs(
-          "select",
+          WebSelect,
           {
             "aria-label": t("pptx.slideSize.orientation"),
             "data-pptx-slide-size-orientation": true,
@@ -26514,12 +26621,12 @@ function CheckboxRow({
   return /* @__PURE__ */ jsxs("label", { className: "flex items-center justify-between gap-2", children: [
     /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: label }),
     /* @__PURE__ */ jsx(
-      "input",
+      WebCheckbox,
       {
-        type: "checkbox",
+        "aria-label": label,
         disabled,
         checked,
-        onChange: (e) => onChange(e.target.checked)
+        onChange: (e) => onChange(e.currentTarget.checked)
       }
     )
   ] });
@@ -26536,14 +26643,14 @@ function PresentationSettingsCard({
       /* @__PURE__ */ jsxs("label", { className: "flex items-center justify-between gap-2", children: [
         /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: t("pptx.presentationSettings.showType") }),
         /* @__PURE__ */ jsxs(
-          "select",
+          WebSelect,
           {
             "aria-label": t("pptx.presentationSettings.showType"),
             disabled: !canEdit,
-            className: cn(INPUT2, "w-28"),
+            className: "w-28 max-md:min-h-[44px]!",
             value: presentationProperties.showType ?? "presented",
             onChange: (e) => onUpdate({
-              showType: e.target.value
+              showType: e.currentTarget.value
             }),
             children: [
               /* @__PURE__ */ jsx("option", { value: "presented", children: t("pptx.presentationSettings.showTypePresented") }),
@@ -26628,7 +26735,7 @@ function ThemeSelectorCard({
       /* @__PURE__ */ jsxs("label", { className: "flex flex-col gap-1", children: [
         /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: t("pptx.documentProperties.themeHeading") }),
         /* @__PURE__ */ jsx(
-          "select",
+          WebSelect,
           {
             "aria-label": t("pptx.documentProperties.themeHeading"),
             disabled: themeOptions.length === 0,
@@ -26747,7 +26854,7 @@ function SlideThemeOverridePanel({
   return /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
     /* @__PURE__ */ jsxs("label", { className: "inline-flex items-center gap-2 text-xs", children: [
       /* @__PURE__ */ jsx(
-        "input",
+        WebCheckbox,
         {
           type: "checkbox",
           disabled: !canEdit,
@@ -26772,7 +26879,7 @@ function SlideThemeOverridePanel({
           }
         ),
         /* @__PURE__ */ jsx(
-          "select",
+          WebSelect,
           {
             disabled: !canEdit,
             className: "flex-1 bg-muted border border-border rounded px-1 py-0.5 text-[11px]",
@@ -26938,7 +27045,7 @@ 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.type") }),
           /* @__PURE__ */ jsx(
-            "select",
+            WebSelect,
             {
               value: activeSlide.transition?.type || "none",
               disabled: !canEdit,
@@ -27023,7 +27130,7 @@ 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",
+            WebSelect,
             {
               value: activeSlide.transition?.speed ?? "fast",
               disabled: !canEdit,
@@ -27039,7 +27146,7 @@ function SlideTransitionSection({
         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",
+            WebSelect,
             {
               value: activeSlide.transition?.morphOption ?? "byObject",
               disabled: !canEdit,
@@ -27054,7 +27161,7 @@ function SlideTransitionSection({
         ] }),
         /* @__PURE__ */ jsxs("label", { className: "inline-flex items-center gap-2 text-foreground text-xs", children: [
           /* @__PURE__ */ jsx(
-            "input",
+            WebCheckbox,
             {
               type: "checkbox",
               disabled: !canEdit,
@@ -27380,7 +27487,7 @@ function SlideBackgroundPanel({
       ),
       /* @__PURE__ */ jsxs("label", { className: "flex items-center gap-2 text-[11px]", children: [
         /* @__PURE__ */ jsx(
-          "input",
+          WebCheckbox,
           {
             type: "checkbox",
             checked: activeSlide.showMasterShapes === false,
@@ -30803,31 +30910,18 @@ function TitleBar(p) {
       ] })
     ] }),
     /* @__PURE__ */ jsx("span", { className: TITLE_BAR_CLASSES.searchWrap, children: (p.mode === "edit" || p.mode === "master") && /* @__PURE__ */ jsxs("div", { ref: searchRef, className: "relative w-full max-w-md", children: [
-      /* @__PURE__ */ jsxs(
-        "div",
+      /* @__PURE__ */ jsx(
+        WebSearch,
         {
           "data-pptx-search-surface": true,
-          className: cn(
-            TITLE_BAR_CLASSES.searchBox,
-            (searchFocused || p.findReplaceOpen) && "text-foreground bg-background"
-          ),
-          children: [
-            /* @__PURE__ */ jsx(LuSearch, { className: TITLE_BAR_CLASSES.searchIcon }),
-            /* @__PURE__ */ jsx(
-              "input",
-              {
-                "data-pptx-search-input": true,
-                type: "text",
-                value: searchQuery,
-                onChange: (e) => setSearchQuery(e.target.value),
-                onFocus: () => setSearchFocused(true),
-                onKeyDown: handleSearchKeyDown,
-                placeholder: t("pptx.titleBar.searchPlaceholder"),
-                className: "flex-1 bg-transparent text-[11px] outline-none placeholder:text-muted-foreground/60",
-                "aria-label": t("pptx.titleBar.search")
-              }
-            )
-          ]
+          "data-pptx-search-input": true,
+          variant: "titlebar",
+          value: searchQuery,
+          onInput: (e) => setSearchQuery(e.currentTarget.value),
+          onFocus: () => setSearchFocused(true),
+          onKeyDown: handleSearchKeyDown,
+          placeholder: t("pptx.titleBar.searchPlaceholder"),
+          "aria-label": t("pptx.titleBar.search")
         }
       ),
       searchFocused && searchQuery.trim() && /* @__PURE__ */ jsxs("div", { className: "absolute left-0 right-0 top-full z-50 mt-1 rounded-lg border border-border bg-popover shadow-xl max-h-64 overflow-y-auto", children: [
@@ -31316,6 +31410,12 @@ function ViewerToolbarSection(props) {
         onOpenSettings,
         onRunAccessibilityCheck: dialogs.handleRunAccessibilityCheck,
         onToggleSlideSorter: () => s.setShowSlideSorter((p) => !p),
+        onGoToNormalView: () => {
+          s.setShowSlideSorter(false);
+          s.setShowReadingView(false);
+          s.setShowOutlineView(false);
+          dialogs.handleCloseMasterView();
+        },
         onOpenReadingView: () => s.setShowReadingView(true),
         onOpenOutlineView: () => s.setShowOutlineView(true),
         onUpdateTextStyle: ops.updateSelectedTextStyle,
@@ -32837,7 +32937,7 @@ function useTableStyleMapHandlers(input) {
 var AiChatPanel = lazy(async () => {
   const [{ useChat }, { default: Panel }] = await Promise.all([
     import('@ai-sdk/react'),
-    import('./AiChatPanel-Y2RKSHOO.mjs')
+    import('./AiChatPanel-UCEK3ZTD.mjs')
   ]);
   function BoundAiChatPanel(props) {
     return /* @__PURE__ */ jsx(Panel, { ...props, useChat });
@@ -33048,7 +33148,7 @@ function ThemeColorSchemeEditor({
         /* @__PURE__ */ jsxs("label", { className: "flex flex-col gap-0.5", children: [
           /* @__PURE__ */ jsx("span", { className: "text-[10px] text-muted-foreground", children: t("pptx.themeEditor.headingFont") }),
           /* @__PURE__ */ jsxs(
-            "select",
+            WebSelect,
             {
               "aria-label": t("pptx.themeEditor.headingFont"),
               className: THEME_EDITOR_INPUT,
@@ -33069,7 +33169,7 @@ function ThemeColorSchemeEditor({
         /* @__PURE__ */ jsxs("label", { className: "flex flex-col gap-0.5", children: [
           /* @__PURE__ */ jsx("span", { className: "text-[10px] text-muted-foreground", children: t("pptx.themeEditor.bodyFont") }),
           /* @__PURE__ */ jsxs(
-            "select",
+            WebSelect,
             {
               "aria-label": t("pptx.themeEditor.bodyFont"),
               className: THEME_EDITOR_INPUT,
@@ -34902,12 +35002,15 @@ function ControlRow({
         info
       ] }),
       /* @__PURE__ */ jsx(
-        "input",
+        WebCheckbox,
         {
-          type: "checkbox",
-          className: "h-4 w-4 shrink-0 accent-[var(--pptx-primary,#6366f1)]",
           checked: value === true,
-          onChange: (event) => onOptionChange(control.group, control.key, event.target.checked)
+          "aria-label": label,
+          onChange: (event) => onOptionChange(
+            control.group,
+            control.key,
+            event.currentTarget.checked
+          )
         }
       )
     ] });
@@ -34919,13 +35022,16 @@ function ControlRow({
         info
       ] }),
       /* @__PURE__ */ jsx(
-        "select",
+        WebSelect,
         {
           "aria-label": label,
           style: { minHeight: fieldMinHeight },
-          className: "max-w-[55%] rounded border border-border bg-background px-2 py-1 text-xs text-foreground",
           value: typeof value === "string" ? value : "",
-          onChange: (event) => onOptionChange(control.group, control.key, event.target.value),
+          onChange: (event) => onOptionChange(
+            control.group,
+            control.key,
+            event.currentTarget.value
+          ),
           children: control.choices.map((choice) => /* @__PURE__ */ jsx("option", { value: choice.value, children: t(choice.labelKey) }, choice.value))
         }
       )
@@ -37192,7 +37298,7 @@ var PowerPointViewer = forwardRef(
       // Nothing previously provided it, so every one of those consumers was
       // silently reading `DEFAULT_VIEWER_OPTIONS` forever, no matter what
       // the user changed in the Options dialog.
-      /* @__PURE__ */ jsx(ViewerOptionsContext.Provider, { value: viewerOptions, children: /* @__PURE__ */ jsx(AccountAuthContext.Provider, { value: accountAuth, children: /* @__PURE__ */ jsx(SmartArt3DContext.Provider, { value: effective3D.smartArt3D, children: /* @__PURE__ */ jsx(SurfaceChart3DContext.Provider, { value: effective3D.surfaceChart3D, children: /* @__PURE__ */ jsx(BarChart3DContext.Provider, { value: effective3D.barChart3D, children: /* @__PURE__ */ jsx(LineChart3DContext.Provider, { value: effective3D.lineChart3D, children: /* @__PURE__ */ jsx(AreaChart3DContext.Provider, { value: effective3D.areaChart3D, children: /* @__PURE__ */ jsx(PieChart3DContext.Provider, { value: effective3D.pieChart3D, children: /* @__PURE__ */ jsx(ViewerThemeProvider, { theme: effectiveTheme, children: /* @__PURE__ */ jsxs(
+      /* @__PURE__ */ jsx(ViewerOptionsContext.Provider, { value: viewerOptions, children: /* @__PURE__ */ jsx(AccountAuthContext.Provider, { value: accountAuth, children: /* @__PURE__ */ jsx(Rendering3DFlagsContext.Provider, { value: effective3D, children: /* @__PURE__ */ jsx(ViewerThemeProvider, { theme: effectiveTheme, children: /* @__PURE__ */ jsxs(
         CollaborationProvider,
         {
           config: collaboration,
@@ -37245,7 +37351,7 @@ var PowerPointViewer = forwardRef(
             viewerContent
           ]
         }
-      ) }) }) }) }) }) }) }) }) })
+      ) }) }) }) })
     );
   }
 );