pptx-react-viewer 1.22.2 → 1.23.0

package/dist/{chunk-OIAKQGMC.mjs → chunk-36NC56XG.mjs}

@@ -1,7 +1,7 @@
-import { DEFAULT_STROKE_COLOR, getConnectorPathGeometry, buildLineShadowCss, buildLineGlowFilter, renderConnectorMarker, MIN_ELEMENT_SIZE, getShapeVisualStyle, getTextStyleForElement, DEFAULT_TEXT_COLOR, renderVectorShape, isConnectorOrLineElement, build3DExtrusionData, getImageRenderStyle, cn, getTextLayoutStyle, renderTableElement, renderMediaElement, shouldRenderFallbackLabel, SHAPE_PRESETS, ANIMATION_PRESET_OPTIONS, useReducedMotion, useViewerState, useIsMobile, useResizablePanels, useDerivedSlideState, useZoomViewport, useEditorHistory, usePresentationSetup, useTouchGestures, useViewerDialogs, useEditorOperations, useViewerIntegration, useYjsDocumentSync, useFollowMode, useBroadcastFollower, DEFAULT_FILL_COLOR, hasDagDuotoneEffect, renderDagDuotoneSvgFilter, getCropShapeClipPath, resolvePalette, resolveStyle, layoutToCategory, wrapChrome, isImageTiled, getImageTilingStyle, getDuotoneColors, getTextWarpStyle, renderTextSegments, buildReactChartViewModel, renderChartElement, buildTextBody3DSceneStyle, SLIDE_TRANSITION_OPTIONS, SLIDE_NAV_THUMBNAIL_WIDTH, useToolbarVisibility, useKeyboardInsets, useModalDismissDrag, SHORTCUT_REFERENCE_ITEMS, useCollaborativeState, styleShadow, styleStroke, colour, fitFontSize, smartArtNodeGroupProps, chevronPoints, SmartArtNodeText, truncate, renderStepDownProcess, renderAlternatingFlow, renderDescendingProcess, renderPictureAccentList, renderVerticalBlockList, renderGroupedList, renderPyramidList, renderHorizontalPictureList, renderAccentProcess, renderVerticalChevronList, DEFAULT_TEXT_FONT_SIZE, DEFAULT_FONT_FAMILY, TOOLBAR_SECTIONS, useVirtualizedSlides, useSwipeNavigation, useSheetDismissDrag, detectTargetType, parseEmailUrl, parseSlideFromUrl, ACTION_VERB_MAP, buildTree, treeWidth, treeDepth, nodeOpacity, gearPath, resolveSmartArtDataPalette, HYPERLINK_COLOR, GRID_SIZE, startPreviewAnimation, stopPreviewAnimation } from './chunk-3MZ7IARF.mjs';
-import { normalizeHexColor, colorWithOpacity, normalizeStrokeDashType, getSvgStrokeDasharray, getCompoundLineOffsets, getCompoundLineWidths, svgLineCap, getElementTransform, isEditableTextElement, getAriaRole, getAriaLabel, getAriaRoleDescription, getImageEffectsOpacity, getImageEffectsFilter, getElementTransformWithoutRotation, ACTION_BUTTON_PRESETS, getElementLabel, RULER_THICKNESS, RULER_FONT_SIZE, convertLatexToOmml, convertOmmlToMathMl, sanitizeMathMl, buildUserFontFaceStyles, readStoredViewerPrefs, resolveThemeCatalogEntry, THEME_CATALOG, writeStoredViewerPrefs, openPptxFile, readBackstageRecentFile, buildCssGradientFromShapeStyle, buildSmartArtA11y, buildSummaryZoomView, getImageColorWashStyle, getPendingSelectionRestore, restoreSegmentSelection, getTextCompensationTransform, formatAxisValue, hasPressureVariation, getInkReplayStyles, INK_REPLAY_KEYFRAMES, resolveInkColor, resolveInkWidth, resolveInkOpacity, pressuresToWidths, getContentPartReplayStyles, resolveOleType, getOleTypeColor, getOleTypeLabel, shouldUseSvgWarp, themeToCssVars, DEFAULT_INSERT_CHART_TYPE, hasCopyableFormat, createBackstagePresentation, SETTING_TOGGLES, buildJoinCollaborationConfig, buildCreateCollaborationConfig, generateBroadcastRoomId, DEFAULT_BROADCAST_SERVER_URL, buildBroadcastViewerUrl, resolveTransportForServerUrl, resolveDrawingShapeNodeId, getImageSvgFilters, buildDuotoneCacheKey, getDuotoneCachedResult, applyDuotone, setDuotoneCachedResult, buildCacheKey, DEFAULT_COLOR_CHANGE_TOLERANCE, getCachedResult, applyColorChange, setCachedResult, findChartPartTarget, dragValueForPart, withChartPointValue, dragAnchorViewY, withChartTitle, computeSmartArtLayout, buildSmartArt3DModel, extractPathPoints, generatePressureCircles, isBrowserOpenableMime, formatBytes, getOleBadgeLabel, openUrlInNewTab, getWarpPath, getSlideBackgroundStyle, filterCommands, resolveTitleBarStatusKey, TITLE_BAR_CLASSES, TITLE_BAR_DEFAULT_FILE_KEY, safeOpenUrl, isPpactionUrl, parsePpactionUrl, formatVersionTimestamp, formatRelativeTime, scanAvailableFontFamilies, PRESETS, CATEGORIES, convertOmmlToLatex, clampPercent, HANDOUT_OPTIONS, activateModalFocus, buildCollaborationShareUrl, presentationInkPath, mobileElapsedSince, isFirstSlide, isLastSlide, formatMobileElapsed, mobileSlideCounter, formatElapsed, computeInlineEditorRect, findSmartArtNodeText, rebuildDrawingShapesIfCleared, shouldCommitSmartArtNodeText, groupIntoParagraphs, substituteFieldText, TAB_ROW_ACTION_CLASSES, listBackstageRecentFiles, BACKSTAGE_NAV, INSERT_CHART_TYPES, SLIDE_VIRTUALIZATION_THRESHOLD, getShapeAdjustmentHandleDescriptor, getSlideTransitionAnimations, SLIDE_TRANSITION_KEYFRAMES, formatSlideCounter, isUrlSafe, computeHandoutLayout, getPrintableArea, generateNoteLineCount, computeAllNotesPages, getNotesPrintableArea, notesSegmentsToSpans, erasePresentationInkAt, movePresenterPointer, appendPresentationInkPoint, NOTES_FONT_SIZE_DEFAULT, formatTime, NOTES_FONT_SIZE_MIN, clampNotesFontSize, NOTES_FONT_SIZE_STEP, NOTES_FONT_SIZE_MAX, BACKSTAGE_TEMPLATES, formatBackstageDate, formatBackstageSize, DEFAULT_VIEWER_PROFILE, resolveProfileInitial, AVATAR_COLOR_SWATCHES, getConnectionSites, generateTicks, getCommentMarkerPosition, buildThemeColorGrid, THEME_COLOR_LABELS, buildSmartArtPresetData, getLocalStorageUsageSummary, saveViewerProfile, clearAllLocalViewerData, TABLE_STYLE_PRESETS, formatCommentTimestamp, DIRECTIONAL_PRESETS, computeMergeCellRight, computeMergeCellDown, computeSplitCell, DUOTONE_PRESETS, ARTISTIC_EFFECTS, LBL, SEL, FILL_MODE_OPTIONS, SECTION_HEADING, NUM, GRADIENT_TYPE_OPTIONS, PATTERN_OPTIONS } from './chunk-5SBQZEKD.mjs';
+import { DEFAULT_STROKE_COLOR, getConnectorPathGeometry, buildLineShadowCss, buildLineGlowFilter, renderConnectorMarker, MIN_ELEMENT_SIZE, getShapeVisualStyle, getTextStyleForElement, DEFAULT_TEXT_COLOR, renderVectorShape, isConnectorOrLineElement, build3DExtrusionData, getImageRenderStyle, cn, getTextLayoutStyle, renderTableElement, renderMediaElement, shouldRenderFallbackLabel, SHAPE_PRESETS, ANIMATION_PRESET_OPTIONS, useReducedMotion, useViewerState, useIsMobile, useResizablePanels, useDerivedSlideState, useZoomViewport, useEditorHistory, usePresentationSetup, useTouchGestures, useViewerDialogs, useEditorOperations, useViewerIntegration, useYjsDocumentSync, useFollowMode, useBroadcastFollower, DEFAULT_FILL_COLOR, hasDagDuotoneEffect, renderDagDuotoneSvgFilter, getCropShapeClipPath, resolvePalette, resolveStyle, layoutToCategory, wrapChrome, isImageTiled, getImageTilingStyle, getDuotoneColors, getTextWarpStyle, renderTextSegments, buildReactChartViewModel, renderChartElement, buildTextBody3DSceneStyle, SLIDE_TRANSITION_OPTIONS, SLIDE_NAV_THUMBNAIL_WIDTH, useToolbarVisibility, useKeyboardInsets, useModalDismissDrag, SHORTCUT_REFERENCE_ITEMS, useCollaborativeState, styleShadow, styleStroke, colour, fitFontSize, smartArtNodeGroupProps, chevronPoints, SmartArtNodeText, truncate, renderStepDownProcess, renderAlternatingFlow, renderDescendingProcess, renderPictureAccentList, renderVerticalBlockList, renderGroupedList, renderPyramidList, renderHorizontalPictureList, renderAccentProcess, renderVerticalChevronList, DEFAULT_TEXT_FONT_SIZE, DEFAULT_FONT_FAMILY, TOOLBAR_SECTIONS, useVirtualizedSlides, useSwipeNavigation, useSheetDismissDrag, detectTargetType, parseEmailUrl, parseSlideFromUrl, ACTION_VERB_MAP, buildTree, treeWidth, treeDepth, nodeOpacity, gearPath, resolveSmartArtDataPalette, HYPERLINK_COLOR, GRID_SIZE, startPreviewAnimation, stopPreviewAnimation } from './chunk-LFEVG3ED.mjs';
+import { normalizeHexColor, colorWithOpacity, normalizeStrokeDashType, getSvgStrokeDasharray, getCompoundLineOffsets, getCompoundLineWidths, svgLineCap, getElementTransform, isEditableTextElement, getAriaRole, getAriaLabel, getAriaRoleDescription, getImageEffectsOpacity, getImageEffectsFilter, getElementTransformWithoutRotation, ACTION_BUTTON_PRESETS, getElementLabel, RULER_THICKNESS, RULER_FONT_SIZE, EQUATION_TEMPLATES, convertLatexToOmml, convertOmmlToMathMl, sanitizeMathMl, buildUserFontFaceStyles, readStoredViewerPrefs, resolveThemeCatalogEntry, THEME_CATALOG, writeStoredViewerPrefs, openPptxFile, readBackstageRecentFile, buildCssGradientFromShapeStyle, buildSmartArtA11y, buildSummaryZoomView, getImageColorWashStyle, getPendingSelectionRestore, restoreSegmentSelection, getTextCompensationTransform, formatAxisValue, hasPressureVariation, getInkReplayStyles, INK_REPLAY_KEYFRAMES, resolveInkColor, resolveInkWidth, resolveInkOpacity, pressuresToWidths, getContentPartReplayStyles, resolveOleType, getOleTypeColor, getOleTypeLabel, shouldUseSvgWarp, themeToCssVars, DEFAULT_INSERT_CHART_TYPE, hasCopyableFormat, createBackstagePresentation, SETTING_TOGGLES, buildJoinCollaborationConfig, buildCreateCollaborationConfig, generateBroadcastRoomId, DEFAULT_BROADCAST_SERVER_URL, buildBroadcastViewerUrl, resolveTransportForServerUrl, resolveDrawingShapeNodeId, getImageSvgFilters, buildDuotoneCacheKey, getDuotoneCachedResult, applyDuotone, setDuotoneCachedResult, buildCacheKey, DEFAULT_COLOR_CHANGE_TOLERANCE, getCachedResult, applyColorChange, setCachedResult, findChartPartTarget, dragValueForPart, withChartPointValue, dragAnchorViewY, withChartTitle, computeSmartArtLayout, buildSmartArt3DModel, extractPathPoints, generatePressureCircles, isBrowserOpenableMime, formatBytes, getOleBadgeLabel, openUrlInNewTab, getWarpPath, getSlideBackgroundStyle, filterCommands, resolveTitleBarStatusKey, TITLE_BAR_CLASSES, TITLE_BAR_DEFAULT_FILE_KEY, safeOpenUrl, isPpactionUrl, parsePpactionUrl, formatVersionTimestamp, formatRelativeTime, scanAvailableFontFamilies, PRESETS, CATEGORIES, convertOmmlToLatex, clampPercent, HANDOUT_OPTIONS, activateModalFocus, buildCollaborationShareUrl, presentationInkPath, mobileElapsedSince, isFirstSlide, isLastSlide, formatMobileElapsed, mobileSlideCounter, formatElapsed, computeInlineEditorRect, findSmartArtNodeText, rebuildDrawingShapesIfCleared, shouldCommitSmartArtNodeText, groupIntoParagraphs, substituteFieldText, TAB_ROW_ACTION_CLASSES, listBackstageRecentFiles, BACKSTAGE_NAV, INSERT_CHART_TYPES, SLIDE_VIRTUALIZATION_THRESHOLD, getShapeAdjustmentHandleDescriptor, getSlideTransitionAnimations, SLIDE_TRANSITION_KEYFRAMES, formatSlideCounter, isUrlSafe, computeHandoutLayout, getPrintableArea, generateNoteLineCount, computeAllNotesPages, getNotesPrintableArea, notesSegmentsToSpans, erasePresentationInkAt, movePresenterPointer, appendPresentationInkPoint, NOTES_FONT_SIZE_DEFAULT, formatTime, NOTES_FONT_SIZE_MIN, clampNotesFontSize, NOTES_FONT_SIZE_STEP, NOTES_FONT_SIZE_MAX, BACKSTAGE_TEMPLATES, formatBackstageDate, formatBackstageSize, DEFAULT_VIEWER_PROFILE, resolveProfileInitial, AVATAR_COLOR_SWATCHES, getConnectionSites, generateTicks, getCommentMarkerPosition, buildThemeColorGrid, THEME_COLOR_LABELS, buildSmartArtPresetData, getLocalStorageUsageSummary, saveViewerProfile, clearAllLocalViewerData, TABLE_STYLE_PRESETS, formatCommentTimestamp, DIRECTIONAL_PRESETS, computeMergeCellRight, computeMergeCellDown, computeSplitCell, DUOTONE_PRESETS, ARTISTIC_EFFECTS, LBL, SEL, FILL_MODE_OPTIONS, SECTION_HEADING, NUM, GRADIENT_TYPE_OPTIONS, PATTERN_OPTIONS } from './chunk-I42XL2WU.mjs';
 import { LOCALE_CATALOG, translationsEn } from './chunk-E3KJKCSV.mjs';
-import { hasShapeProperties, hasTextProperties, isInkElement, SWITCHABLE_LAYOUT_TYPES, isImageLikeElement, getLinkedTextBoxSegments, getSubstituteFontFamily, themeColorSchemesEqual, setSmartArtNodeStyle, updateSmartArtNodeText, THEME_COLOR_SCHEME_KEYS, chartDataChangeType, chartDataUpdatePoint, chartDataAddCategory, chartDataRemoveCategory, chartDataAddSeries, chartDataRemoveSeries, setChartAxisLogScale, setChartAxisTitleStyle, setChartAxisGridlineStyle, setChartSeriesMarker, setChartSeriesChartType, setChartDataPointFill, setChartDataPointExplosion, setChartDataPointMarker, setChartDataPointLabel, getOleObjectTypeLabel, pptxActionToElementAction, applyThemeOverrideToSlide, COLOR_MAP_ALIAS_KEYS, DEFAULT_COLOR_MAP, addSmartArtNodeAsChild, removeSmartArtNode, elementActionToPptxAction, switchSmartArtLayout, addSmartArtNode, demoteSmartArtNode, promoteSmartArtNode, reorderSmartArtNode } from './chunk-3ZGCM6RC.mjs';
+import { hasShapeProperties, hasTextProperties, isInkElement, SWITCHABLE_LAYOUT_TYPES, isImageLikeElement, getLinkedTextBoxSegments, getSubstituteFontFamily, themeColorSchemesEqual, setSmartArtNodeStyle, updateSmartArtNodeText, THEME_COLOR_SCHEME_KEYS, chartDataChangeType, chartDataUpdatePoint, chartDataAddCategory, chartDataRemoveCategory, chartDataAddSeries, chartDataRemoveSeries, setChartAxisLogScale, setChartAxisTitleStyle, setChartAxisGridlineStyle, setChartSeriesMarker, setChartSeriesChartType, setChartDataPointFill, setChartDataPointExplosion, setChartDataPointMarker, setChartDataPointLabel, getOleObjectTypeLabel, pptxActionToElementAction, applyThemeOverrideToSlide, COLOR_MAP_ALIAS_KEYS, DEFAULT_COLOR_MAP, addSmartArtNodeAsChild, removeSmartArtNode, elementActionToPptxAction, switchSmartArtLayout, addSmartArtNode, demoteSmartArtNode, promoteSmartArtNode, reorderSmartArtNode } from './chunk-AFWMAFWR.mjs';
 import React14, { createContext, useMemo, useState, useCallback, forwardRef, useEffect, useRef, Suspense, useLayoutEffect, useContext, useDeferredValue } from 'react';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import { useTranslation } from 'react-i18next';
@@ -2834,7 +2834,7 @@ function FailedToLoad() {
 var LazyModel3DScene = React14.lazy(
   async () => {
     try {
-      return await import('./Model3DScene-NLUSXHD6.mjs');
+      return await import('./Model3DScene-4XNBDASE.mjs');
     } catch {
       return { default: FailedToLoad };
     }
@@ -12566,7 +12566,7 @@ var _b = "inline-flex items-center justify-center px-2.5 py-1.5 max-md:min-h-[44
 var gB = `${_b} border-r border-border hover:bg-accent disabled:opacity-40 disabled:cursor-not-allowed`;
 var gL = `${_b} hover:bg-accent disabled:opacity-40 disabled:cursor-not-allowed`;
 var grp = "inline-flex items-center rounded bg-muted text-xs overflow-hidden";
-var pill = "inline-flex items-center gap-1.5 px-2.5 py-1.5 max-md:min-h-[44px] rounded bg-muted hover:bg-accent text-xs transition-colors active:scale-95 active:opacity-80";
+var pill = "inline-flex items-center gap-1.5 px-2.5 py-1.5 max-md:min-h-[44px] rounded bg-muted hover:bg-accent text-xs transition-colors active:scale-95 active:opacity-80 disabled:opacity-40 disabled:cursor-not-allowed";
 var sep = /* @__PURE__ */ jsx("div", { className: "w-px self-stretch bg-border/40 mx-1 max-md:hidden" });
 var ic2 = "w-4 h-4";
 var ics = "w-3.5 h-3.5";
@@ -12725,156 +12725,168 @@ function ArrangeSection(p) {
   const { t } = useTranslation();
   const hasSel = Boolean(p.selectedElement);
   const canMut = hasSel && p.canEdit;
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx("div", { className: grp, children: ALIGN_BTNS.map((a, i, arr) => /* @__PURE__ */ jsx(
-      "button",
-      {
-        type: "button",
-        onClick: () => p.onAlignElements(a.k),
-        disabled: !canMut,
-        className: i < arr.length - 1 ? gB : gL,
-        title: t("pptx.arrange.align", { direction: a.k }),
-        children: a.el
-      },
-      a.k
-    )) }),
-    /* @__PURE__ */ jsx("div", { className: grp, children: DISTRIBUTE_BTNS.map((d, i, arr) => /* @__PURE__ */ jsx(
-      "button",
-      {
-        type: "button",
-        onClick: () => p.onDistributeElements(d.k),
-        disabled: !p.canEdit || !p.canDistribute,
-        className: i < arr.length - 1 ? gB : gL,
-        title: t(`pptx.arrange.distribute${d.k.charAt(0).toUpperCase()}${d.k.slice(1)}`),
-        children: d.el
-      },
-      d.k
-    )) }),
-    /* @__PURE__ */ jsxs("div", { className: grp, children: [
-      /* @__PURE__ */ jsx("button", { onClick: p.onCopy, disabled: !hasSel, className: gB, title: t("pptx.arrange.copy"), children: /* @__PURE__ */ jsx(LuCopy, { className: ic2 }) }),
-      /* @__PURE__ */ jsx("button", { onClick: p.onCut, disabled: !canMut, className: gB, title: t("pptx.arrange.cut"), children: t("pptx.arrange.cut") }),
-      /* @__PURE__ */ jsx(
-        "button",
-        {
-          onClick: p.onPaste,
-          disabled: !p.clipboardPayload || !p.canEdit,
-          className: gL,
-          title: t("pptx.arrange.paste"),
-          children: /* @__PURE__ */ jsx(LuClipboardPaste, { className: ic2 })
-        }
-      )
-    ] }),
-    p.onToggleFormatPainter && /* @__PURE__ */ jsxs(
-      "button",
-      {
-        type: "button",
-        onClick: p.onToggleFormatPainter,
-        disabled: !p.canEdit || p.canActivateFormatPainter === false && !p.formatPainterActive,
-        "data-testid": "format-painter-toggle",
-        "data-active": p.formatPainterActive ? "true" : "false",
-        className: cn(
-          pill,
-          p.formatPainterActive ? "bg-amber-600 hover:bg-amber-500 text-amber-50" : ""
-        ),
-        title: t("pptx.arrange.formatPainter"),
-        children: [
-          /* @__PURE__ */ jsx(LuPaintbrush, { className: ic2 }),
-          t("pptx.arrange.format")
-        ]
-      }
-    ),
-    /* @__PURE__ */ jsxs("div", { className: grp, children: [
-      /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center gap-0.5", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
+      /* @__PURE__ */ jsx("div", { className: grp, children: ALIGN_BTNS.map((a, i, arr) => /* @__PURE__ */ jsx(
         "button",
         {
           type: "button",
-          onClick: () => p.onFlip("horizontal"),
+          onClick: () => p.onAlignElements(a.k),
           disabled: !canMut,
-          className: gB,
-          title: t("pptx.arrange.flipHorizontally"),
-          children: t("pptx.arrange.flipH")
-        }
-      ),
-      /* @__PURE__ */ jsx(
+          className: i < arr.length - 1 ? gB : gL,
+          title: t("pptx.arrange.align", { direction: a.k }),
+          children: a.el
+        },
+        a.k
+      )) }),
+      /* @__PURE__ */ jsx("div", { className: grp, children: DISTRIBUTE_BTNS.map((d, i, arr) => /* @__PURE__ */ jsx(
         "button",
         {
           type: "button",
-          onClick: () => p.onFlip("vertical"),
-          disabled: !canMut,
-          className: gL,
-          title: t("pptx.arrange.flipVertically"),
-          children: t("pptx.arrange.flipV")
-        }
-      )
-    ] }),
-    /* @__PURE__ */ jsxs("div", { className: grp, children: [
-      /* @__PURE__ */ jsx(
-        "button",
-        {
-          onClick: () => p.onMoveLayer("backward"),
-          disabled: !canMut,
-          className: gB,
-          title: t("pptx.arrange.sendBackward"),
-          children: /* @__PURE__ */ jsx(LuChevronDown, { className: ic2 })
-        }
-      ),
-      /* @__PURE__ */ jsx(
+          onClick: () => p.onDistributeElements(d.k),
+          disabled: !p.canEdit || !p.canDistribute,
+          className: i < arr.length - 1 ? gB : gL,
+          title: t(`pptx.arrange.distribute${d.k.charAt(0).toUpperCase()}${d.k.slice(1)}`),
+          children: d.el
+        },
+        d.k
+      )) }),
+      /* @__PURE__ */ jsxs("div", { className: grp, children: [
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            onClick: p.onCopy,
+            disabled: !hasSel,
+            className: gB,
+            title: t("pptx.arrange.copy"),
+            children: /* @__PURE__ */ jsx(LuCopy, { className: ic2 })
+          }
+        ),
+        /* @__PURE__ */ jsx("button", { onClick: p.onCut, disabled: !canMut, className: gB, title: t("pptx.arrange.cut"), children: t("pptx.arrange.cut") }),
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            onClick: p.onPaste,
+            disabled: !p.clipboardPayload || !p.canEdit,
+            className: gL,
+            title: t("pptx.arrange.paste"),
+            children: /* @__PURE__ */ jsx(LuClipboardPaste, { className: ic2 })
+          }
+        )
+      ] }),
+      p.onToggleFormatPainter && /* @__PURE__ */ jsxs(
         "button",
         {
-          onClick: () => p.onMoveLayer("forward"),
-          disabled: !canMut,
-          className: gB,
-          title: t("pptx.arrange.bringForward"),
-          children: /* @__PURE__ */ jsx(LuChevronUp, { className: ic2 })
+          type: "button",
+          onClick: p.onToggleFormatPainter,
+          disabled: !p.canEdit || p.canActivateFormatPainter === false && !p.formatPainterActive,
+          "data-testid": "format-painter-toggle",
+          "data-active": p.formatPainterActive ? "true" : "false",
+          className: cn(
+            pill,
+            p.formatPainterActive ? "bg-amber-600 hover:bg-amber-500 text-amber-50" : ""
+          ),
+          title: t("pptx.arrange.formatPainter"),
+          children: [
+            /* @__PURE__ */ jsx(LuPaintbrush, { className: ic2 }),
+            t("pptx.arrange.format")
+          ]
         }
       ),
-      /* @__PURE__ */ jsx(
+      /* @__PURE__ */ jsxs("div", { className: grp, children: [
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            onClick: () => p.onFlip("horizontal"),
+            disabled: !canMut,
+            className: gB,
+            title: t("pptx.arrange.flipHorizontally"),
+            children: t("pptx.arrange.flipH")
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            onClick: () => p.onFlip("vertical"),
+            disabled: !canMut,
+            className: gL,
+            title: t("pptx.arrange.flipVertically"),
+            children: t("pptx.arrange.flipV")
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: grp, children: [
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            onClick: () => p.onMoveLayer("backward"),
+            disabled: !canMut,
+            className: gB,
+            title: t("pptx.arrange.sendBackward"),
+            children: /* @__PURE__ */ jsx(LuChevronDown, { className: ic2 })
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            onClick: () => p.onMoveLayer("forward"),
+            disabled: !canMut,
+            className: gB,
+            title: t("pptx.arrange.bringForward"),
+            children: /* @__PURE__ */ jsx(LuChevronUp, { className: ic2 })
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            onClick: () => p.onMoveLayerToEdge("back"),
+            disabled: !canMut,
+            className: gB,
+            title: t("pptx.arrange.sendToBack"),
+            children: t("pptx.arrange.back")
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            onClick: () => p.onMoveLayerToEdge("front"),
+            disabled: !canMut,
+            className: gL,
+            title: t("pptx.arrange.bringToFront"),
+            children: t("pptx.arrange.front")
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs(
         "button",
         {
-          onClick: () => p.onMoveLayerToEdge("back"),
+          onClick: p.onDuplicate,
           disabled: !canMut,
-          className: gB,
-          title: t("pptx.arrange.sendToBack"),
-          children: t("pptx.arrange.back")
+          className: pill,
+          title: t("pptx.arrange.duplicate"),
+          children: [
+            /* @__PURE__ */ jsx(LuCopy, { className: ic2 }),
+            t("pptx.arrange.duplicate")
+          ]
         }
       ),
-      /* @__PURE__ */ jsx(
+      /* @__PURE__ */ jsxs(
         "button",
         {
-          onClick: () => p.onMoveLayerToEdge("front"),
+          onClick: p.onDelete,
           disabled: !canMut,
-          className: gL,
-          title: t("pptx.arrange.bringToFront"),
-          children: t("pptx.arrange.front")
+          className: "inline-flex items-center gap-1.5 px-2.5 py-1.5 rounded bg-red-700/80 hover:bg-red-600 disabled:opacity-40 disabled:cursor-not-allowed text-xs transition-colors",
+          title: t("pptx.arrange.delete"),
+          children: [
+            /* @__PURE__ */ jsx(LuTrash2, { className: ic2 }),
+            t("pptx.arrange.delete")
+          ]
         }
       )
     ] }),
-    /* @__PURE__ */ jsxs(
-      "button",
-      {
-        onClick: p.onDuplicate,
-        disabled: !canMut,
-        className: pill,
-        title: t("pptx.arrange.duplicate"),
-        children: [
-          /* @__PURE__ */ jsx(LuCopy, { className: ic2 }),
-          t("pptx.arrange.duplicate")
-        ]
-      }
-    ),
-    /* @__PURE__ */ jsxs(
-      "button",
-      {
-        onClick: p.onDelete,
-        disabled: !canMut,
-        className: "inline-flex items-center gap-1.5 px-2.5 py-1.5 rounded bg-red-700/80 hover:bg-red-600 disabled:opacity-40 disabled:cursor-not-allowed text-xs transition-colors",
-        title: t("pptx.arrange.delete"),
-        children: [
-          /* @__PURE__ */ jsx(LuTrash2, { className: ic2 }),
-          t("pptx.arrange.delete")
-        ]
-      }
-    )
+    /* @__PURE__ */ jsx("span", { className: "text-[9px] text-muted-foreground leading-none", children: t("pptx.arrange.groupLabel") })
   ] });
 }
 function DesignSection(p) {
@@ -13158,7 +13170,7 @@ function AccountPage() {
       return void 0;
     });
   };
-  const version = "1.22.1" ;
+  const version = "1.22.2" ;
   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: [
@@ -13633,6 +13645,42 @@ function FileSection(p) {
     }
   );
 }
+function RibbonMenu({
+  anchorRef,
+  className,
+  children
+}) {
+  const [pos, setPos] = useState(null);
+  useEffect(() => {
+    const anchor = anchorRef.current;
+    if (!anchor) {
+      return;
+    }
+    const update = () => {
+      const rect = anchor.getBoundingClientRect();
+      setPos(
+        (prev) => prev && prev.left === rect.left && prev.top === rect.bottom ? prev : { left: rect.left, top: rect.bottom }
+      );
+    };
+    update();
+    anchor.addEventListener("mouseenter", update);
+    window.addEventListener("resize", update);
+    document.addEventListener("scroll", update, true);
+    return () => {
+      anchor.removeEventListener("mouseenter", update);
+      window.removeEventListener("resize", update);
+      document.removeEventListener("scroll", update, true);
+    };
+  }, [anchorRef]);
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn("fixed z-50", className),
+      style: pos ? { left: pos.left, top: pos.top } : { visibility: "hidden" },
+      children
+    }
+  );
+}
 function SlidesGroup(p) {
   const { t } = useTranslation();
   const [newSlideMenuOpen, setNewSlideMenuOpen] = useState(false);
@@ -13702,7 +13750,7 @@ function SlidesGroup(p) {
               children: /* @__PURE__ */ jsx(LuChevronDown, { className: "w-3 h-3" })
             }
           ),
-          newSlideMenuOpen && /* @__PURE__ */ jsx("div", { className: "absolute left-0 top-full z-50 flex flex-col w-48 pt-1", children: /* @__PURE__ */ jsx("div", { className: "rounded-lg border border-border bg-popover backdrop-blur-lg shadow-2xl py-1 max-h-60 overflow-y-auto", children: p.layoutOptions.map((lo) => /* @__PURE__ */ jsx(
+          newSlideMenuOpen && /* @__PURE__ */ jsx(RibbonMenu, { anchorRef: newSlideMenuRef, className: "flex flex-col w-48 pt-1", children: /* @__PURE__ */ jsx("div", { className: "rounded-lg border border-border bg-popover backdrop-blur-lg shadow-2xl py-1 max-h-60 overflow-y-auto", children: p.layoutOptions.map((lo) => /* @__PURE__ */ jsx(
             "button",
             {
               type: "button",
@@ -13731,7 +13779,7 @@ function SlidesGroup(p) {
               ]
             }
           ),
-          layoutMenuOpen && /* @__PURE__ */ jsx("div", { className: "absolute left-0 top-full z-50 flex flex-col w-48 pt-1", children: /* @__PURE__ */ jsx("div", { className: "rounded-lg border border-border bg-popover backdrop-blur-lg shadow-2xl py-1 max-h-60 overflow-y-auto", children: p.layoutOptions.map((lo) => /* @__PURE__ */ jsx(
+          layoutMenuOpen && /* @__PURE__ */ jsx(RibbonMenu, { anchorRef: layoutMenuRef, className: "flex flex-col w-48 pt-1", children: /* @__PURE__ */ jsx("div", { className: "rounded-lg border border-border bg-popover backdrop-blur-lg shadow-2xl py-1 max-h-60 overflow-y-auto", children: p.layoutOptions.map((lo) => /* @__PURE__ */ jsx(
             "button",
             {
               type: "button",
@@ -13934,7 +13982,7 @@ function HomeSection(p) {
               ]
             }
           ),
-          fontMenuOpen && /* @__PURE__ */ jsx("div", { className: "absolute left-0 top-full z-50 flex flex-col w-48 pt-1", children: /* @__PURE__ */ jsx("div", { className: "rounded-lg border border-border bg-popover backdrop-blur-lg shadow-2xl py-1 max-h-60 overflow-y-auto", children: COMMON_FONTS.map((f) => /* @__PURE__ */ jsx(
+          fontMenuOpen && /* @__PURE__ */ jsx(RibbonMenu, { anchorRef: fontMenuRef, className: "flex flex-col w-48 pt-1", children: /* @__PURE__ */ jsx("div", { className: "rounded-lg border border-border bg-popover backdrop-blur-lg shadow-2xl py-1 max-h-60 overflow-y-auto", children: COMMON_FONTS.map((f) => /* @__PURE__ */ jsx(
             "button",
             {
               type: "button",
@@ -13962,7 +14010,7 @@ function HomeSection(p) {
               ]
             }
           ),
-          sizeMenuOpen && /* @__PURE__ */ jsx("div", { className: "absolute left-0 top-full z-50 flex flex-col w-48 pt-1", children: /* @__PURE__ */ jsx("div", { className: "rounded-lg border border-border bg-popover backdrop-blur-lg shadow-2xl py-1 max-h-60 overflow-y-auto", children: COMMON_SIZES.map((s) => /* @__PURE__ */ jsx(
+          sizeMenuOpen && /* @__PURE__ */ jsx(RibbonMenu, { anchorRef: sizeMenuRef, className: "flex flex-col w-48 pt-1", children: /* @__PURE__ */ jsx("div", { className: "rounded-lg border border-border bg-popover backdrop-blur-lg shadow-2xl py-1 max-h-60 overflow-y-auto", children: COMMON_SIZES.map((s) => /* @__PURE__ */ jsx(
             "button",
             {
               type: "button",
@@ -13990,6 +14038,8 @@ function InsertSection(p) {
   const [dateFormat, setDateFormat] = useState("locale");
   const [newChartType, setNewChartType] = useState(DEFAULT_INSERT_CHART_TYPE);
   const datePickerRef = useRef(null);
+  const actionMenuRef = useRef(null);
+  const fieldMenuRef = useRef(null);
   const openDatePicker = useCallback(() => {
     const now = /* @__PURE__ */ new Date();
     const pad = (n) => String(n).padStart(2, "0");
@@ -14207,7 +14257,7 @@ function InsertSection(p) {
         ]
       }
     ),
-    /* @__PURE__ */ jsxs("div", { className: "relative group", children: [
+    /* @__PURE__ */ jsxs("div", { className: "relative group inline-flex items-center", ref: actionMenuRef, children: [
       /* @__PURE__ */ jsxs(
         "button",
         {
@@ -14237,34 +14287,41 @@ function InsertSection(p) {
           ]
         }
       ),
-      /* @__PURE__ */ jsx("div", { className: "absolute left-0 top-full z-50 hidden group-hover:flex flex-col w-40 pt-1", children: /* @__PURE__ */ jsx("div", { className: "rounded-lg border border-border bg-popover backdrop-blur-lg shadow-2xl py-1", children: ACTION_BUTTON_PRESETS.map((preset) => /* @__PURE__ */ jsxs(
-        "button",
+      /* @__PURE__ */ jsx(
+        RibbonMenu,
         {
-          type: "button",
-          disabled: !canEdit,
-          className: "flex items-center gap-2 w-full px-3 py-1.5 text-xs text-foreground hover:bg-muted transition-colors",
-          onClick: () => p.onAddActionButton(preset.shapeType),
-          children: [
-            /* @__PURE__ */ jsx(
-              "svg",
-              {
-                className: "w-4 h-4 flex-shrink-0",
-                viewBox: "0 0 24 24",
-                fill: "none",
-                stroke: "currentColor",
-                strokeWidth: "2",
-                strokeLinecap: "round",
-                strokeLinejoin: "round",
-                children: /* @__PURE__ */ jsx("path", { d: preset.iconPath })
-              }
-            ),
-            preset.label
-          ]
-        },
-        preset.shapeType
-      )) }) })
+          anchorRef: actionMenuRef,
+          className: "hidden group-hover:flex flex-col w-40 pt-1",
+          children: /* @__PURE__ */ jsx("div", { className: "rounded-lg border border-border bg-popover backdrop-blur-lg shadow-2xl py-1", children: ACTION_BUTTON_PRESETS.map((preset) => /* @__PURE__ */ jsxs(
+            "button",
+            {
+              type: "button",
+              disabled: !canEdit,
+              className: "flex items-center gap-2 w-full px-3 py-1.5 text-xs text-foreground hover:bg-muted transition-colors",
+              onClick: () => p.onAddActionButton(preset.shapeType),
+              children: [
+                /* @__PURE__ */ jsx(
+                  "svg",
+                  {
+                    className: "w-4 h-4 flex-shrink-0",
+                    viewBox: "0 0 24 24",
+                    fill: "none",
+                    stroke: "currentColor",
+                    strokeWidth: "2",
+                    strokeLinecap: "round",
+                    strokeLinejoin: "round",
+                    children: /* @__PURE__ */ jsx("path", { d: preset.iconPath })
+                  }
+                ),
+                preset.label
+              ]
+            },
+            preset.shapeType
+          )) })
+        }
+      )
     ] }),
-    p.onInsertField && /* @__PURE__ */ jsxs("div", { className: "relative group", children: [
+    p.onInsertField && /* @__PURE__ */ jsxs("div", { className: "relative group inline-flex items-center", ref: fieldMenuRef, children: [
       /* @__PURE__ */ jsxs(
         "button",
         {
@@ -14294,50 +14351,66 @@ function InsertSection(p) {
           ]
         }
       ),
-      /* @__PURE__ */ jsx("div", { className: "absolute left-0 top-full z-50 hidden group-hover:flex flex-col w-44 pt-1", children: /* @__PURE__ */ jsxs("div", { className: "rounded-lg border border-border bg-popover backdrop-blur-lg shadow-2xl py-1", children: [
-        /* @__PURE__ */ jsx(
-          "button",
-          {
-            type: "button",
-            disabled: !canEdit,
-            className: "flex items-center gap-2 w-full px-3 py-1.5 text-xs text-foreground hover:bg-muted transition-colors",
-            onClick: () => p.onInsertField("slidenum"),
-            children: t("pptx.field.slideNumber")
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          "button",
-          {
-            type: "button",
-            disabled: !canEdit,
-            className: "flex items-center gap-2 w-full px-3 py-1.5 text-xs text-foreground hover:bg-muted transition-colors",
-            onClick: openDatePicker,
-            children: t("pptx.field.dateTime")
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          "button",
-          {
-            type: "button",
-            disabled: !canEdit,
-            className: "flex items-center gap-2 w-full px-3 py-1.5 text-xs text-foreground hover:bg-muted transition-colors",
-            onClick: () => p.onInsertField("header"),
-            children: t("pptx.field.header")
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          "button",
-          {
-            type: "button",
-            disabled: !canEdit,
-            className: "flex items-center gap-2 w-full px-3 py-1.5 text-xs text-foreground hover:bg-muted transition-colors",
-            onClick: () => p.onInsertField("footer"),
-            children: t("pptx.field.footer")
-          }
-        )
-      ] }) })
+      /* @__PURE__ */ jsx(
+        RibbonMenu,
+        {
+          anchorRef: fieldMenuRef,
+          className: "hidden group-hover:flex flex-col w-44 pt-1",
+          children: /* @__PURE__ */ jsxs("div", { className: "rounded-lg border border-border bg-popover backdrop-blur-lg shadow-2xl py-1", children: [
+            /* @__PURE__ */ jsx(
+              "button",
+              {
+                type: "button",
+                disabled: !canEdit,
+                className: "flex items-center gap-2 w-full px-3 py-1.5 text-xs text-foreground hover:bg-muted transition-colors",
+                onClick: () => p.onInsertField("slidenum"),
+                children: t("pptx.field.slideNumber")
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              "button",
+              {
+                type: "button",
+                disabled: !canEdit,
+                className: "flex items-center gap-2 w-full px-3 py-1.5 text-xs text-foreground hover:bg-muted transition-colors",
+                onClick: openDatePicker,
+                children: t("pptx.field.dateTime")
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              "button",
+              {
+                type: "button",
+                disabled: !canEdit,
+                className: "flex items-center gap-2 w-full px-3 py-1.5 text-xs text-foreground hover:bg-muted transition-colors",
+                onClick: () => p.onInsertField("header"),
+                children: t("pptx.field.header")
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              "button",
+              {
+                type: "button",
+                disabled: !canEdit,
+                className: "flex items-center gap-2 w-full px-3 py-1.5 text-xs text-foreground hover:bg-muted transition-colors",
+                onClick: () => p.onInsertField("footer"),
+                children: t("pptx.field.footer")
+              }
+            )
+          ] })
+        }
+      )
     ] }),
-    p.onOpenHeaderFooter && /* @__PURE__ */ jsx("button", { type: "button", disabled: !canEdit, className: pill, onClick: p.onOpenHeaderFooter, children: t("pptx.headerFooter.title") }),
+    p.onOpenHeaderFooter && /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        disabled: !canEdit,
+        className: cn(pill, "whitespace-nowrap"),
+        onClick: p.onOpenHeaderFooter,
+        children: t("pptx.headerFooter.title")
+      }
+    ),
     datePickerOpen && /* @__PURE__ */ jsx(
       "div",
       {
@@ -14772,7 +14845,7 @@ function LineSpacingDropdown(p) {
         ] })
       }
     ),
-    open && /* @__PURE__ */ jsx("div", { className: "absolute left-0 top-full z-50 pt-1", children: /* @__PURE__ */ jsx("div", { className: "rounded-lg border border-border bg-popover backdrop-blur-lg shadow-2xl py-1 w-28", children: LINE_SPACING_OPTIONS.map((opt) => /* @__PURE__ */ jsxs(
+    open && /* @__PURE__ */ jsx(RibbonMenu, { anchorRef: ref, className: "pt-1", children: /* @__PURE__ */ jsx("div", { className: "rounded-lg border border-border bg-popover backdrop-blur-lg shadow-2xl py-1 w-28", children: LINE_SPACING_OPTIONS.map((opt) => /* @__PURE__ */ jsxs(
       "button",
       {
         type: "button",
@@ -14817,7 +14890,7 @@ function TextDirectionDropdown(p) {
         ] })
       }
     ),
-    open && /* @__PURE__ */ jsx("div", { className: "absolute left-0 top-full z-50 pt-1", children: /* @__PURE__ */ jsx("div", { className: "rounded-lg border border-border bg-popover backdrop-blur-lg shadow-2xl py-1 w-36", children: TEXT_DIRECTION_OPTIONS.map((opt) => /* @__PURE__ */ jsx(
+    open && /* @__PURE__ */ jsx(RibbonMenu, { anchorRef: ref, className: "pt-1", children: /* @__PURE__ */ jsx("div", { className: "rounded-lg border border-border bg-popover backdrop-blur-lg shadow-2xl py-1 w-36", children: TEXT_DIRECTION_OPTIONS.map((opt) => /* @__PURE__ */ jsx(
       "button",
       {
         type: "button",
@@ -14854,7 +14927,7 @@ function ColumnsDropdown(p) {
         children: /* @__PURE__ */ jsx(LuColumns3, { className: ic2 })
       }
     ),
-    open && /* @__PURE__ */ jsx("div", { className: "absolute left-0 top-full z-50 pt-1", children: /* @__PURE__ */ jsx("div", { className: "rounded-lg border border-border bg-popover backdrop-blur-lg shadow-2xl py-1 w-28", children: COLUMN_OPTIONS.map((opt) => /* @__PURE__ */ jsx(
+    open && /* @__PURE__ */ jsx(RibbonMenu, { anchorRef: ref, className: "pt-1", children: /* @__PURE__ */ jsx("div", { className: "rounded-lg border border-border bg-popover backdrop-blur-lg shadow-2xl py-1 w-28", children: COLUMN_OPTIONS.map((opt) => /* @__PURE__ */ jsx(
       "button",
       {
         type: "button",
@@ -14922,6 +14995,10 @@ function TextSection(p) {
   const currentHighlight = isTextEl && p.selectedElement && hasTextProperties(p.selectedElement) ? p.selectedElement.textSegments?.[0]?.style?.highlightColor ?? p.selectedElement.textStyle?.highlightColor ?? "#ffff00" : "#ffff00";
   const colorInputRef = useRef(null);
   const highlightInputRef = useRef(null);
+  const charSpacingRef = useRef(null);
+  const changeCaseRef = useRef(null);
+  const fontColorRef = useRef(null);
+  const highlightMenuRef = useRef(null);
   const handleColorChange = useCallback(
     (color) => {
       if (!canFormat) {
@@ -15101,7 +15178,7 @@ function TextSection(p) {
             }
           )
         ] }),
-        /* @__PURE__ */ jsxs("div", { className: "relative group", children: [
+        /* @__PURE__ */ jsxs("div", { className: "relative group", ref: charSpacingRef, children: [
           /* @__PURE__ */ jsx(
             "button",
             {
@@ -15139,7 +15216,7 @@ function TextSection(p) {
               )
             }
           ),
-          /* @__PURE__ */ jsx("div", { className: "absolute left-0 top-full z-50 hidden group-hover:block pt-1", children: /* @__PURE__ */ jsx("div", { className: "rounded-lg border border-border bg-popover backdrop-blur-lg shadow-2xl py-1 w-32", children: [
+          /* @__PURE__ */ jsx(RibbonMenu, { anchorRef: charSpacingRef, className: "hidden group-hover:block pt-1", children: /* @__PURE__ */ jsx("div", { className: "rounded-lg border border-border bg-popover backdrop-blur-lg shadow-2xl py-1 w-32", children: [
             { label: "Very Tight", value: -150 },
             { label: "Tight", value: -75 },
             { label: "Normal", value: 0 },
@@ -15162,7 +15239,7 @@ function TextSection(p) {
             opt.label
           )) }) })
         ] }),
-        /* @__PURE__ */ jsxs("div", { className: "relative group", children: [
+        /* @__PURE__ */ jsxs("div", { className: "relative group", ref: changeCaseRef, children: [
           /* @__PURE__ */ jsx(
             "button",
             {
@@ -15196,7 +15273,7 @@ function TextSection(p) {
               )
             }
           ),
-          /* @__PURE__ */ jsx("div", { className: "absolute left-0 top-full z-50 hidden group-hover:block pt-1", children: /* @__PURE__ */ jsx("div", { className: "rounded-lg border border-border bg-popover backdrop-blur-lg shadow-2xl py-1 w-44", children: [
+          /* @__PURE__ */ jsx(RibbonMenu, { anchorRef: changeCaseRef, className: "hidden group-hover:block pt-1", children: /* @__PURE__ */ jsx("div", { className: "rounded-lg border border-border bg-popover backdrop-blur-lg shadow-2xl py-1 w-44", children: [
             { label: t("pptx.text.changeCaseSentence"), value: "sentence" },
             { label: t("pptx.text.changeCaseLower"), value: "lower" },
             { label: t("pptx.text.changeCaseUpper"), value: "upper" },
@@ -15225,7 +15302,7 @@ function TextSection(p) {
             opt.value
           )) }) })
         ] }),
-        /* @__PURE__ */ jsxs("div", { className: "relative group", children: [
+        /* @__PURE__ */ jsxs("div", { className: "relative group", ref: fontColorRef, children: [
           /* @__PURE__ */ jsxs(
             "button",
             {
@@ -15259,7 +15336,7 @@ function TextSection(p) {
               ]
             }
           ),
-          /* @__PURE__ */ jsx("div", { className: "absolute left-0 top-full z-50 hidden group-hover:block pt-1", children: /* @__PURE__ */ jsxs("div", { className: "rounded-lg border border-border bg-popover backdrop-blur-lg shadow-2xl p-2 w-36", children: [
+          /* @__PURE__ */ jsx(RibbonMenu, { anchorRef: fontColorRef, className: "hidden group-hover:block pt-1", children: /* @__PURE__ */ jsxs("div", { className: "rounded-lg border border-border bg-popover backdrop-blur-lg shadow-2xl p-2 w-36", children: [
             /* @__PURE__ */ jsx("div", { className: "grid grid-cols-5 gap-1.5 mb-2", children: FONT_COLOR_PRESETS.map((c) => /* @__PURE__ */ jsx(
               "button",
               {
@@ -15295,7 +15372,7 @@ function TextSection(p) {
             )
           ] }) })
         ] }),
-        /* @__PURE__ */ jsxs("div", { className: "relative group", children: [
+        /* @__PURE__ */ jsxs("div", { className: "relative group", ref: highlightMenuRef, children: [
           /* @__PURE__ */ jsxs(
             "button",
             {
@@ -15317,7 +15394,7 @@ function TextSection(p) {
               ]
             }
           ),
-          /* @__PURE__ */ jsx("div", { className: "absolute left-0 top-full z-50 hidden group-hover:block pt-1", children: /* @__PURE__ */ jsxs("div", { className: "rounded-lg border border-border bg-popover backdrop-blur-lg shadow-2xl p-2 w-36", children: [
+          /* @__PURE__ */ jsx(RibbonMenu, { anchorRef: highlightMenuRef, className: "hidden group-hover:block pt-1", children: /* @__PURE__ */ jsxs("div", { className: "rounded-lg border border-border bg-popover backdrop-blur-lg shadow-2xl p-2 w-36", children: [
             /* @__PURE__ */ jsx("div", { className: "grid grid-cols-5 gap-1.5 mb-2", children: HIGHLIGHT_COLOR_PRESETS.map((c) => /* @__PURE__ */ jsx(
               "button",
               {
@@ -16172,7 +16249,7 @@ function DrawingGroup(p) {
               ]
             }
           ),
-          shapesOpen && /* @__PURE__ */ jsx("div", { className: "absolute left-0 top-full z-50 flex flex-col w-52 pt-1", children: /* @__PURE__ */ jsx("div", { className: "rounded-lg border border-border bg-popover backdrop-blur-lg shadow-2xl py-1 max-h-60 overflow-y-auto", children: TOP_SHAPES.map((s) => /* @__PURE__ */ jsxs(
+          shapesOpen && /* @__PURE__ */ jsx(RibbonMenu, { anchorRef: shapesRef, className: "flex flex-col w-52 pt-1", children: /* @__PURE__ */ jsx("div", { className: "rounded-lg border border-border bg-popover backdrop-blur-lg shadow-2xl py-1 max-h-60 overflow-y-auto", children: TOP_SHAPES.map((s) => /* @__PURE__ */ jsxs(
             "button",
             {
               type: "button",
@@ -16208,7 +16285,7 @@ function DrawingGroup(p) {
               ]
             }
           ),
-          arrangeOpen && /* @__PURE__ */ jsx("div", { className: "absolute left-0 top-full z-50 flex flex-col w-44 pt-1", children: /* @__PURE__ */ jsxs("div", { className: "rounded-lg border border-border bg-popover backdrop-blur-lg shadow-2xl py-1", children: [
+          arrangeOpen && /* @__PURE__ */ jsx(RibbonMenu, { anchorRef: arrangeRef, className: "flex flex-col w-44 pt-1", children: /* @__PURE__ */ jsxs("div", { className: "rounded-lg border border-border bg-popover backdrop-blur-lg shadow-2xl py-1", children: [
             /* @__PURE__ */ jsx(
               "button",
               {
@@ -16271,7 +16348,7 @@ function DrawingGroup(p) {
               children: /* @__PURE__ */ jsx(LuPaintBucket, { className: ic2 })
             }
           ),
-          fillOpen && /* @__PURE__ */ jsx("div", { className: "absolute left-0 top-full z-50 pt-1", children: /* @__PURE__ */ jsx("div", { className: "rounded-lg border border-border bg-popover backdrop-blur-lg shadow-2xl p-2 grid grid-cols-6 gap-1", children: FILL_COLORS.map((c) => /* @__PURE__ */ jsx(
+          fillOpen && /* @__PURE__ */ jsx(RibbonMenu, { anchorRef: fillRef, className: "pt-1", children: /* @__PURE__ */ jsx("div", { className: "rounded-lg border border-border bg-popover backdrop-blur-lg shadow-2xl p-2 grid grid-cols-6 gap-1", children: FILL_COLORS.map((c) => /* @__PURE__ */ jsx(
             "button",
             {
               type: "button",
@@ -16300,7 +16377,7 @@ function DrawingGroup(p) {
               children: /* @__PURE__ */ jsx(LuPenLine, { className: ic2 })
             }
           ),
-          outlineOpen && /* @__PURE__ */ jsx("div", { className: "absolute left-0 top-full z-50 pt-1", children: /* @__PURE__ */ jsx("div", { className: "rounded-lg border border-border bg-popover backdrop-blur-lg shadow-2xl p-2 grid grid-cols-6 gap-1", children: FILL_COLORS.map((c) => /* @__PURE__ */ jsx(
+          outlineOpen && /* @__PURE__ */ jsx(RibbonMenu, { anchorRef: outlineRef, className: "pt-1", children: /* @__PURE__ */ jsx("div", { className: "rounded-lg border border-border bg-popover backdrop-blur-lg shadow-2xl p-2 grid grid-cols-6 gap-1", children: FILL_COLORS.map((c) => /* @__PURE__ */ jsx(
             "button",
             {
               type: "button",
@@ -16322,7 +16399,7 @@ function DrawingGroup(p) {
           {
             type: "button",
             disabled: true,
-            className: cn(pill, "opacity-50 cursor-not-allowed"),
+            className: pill,
             title: t("pptx.drawing.shapeEffectsUnavailable"),
             children: /* @__PURE__ */ jsx(LuSparkles, { className: ic2 })
           }
@@ -16389,7 +16466,7 @@ function EditingSection(p) {
               children: /* @__PURE__ */ jsx(LuMousePointer2, { className: ic2 })
             }
           ),
-          selectMenuOpen && /* @__PURE__ */ jsx("div", { className: "absolute left-0 top-full z-50 pt-1", children: /* @__PURE__ */ jsx("div", { className: "rounded-lg border border-border bg-popover backdrop-blur-lg shadow-2xl py-1 w-32", children: /* @__PURE__ */ jsx(
+          selectMenuOpen && /* @__PURE__ */ jsx(RibbonMenu, { anchorRef: menuRef, className: "pt-1", children: /* @__PURE__ */ jsx("div", { className: "rounded-lg border border-border bg-popover backdrop-blur-lg shadow-2xl py-1 w-32", children: /* @__PURE__ */ jsx(
             "button",
             {
               type: "button",
@@ -16572,7 +16649,7 @@ function PresentDropdown({
   const { t } = useTranslation();
   const [open, setOpen] = useState(false);
   return /* @__PURE__ */ jsxs("div", { className: "relative", children: [
-    /* @__PURE__ */ jsxs("div", { className: "inline-flex border-l border-border", children: [
+    /* @__PURE__ */ jsxs("div", { className: "inline-flex items-stretch rounded border border-border bg-muted text-xs overflow-hidden", children: [
       /* @__PURE__ */ jsx(
         "button",
         {
@@ -16592,7 +16669,7 @@ function PresentDropdown({
           type: "button",
           onClick: () => setOpen((prev) => !prev),
           className: cn(
-            "px-1 py-1 transition-colors border-l border-border",
+            "inline-flex items-center px-1 transition-colors border-l border-border",
             open ? "bg-primary text-white" : "hover:bg-accent text-foreground"
           ),
           title: t("pptx.present.optionsTooltip"),
@@ -17017,7 +17094,7 @@ function Toolbar(p) {
           "div",
           {
             className: cn(
-              "flex min-h-[82px] items-stretch gap-0 overflow-visible px-1 py-0.5 max-md:min-h-0 max-md:px-1 max-md:py-0.5 flex-nowrap",
+              "flex min-h-[82px] items-stretch gap-0 overflow-x-auto px-1 py-0.5 max-md:min-h-0 max-md:px-1 max-md:py-0.5 flex-nowrap [&>*]:shrink-0",
               isNarrowViewport && !isCompactToolbarOpen && "hidden"
             ),
             children: [
@@ -29708,68 +29785,7 @@ function ViewerToolbarSection(props) {
     )
   ] });
 }
-var TEMPLATES = [
-  {
-    label: "Fraction",
-    latex: "\\frac{a}{b}",
-    i18nKey: "pptx.equation.template.fraction"
-  },
-  {
-    label: "Quadratic",
-    latex: "x=\\frac{-b\\pm\\sqrt{b^{2}-4ac}}{2a}",
-    i18nKey: "pptx.equation.template.quadratic"
-  },
-  {
-    label: "Pythagorean",
-    latex: "a^{2}+b^{2}=c^{2}",
-    i18nKey: "pptx.equation.template.pythagorean"
-  },
-  {
-    label: "Sum",
-    latex: "\\sum_{i=1}^{n}{a_{i}}",
-    i18nKey: "pptx.equation.template.sum"
-  },
-  {
-    label: "Integral",
-    latex: "\\int_{a}^{b}{f(x)}dx",
-    i18nKey: "pptx.equation.template.integral"
-  },
-  {
-    label: "Square Root",
-    latex: "\\sqrt{x^{2}+y^{2}}",
-    i18nKey: "pptx.equation.template.squareRoot"
-  },
-  {
-    label: "Limit",
-    latex: "\\lim_{x\\to\\infty}{f(x)}",
-    i18nKey: "pptx.equation.template.limit"
-  },
-  {
-    label: "Euler's",
-    latex: "e^{i\\pi}+1=0",
-    i18nKey: "pptx.equation.template.euler"
-  },
-  {
-    label: "Matrix 2x2",
-    latex: "\\left[a,b;c,d\\right]",
-    i18nKey: "pptx.equation.template.matrix"
-  },
-  {
-    label: "Binomial",
-    latex: "\\left(a+b\\right)^{n}",
-    i18nKey: "pptx.equation.template.binomial"
-  },
-  {
-    label: "Derivative",
-    latex: "\\frac{dy}{dx}",
-    i18nKey: "pptx.equation.template.derivative"
-  },
-  {
-    label: "Trig Identity",
-    latex: "\\sin^{2}\\theta+\\cos^{2}\\theta=1",
-    i18nKey: "pptx.equation.template.trigIdentity"
-  }
-];
+var TEMPLATES = EQUATION_TEMPLATES;
 var TEMPLATE_MATHML = TEMPLATES.map((tmpl) => {
   try {
     const tmplOmml = convertLatexToOmml(tmpl.latex);