pptx-react-viewer 1.22.0 → 1.22.2

package/dist/{chunk-A6IFTYB5.js → chunk-JUFGTL2A.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunkQVQTDWB7_js = require('./chunk-QVQTDWB7.js');
+var chunkKA7ST7IH_js = require('./chunk-KA7ST7IH.js');
 var chunkVSNXVKJI_js = require('./chunk-VSNXVKJI.js');
 var chunkZISXRMDJ_js = require('./chunk-ZISXRMDJ.js');
 var chunkAD3EAEY6_js = require('./chunk-AD3EAEY6.js');
@@ -42,7 +42,7 @@ function CollaborationProvider({
   canvasHeight,
   children
 }) {
-  const value = chunkQVQTDWB7_js.useCollaborativeState({
+  const value = chunkKA7ST7IH_js.useCollaborativeState({
     config,
     canvasWidth,
     canvasHeight
@@ -474,7 +474,7 @@ function LoadingState({ className }) {
       role: "status",
       "aria-live": "polite",
       "aria-atomic": "true",
-      className: chunkQVQTDWB7_js.cn(
+      className: chunkKA7ST7IH_js.cn(
         "h-full w-full flex items-center justify-center text-muted-foreground",
         className
       ),
@@ -497,7 +497,7 @@ function ErrorState({ className, error }) {
     {
       role: "alert",
       "aria-live": "assertive",
-      className: chunkQVQTDWB7_js.cn(
+      className: chunkKA7ST7IH_js.cn(
         "h-full w-full flex items-center justify-center p-6 text-center text-red-400",
         className
       ),
@@ -528,7 +528,7 @@ function ShortcutPanel({ isOpen, onClose }) {
             }
           )
         ] }),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "max-h-64 overflow-y-auto p-2 space-y-1", children: chunkQVQTDWB7_js.SHORTCUT_REFERENCE_ITEMS.map((shortcut) => /* @__PURE__ */ jsxRuntime.jsxs(
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "max-h-64 overflow-y-auto p-2 space-y-1", children: chunkKA7ST7IH_js.SHORTCUT_REFERENCE_ITEMS.map((shortcut) => /* @__PURE__ */ jsxRuntime.jsxs(
           "div",
           {
             className: "flex items-center justify-between gap-3 rounded bg-muted/80 px-2 py-1.5",
@@ -588,14 +588,14 @@ function AccessibilityPanel({
               "aria-label": t("pptx.accessibility.reduceMotion"),
               "aria-checked": reducedMotion ?? false,
               onClick: onToggleReducedMotion,
-              className: chunkQVQTDWB7_js.cn(
+              className: chunkKA7ST7IH_js.cn(
                 "relative inline-flex h-5 w-9 items-center rounded-full transition-colors",
                 reducedMotion ? "bg-primary" : "bg-muted-foreground/30"
               ),
               children: /* @__PURE__ */ jsxRuntime.jsx(
                 "span",
                 {
-                  className: chunkQVQTDWB7_js.cn(
+                  className: chunkKA7ST7IH_js.cn(
                     "inline-block h-3.5 w-3.5 rounded-full bg-white transition-transform",
                     reducedMotion ? "translate-x-4" : "translate-x-0.5"
                   )
@@ -614,7 +614,7 @@ function AccessibilityPanel({
               "div",
               {
                 role: "listitem",
-                className: chunkQVQTDWB7_js.cn(
+                className: chunkKA7ST7IH_js.cn(
                   "flex items-start gap-2 rounded px-2 py-1.5 text-xs",
                   /* Severity-based background and text colouring */
                   issue.severity === "error" ? "bg-red-900/30 text-red-300" : issue.severity === "warning" ? "bg-amber-900/30 text-amber-300" : "bg-muted/50 text-muted-foreground"
@@ -738,7 +738,7 @@ function StatusBar({
     /* @__PURE__ */ jsxRuntime.jsx(
       "span",
       {
-        className: chunkQVQTDWB7_js.cn(
+        className: chunkKA7ST7IH_js.cn(
           "shrink-0 max-md:hidden",
           autosaveStatus?.state === "error" ? "text-red-400" : autosaveStatus?.state === "saving" ? "text-yellow-400" : ""
         ),
@@ -751,7 +751,7 @@ function StatusBar({
       {
         type: "button",
         onClick: onToggleNotes,
-        className: chunkQVQTDWB7_js.cn(
+        className: chunkKA7ST7IH_js.cn(
           vb,
           "flex items-center gap-1 text-[10px]",
           isNotesExpanded && "text-primary"
@@ -771,7 +771,7 @@ function StatusBar({
         {
           type: "button",
           onClick: () => onSetMode("edit"),
-          className: chunkQVQTDWB7_js.cn(vb, mode === "edit" && "text-primary"),
+          className: chunkKA7ST7IH_js.cn(vb, mode === "edit" && "text-primary"),
           title: t("pptx.statusBar.normalView"),
           "aria-label": t("pptx.statusBar.normalView"),
           children: /* @__PURE__ */ jsxRuntime.jsx(lu.LuMonitor, { className: "w-3.5 h-3.5" })
@@ -793,7 +793,7 @@ function StatusBar({
         {
           type: "button",
           onClick: () => onSetMode("present"),
-          className: chunkQVQTDWB7_js.cn(vb, mode === "present" && "text-primary"),
+          className: chunkKA7ST7IH_js.cn(vb, mode === "present" && "text-primary"),
           title: t("pptx.statusBar.slideShow"),
           "aria-label": t("pptx.statusBar.slideShow"),
           children: /* @__PURE__ */ jsxRuntime.jsx(lu.LuPresentation, { className: "w-3.5 h-3.5" })
@@ -883,7 +883,7 @@ function ResizeHandle({
     {
       role: "separator",
       "aria-orientation": direction,
-      className: chunkQVQTDWB7_js.cn(
+      className: chunkKA7ST7IH_js.cn(
         // Outer container: generous hit area for easy clicking.
         // The visible indicator is rendered via the inner pseudo-element (::after).
         "relative flex-shrink-0 z-20 group",
@@ -894,7 +894,7 @@ function ResizeHandle({
       children: /* @__PURE__ */ jsxRuntime.jsx(
         "div",
         {
-          className: chunkQVQTDWB7_js.cn(
+          className: chunkKA7ST7IH_js.cn(
             "absolute transition-colors",
             direction === "horizontal" ? "top-0 bottom-0 left-1/2 -translate-x-1/2 w-0.5 group-hover:w-1 group-hover:bg-primary/40 group-active:w-1 group-active:bg-primary/60" : "left-0 right-0 top-1/2 -translate-y-1/2 h-0.5 group-hover:h-1 group-hover:bg-primary/40 group-active:h-1 group-active:bg-primary/60"
           )
@@ -961,7 +961,7 @@ function ChartElementView({
   const selectedPart = selection?.elementId === element.id ? selection.part : null;
   const canEdit = editable && Boolean(onUpdateElement);
   const viewModel = React14.useMemo(
-    () => canEdit ? chunkQVQTDWB7_js.buildReactChartViewModel(element) : null,
+    () => canEdit ? chunkKA7ST7IH_js.buildReactChartViewModel(element) : null,
     [canEdit, element]
   );
   React14.useEffect(ensureInteractionStyles, []);
@@ -1107,7 +1107,7 @@ function ChartElementView({
       onPointerUp: handlePointerUp,
       onDoubleClick: handleDoubleClick,
       children: [
-        chunkQVQTDWB7_js.renderChartElement(renderedElement),
+        chunkKA7ST7IH_js.renderChartElement(renderedElement),
         dragValue !== null && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute top-1 right-1 z-10 rounded bg-primary/90 px-1.5 py-0.5 text-[10px] font-medium text-white pointer-events-none", children: chunkVSNXVKJI_js.formatAxisValue(dragValue) }),
         titleDraft !== null && /* @__PURE__ */ jsxRuntime.jsx(
           "input",
@@ -1300,7 +1300,7 @@ function renderImg(el, style, filter, alt, opacity) {
     ...filter ? { filter } : {},
     ...opacity !== void 0 ? { opacity } : {}
   };
-  if (chunkQVQTDWB7_js.isImageTiled(el)) {
+  if (chunkKA7ST7IH_js.isImageTiled(el)) {
     const tileSrc = imgSrc(el);
     if (!tileSrc) {
       return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full h-full flex items-center justify-center text-[11px] text-gray-500 bg-gray-100", children: "Image" });
@@ -1311,7 +1311,7 @@ function renderImg(el, style, filter, alt, opacity) {
         "div",
         {
           className: "pointer-events-none select-none w-full h-full",
-          style: { ...chunkQVQTDWB7_js.getImageTilingStyle(el), ...effectStyles }
+          style: { ...chunkKA7ST7IH_js.getImageTilingStyle(el), ...effectStyles }
         }
       )
     ] });
@@ -1320,7 +1320,7 @@ function renderImg(el, style, filter, alt, opacity) {
     chunkAD3EAEY6_js.isImageLikeElement(el) ? el.imageEffects?.colorWash : void 0
   );
   const clrChange = "imageEffects" in el ? el.imageEffects?.clrChange : void 0;
-  const duotoneColors = chunkQVQTDWB7_js.getDuotoneColors(el);
+  const duotoneColors = chunkKA7ST7IH_js.getDuotoneColors(el);
   const useDuotoneCanvas = Boolean(duotoneColors && !clrChange);
   const filterForImg = useDuotoneCanvas ? chunkVSNXVKJI_js.getImageEffectsFilter(el, { excludeDuotone: true }) : filter;
   const canvasEffectStyles = {
@@ -1533,7 +1533,7 @@ function ResizeHandles({
       "button",
       {
         type: "button",
-        className: chunkQVQTDWB7_js.cn("absolute z-10 group", posClass, cursor),
+        className: chunkKA7ST7IH_js.cn("absolute z-10 group", posClass, cursor),
         style: peStyle,
         onPointerDown: (e) => handleResizePointer(e, handle),
         onMouseDown: (e) => {
@@ -1551,7 +1551,7 @@ function ResizeHandles({
       "button",
       {
         type: "button",
-        className: chunkQVQTDWB7_js.cn("absolute z-10", posClass, cursor),
+        className: chunkKA7ST7IH_js.cn("absolute z-10", posClass, cursor),
         style: peStyle,
         onPointerDown: (e) => handleResizePointer(e, handle),
         onMouseDown: (e) => {
@@ -1559,7 +1559,7 @@ function ResizeHandles({
           onResizePointerDown(elementId, e, handle);
         },
         children: [
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunkQVQTDWB7_js.cn(sizeClass, "border border-white bg-primary shadow") }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunkKA7ST7IH_js.cn(sizeClass, "border border-white bg-primary shadow") }),
           /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute -inset-2 max-md:-inset-1" })
         ]
       },
@@ -1570,6 +1570,7 @@ function ResizeHandles({
       {
         type: "button",
         "aria-label": t("pptx.resizeHandles.rotateAria"),
+        "data-pptx-compact": true,
         className: "absolute left-1/2 top-0 -translate-x-1/2 -translate-y-1/2 z-20 flex items-center justify-center w-5 h-5 max-md:w-7 max-md:h-7 rounded-full border border-white bg-primary text-white shadow cursor-grab active:cursor-grabbing",
         style: peStyle,
         onPointerDown: (e) => {
@@ -1594,6 +1595,7 @@ function ResizeHandles({
       {
         type: "button",
         "aria-label": t("pptx.canvas.adjustShape"),
+        "data-pptx-compact": true,
         className: "absolute h-2.5 w-2.5 max-md:h-4 max-md:w-4 rotate-45 border border-amber-700 bg-amber-300 shadow z-10",
         style: {
           left: adjH.left - 5,
@@ -1638,7 +1640,7 @@ var ConnectorElementRenderer = React14__default.default.memo(
     const viewHeight = Math.max(el.height, 1);
     const ss = shapeEl?.shapeStyle;
     const strokeWidth = Math.max(0, ss?.strokeWidth ?? 2);
-    const strokeColor = chunkVSNXVKJI_js.normalizeHexColor(ss?.strokeColor, chunkQVQTDWB7_js.DEFAULT_STROKE_COLOR);
+    const strokeColor = chunkVSNXVKJI_js.normalizeHexColor(ss?.strokeColor, chunkKA7ST7IH_js.DEFAULT_STROKE_COLOR);
     const strokePaint = chunkVSNXVKJI_js.colorWithOpacity(strokeColor, ss?.strokeOpacity);
     const dashType = chunkVSNXVKJI_js.normalizeStrokeDashType(ss?.strokeDash);
     const dashArray = chunkVSNXVKJI_js.getSvgStrokeDasharray(
@@ -1659,7 +1661,7 @@ var ConnectorElementRenderer = React14__default.default.memo(
     const connectorText = textEl?.text?.trim() ?? "";
     const connectorTextSegments = textEl?.textSegments;
     const connectorTextStyle = textEl?.textStyle;
-    const pathGeometry = shapeEl ? chunkQVQTDWB7_js.getConnectorPathGeometry(shapeEl) : {
+    const pathGeometry = shapeEl ? chunkKA7ST7IH_js.getConnectorPathGeometry(shapeEl) : {
       pathData: `M 0 0 L ${viewWidth} ${viewHeight}`,
       startX: 0,
       startY: 0,
@@ -1668,8 +1670,8 @@ var ConnectorElementRenderer = React14__default.default.memo(
     };
     const hitTargetWidth = Math.max(strokeWidth * 3, 14);
     const selColor = selClr === "blue-400" ? "#60a5fa" : "#3b82f6";
-    const lineShadow = chunkQVQTDWB7_js.buildLineShadowCss(el);
-    const lineGlow = chunkQVQTDWB7_js.buildLineGlowFilter(el);
+    const lineShadow = chunkKA7ST7IH_js.buildLineShadowCss(el);
+    const lineGlow = chunkKA7ST7IH_js.buildLineGlowFilter(el);
     return /* @__PURE__ */ jsxRuntime.jsxs(
       "div",
       {
@@ -1679,8 +1681,8 @@ var ConnectorElementRenderer = React14__default.default.memo(
         style: {
           left: el.x,
           top: el.y,
-          width: Math.max(el.width, chunkQVQTDWB7_js.MIN_ELEMENT_SIZE),
-          height: Math.max(el.height, chunkQVQTDWB7_js.MIN_ELEMENT_SIZE),
+          width: Math.max(el.width, chunkKA7ST7IH_js.MIN_ELEMENT_SIZE),
+          height: Math.max(el.height, chunkKA7ST7IH_js.MIN_ELEMENT_SIZE),
           transform: chunkVSNXVKJI_js.getElementTransform(el),
           transformOrigin: "center",
           background: "transparent",
@@ -1702,14 +1704,14 @@ var ConnectorElementRenderer = React14__default.default.memo(
               style: { overflow: "visible", pointerEvents: "none" },
               children: [
                 /* @__PURE__ */ jsxRuntime.jsxs("defs", { children: [
-                  chunkQVQTDWB7_js.renderConnectorMarker(
+                  chunkKA7ST7IH_js.renderConnectorMarker(
                     startMarkerId,
                     startArrow,
                     strokePaint,
                     ss?.connectorStartArrowWidth,
                     ss?.connectorStartArrowLength
                   ),
-                  chunkQVQTDWB7_js.renderConnectorMarker(
+                  chunkKA7ST7IH_js.renderConnectorMarker(
                     endMarkerId,
                     endArrow,
                     strokePaint,
@@ -1921,14 +1923,14 @@ function elementHasTextHyperlink(el) {
   return Boolean(el.textSegments?.some((segment) => Boolean(segment.style?.hyperlink)));
 }
 function renderDagDuotoneFilterForElement(el) {
-  if (!chunkQVQTDWB7_js.hasDagDuotoneEffect(el)) {
+  if (!chunkKA7ST7IH_js.hasDagDuotoneEffect(el)) {
     return null;
   }
   const duotone = el.shapeStyle?.dagDuotone;
   if (!duotone) {
     return null;
   }
-  return chunkQVQTDWB7_js.renderDagDuotoneSvgFilter(el.id, duotone.color1, duotone.color2);
+  return chunkKA7ST7IH_js.renderDagDuotoneSvgFilter(el.id, duotone.color1, duotone.color2);
 }
 function getContainerStyle({
   el,
@@ -1945,12 +1947,12 @@ function getContainerStyle({
   return {
     left: isFullscreenMedia ? 0 : el.x,
     top: isFullscreenMedia ? 0 : el.y,
-    width: isFullscreenMedia ? "100%" : Math.max(el.width, chunkQVQTDWB7_js.MIN_ELEMENT_SIZE),
-    height: isFullscreenMedia ? "100%" : Math.max(el.height, chunkQVQTDWB7_js.MIN_ELEMENT_SIZE),
+    width: isFullscreenMedia ? "100%" : Math.max(el.width, chunkKA7ST7IH_js.MIN_ELEMENT_SIZE),
+    height: isFullscreenMedia ? "100%" : Math.max(el.height, chunkKA7ST7IH_js.MIN_ELEMENT_SIZE),
     transform: isFullscreenMedia ? "none" : chunkVSNXVKJI_js.getElementTransform(el),
     transformOrigin: "center",
     overflow: overflowValue,
-    clipPath: isImg && !has3DExtrusion ? chunkQVQTDWB7_js.getCropShapeClipPath(el) : void 0,
+    clipPath: isImg && !has3DExtrusion ? chunkKA7ST7IH_js.getCropShapeClipPath(el) : void 0,
     zIndex: isFullscreenMedia ? 20 : zIndex,
     opacity,
     visibility: animationState?.visible === false ? "hidden" : "visible",
@@ -1984,8 +1986,8 @@ function ActionIndicator({
 function shapeParams(element) {
   const style = chunkAD3EAEY6_js.hasShapeProperties(element) ? element.shapeStyle : void 0;
   const strokeWidth = Math.max(0, style?.strokeWidth || 0);
-  const strokeColor = chunkVSNXVKJI_js.normalizeHexColor(style?.strokeColor, chunkQVQTDWB7_js.DEFAULT_STROKE_COLOR);
-  const fillColor = chunkVSNXVKJI_js.normalizeHexColor(style?.fillColor, chunkQVQTDWB7_js.DEFAULT_FILL_COLOR);
+  const strokeColor = chunkVSNXVKJI_js.normalizeHexColor(style?.strokeColor, chunkKA7ST7IH_js.DEFAULT_STROKE_COLOR);
+  const fillColor = chunkVSNXVKJI_js.normalizeHexColor(style?.fillColor, chunkKA7ST7IH_js.DEFAULT_FILL_COLOR);
   const hasFill = style?.fillColor !== void 0 && style.fillColor !== "transparent" || Boolean(chunkVSNXVKJI_js.buildCssGradientFromShapeStyle(style) || style?.fillGradient) || style?.fillMode === "pattern" && Boolean(style.fillPatternPreset);
   return { hf: hasFill, fc: fillColor, sw: strokeWidth, sc: strokeColor };
 }
@@ -2107,15 +2109,15 @@ var ElementRenderer = React14__default.default.memo(
     const elementLocks = el.locks;
     const isTxt = chunkVSNXVKJI_js.isEditableTextElement(el) && !elementLocks?.noTextEdit;
     const txtSE = chunkAD3EAEY6_js.hasTextProperties(el) ? el.textStyle : void 0;
-    const ss = chunkQVQTDWB7_js.getShapeVisualStyle(el, hf, fc, sw, sc);
-    const ts = chunkQVQTDWB7_js.getTextStyleForElement(el, chunkQVQTDWB7_js.DEFAULT_TEXT_COLOR);
-    const vs = chunkQVQTDWB7_js.renderVectorShape(el, hf, fc, sw, sc);
+    const ss = chunkKA7ST7IH_js.getShapeVisualStyle(el, hf, fc, sw, sc);
+    const ts = chunkKA7ST7IH_js.getTextStyleForElement(el, chunkKA7ST7IH_js.DEFAULT_TEXT_COLOR);
+    const vs = chunkKA7ST7IH_js.renderVectorShape(el, hf, fc, sw, sc);
     const isImg = el.type === "picture" || el.type === "image";
     const isModel3D = el.type === "model3d";
-    const isConn = chunkQVQTDWB7_js.isConnectorOrLineElement(el);
+    const isConn = chunkKA7ST7IH_js.isConnectorOrLineElement(el);
     const shapeStyle3d = chunkAD3EAEY6_js.hasShapeProperties(el) ? el.shapeStyle : void 0;
     const extrusionData = React14.useMemo(
-      () => chunkQVQTDWB7_js.build3DExtrusionData(shapeStyle3d?.shape3d, shapeStyle3d?.scene3d, fc, el.width, el.height),
+      () => chunkKA7ST7IH_js.build3DExtrusionData(shapeStyle3d?.shape3d, shapeStyle3d?.scene3d, fc, el.width, el.height),
       [shapeStyle3d?.shape3d, shapeStyle3d?.scene3d, fc, el.width, el.height]
     );
     const [isMediaPlaying, setIsMediaPlaying] = React14.useState(false);
@@ -2179,7 +2181,7 @@ var ElementRenderer = React14__default.default.memo(
         "aria-roledescription": ariaRoleDescription,
         "aria-selected": isSelected ? true : void 0,
         tabIndex: isFocusable ? 0 : -1,
-        className: chunkQVQTDWB7_js.cn(
+        className: chunkKA7ST7IH_js.cn(
           "absolute border",
           "focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-blue-500",
           cur,
@@ -2212,7 +2214,7 @@ var ElementRenderer = React14__default.default.memo(
             txtSE,
             txtS: ts,
             vecShape: vs,
-            imgStyle: chunkQVQTDWB7_js.getImageRenderStyle(el),
+            imgStyle: chunkKA7ST7IH_js.getImageRenderStyle(el),
             imgFilter: chunkVSNXVKJI_js.getImageEffectsFilter(el),
             imgOpacity: chunkVSNXVKJI_js.getImageEffectsOpacity(el),
             imgAlt: imageAltText,
@@ -2356,9 +2358,9 @@ function renderInk(el, options) {
 function renderGroup(children) {
   return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative w-full h-full pointer-events-none", children: children.map((c, childIndex) => {
     const { hf, fc, sw, sc } = shapeParams(c);
-    const ss = chunkQVQTDWB7_js.getShapeVisualStyle(c, hf, fc, sw, sc);
-    const vs = chunkQVQTDWB7_js.renderVectorShape(c, hf, fc, sw, sc);
-    const ts = chunkQVQTDWB7_js.getTextStyleForElement(c, chunkQVQTDWB7_js.DEFAULT_TEXT_COLOR);
+    const ss = chunkKA7ST7IH_js.getShapeVisualStyle(c, hf, fc, sw, sc);
+    const vs = chunkKA7ST7IH_js.renderVectorShape(c, hf, fc, sw, sc);
+    const ts = chunkKA7ST7IH_js.getTextStyleForElement(c, chunkKA7ST7IH_js.DEFAULT_TEXT_COLOR);
     const isTxt = chunkVSNXVKJI_js.isEditableTextElement(c);
     const isI = c.type === "picture" || c.type === "image";
     return /* @__PURE__ */ jsxRuntime.jsx(
@@ -2368,12 +2370,12 @@ function renderGroup(children) {
         style: {
           left: c.x,
           top: c.y,
-          width: Math.max(c.width, chunkQVQTDWB7_js.MIN_ELEMENT_SIZE),
-          height: Math.max(c.height, chunkQVQTDWB7_js.MIN_ELEMENT_SIZE),
+          width: Math.max(c.width, chunkKA7ST7IH_js.MIN_ELEMENT_SIZE),
+          height: Math.max(c.height, chunkKA7ST7IH_js.MIN_ELEMENT_SIZE),
           transform: chunkVSNXVKJI_js.getElementTransform(c),
           transformOrigin: "center",
           overflow: isI ? "hidden" : void 0,
-          clipPath: isI ? chunkQVQTDWB7_js.getCropShapeClipPath(c) : void 0,
+          clipPath: isI ? chunkKA7ST7IH_js.getCropShapeClipPath(c) : void 0,
           ...ss,
           // Explicit z-index preserves document order stacking within the
           // group: later children in the array (= later in p:grpSp XML)
@@ -2381,11 +2383,11 @@ function renderGroup(children) {
           // Placed after ...ss to ensure it is never overwritten.
           zIndex: childIndex
         },
-        children: isI && ("svgData" in c && c.svgData || "imageData" in c && c.imageData) ? chunkQVQTDWB7_js.isImageTiled(c) ? /* @__PURE__ */ jsxRuntime.jsx(
+        children: isI && ("svgData" in c && c.svgData || "imageData" in c && c.imageData) ? chunkKA7ST7IH_js.isImageTiled(c) ? /* @__PURE__ */ jsxRuntime.jsx(
           "div",
           {
             className: "pointer-events-none select-none w-full h-full",
-            style: chunkQVQTDWB7_js.getImageTilingStyle(c)
+            style: chunkKA7ST7IH_js.getImageTilingStyle(c)
           }
         ) : /* @__PURE__ */ jsxRuntime.jsx(
           "img",
@@ -2393,7 +2395,7 @@ function renderGroup(children) {
             src: "svgData" in c && c.svgData ? c.svgData : c.imageData,
             alt: chunkZISXRMDJ_js.translationsEn["pptx.ink.groupChildAlt"],
             className: "pointer-events-none select-none",
-            style: chunkQVQTDWB7_js.getImageRenderStyle(c),
+            style: chunkKA7ST7IH_js.getImageRenderStyle(c),
             draggable: false
           }
         ) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
@@ -2403,7 +2405,7 @@ function renderGroup(children) {
             {
               className: "relative z-10 w-full h-full pointer-events-none whitespace-pre-wrap break-words leading-[1.3]",
               style: ts,
-              children: chunkQVQTDWB7_js.renderTextSegments(c, chunkQVQTDWB7_js.DEFAULT_TEXT_COLOR)
+              children: chunkKA7ST7IH_js.renderTextSegments(c, chunkKA7ST7IH_js.DEFAULT_TEXT_COLOR)
             }
           ) : null
         ] })
@@ -2752,7 +2754,7 @@ function InlineTextEditor({
       pending.endOffset
     );
   });
-  const warpStyle = chunkQVQTDWB7_js.getTextWarpStyle(textStyleRaw);
+  const warpStyle = chunkKA7ST7IH_js.getTextWarpStyle(textStyleRaw);
   const compensationTransform = chunkVSNXVKJI_js.getTextCompensationTransform(element);
   const warpTransform = warpStyle?.transform;
   const mergedTransform = [compensationTransform, warpTransform].filter(Boolean).join(" ") || void 0;
@@ -2828,7 +2830,7 @@ function InlineTextEditor({
         const text = e.clipboardData.getData("text/plain");
         document.execCommand("insertText", false, text);
       },
-      children: seed.hasRichSegments ? chunkQVQTDWB7_js.renderTextSegments(element, chunkQVQTDWB7_js.DEFAULT_TEXT_COLOR) : seed.initialText
+      children: seed.hasRichSegments ? chunkKA7ST7IH_js.renderTextSegments(element, chunkKA7ST7IH_js.DEFAULT_TEXT_COLOR) : seed.initialText
     }
   );
 }
@@ -3185,6 +3187,7 @@ function SmartArtNodeStyleBar({
         {
           type: "button",
           "aria-label": `Set fill to ${color}`,
+          "data-pptx-compact": true,
           className: "w-5 h-5 rounded-full border border-black/10 hover:scale-125 transition-transform",
           style: { background: color },
           onClick: () => onPickFill(color)
@@ -3398,8 +3401,8 @@ function DrawingShapeRenderer({
   }
   const drawingW = maxX - minX || 1;
   const drawingH = maxY - minY || 1;
-  const shadow = chunkQVQTDWB7_js.styleShadow(style);
-  const sw = chunkQVQTDWB7_js.styleStroke(style);
+  const shadow = chunkKA7ST7IH_js.styleShadow(style);
+  const sw = chunkKA7ST7IH_js.styleStroke(style);
   return /* @__PURE__ */ jsxRuntime.jsx(
     "svg",
     {
@@ -3408,7 +3411,7 @@ function DrawingShapeRenderer({
       preserveAspectRatio: "xMidYMid meet",
       "data-testid": "smartart-drawing-shapes",
       children: shapes.map((shape, i) => {
-        const fill = shape.fillColor ?? chunkQVQTDWB7_js.colour(i, palette);
+        const fill = shape.fillColor ?? chunkKA7ST7IH_js.colour(i, palette);
         const relX = shape.x - minX;
         const relY = shape.y - minY;
         const rx = shape.shapeType === "roundRect" ? Math.min(shape.width, shape.height) * 0.1 : 0;
@@ -3417,10 +3420,10 @@ function DrawingShapeRenderer({
         const rotation = shape.rotation ? `rotate(${shape.rotation} ${relX + shape.width / 2} ${relY + shape.height / 2})` : void 0;
         const strokeCol = shape.strokeColor ?? (sw > 0 ? "rgba(255,255,255,0.3)" : "none");
         const strokeW = shape.strokeWidth ?? sw;
-        const fontSize = shape.fontSize ?? chunkQVQTDWB7_js.fitFontSize(shape.text ?? "", shape.width * 0.85, shape.height, 14);
+        const fontSize = shape.fontSize ?? chunkKA7ST7IH_js.fitFontSize(shape.text ?? "", shape.width * 0.85, shape.height, 14);
         const nodeId = nodes ? chunkVSNXVKJI_js.resolveDrawingShapeNodeId(shape, i, shapes, nodes) : void 0;
         const nodeLabel = nodeId ? nodeLabels?.get(nodeId) : void 0;
-        const groupProps = nodeId ? chunkQVQTDWB7_js.smartArtNodeGroupProps(nodeId, shadow, nodeLabel) : { style: { filter: shadow } };
+        const groupProps = nodeId ? chunkKA7ST7IH_js.smartArtNodeGroupProps(nodeId, shadow, nodeLabel) : { style: { filter: shadow } };
         return /* @__PURE__ */ jsxRuntime.jsxs("g", { ...groupProps, children: [
           nodeLabel ? /* @__PURE__ */ jsxRuntime.jsx("title", { children: nodeLabel }) : null,
           isEllipse ? /* @__PURE__ */ jsxRuntime.jsx(
@@ -3438,7 +3441,7 @@ function DrawingShapeRenderer({
           ) : isChevron ? /* @__PURE__ */ jsxRuntime.jsx(
             "polygon",
             {
-              points: chunkQVQTDWB7_js.chevronPoints(relX, relY, shape.width, shape.height),
+              points: chunkKA7ST7IH_js.chevronPoints(relX, relY, shape.width, shape.height),
               fill,
               stroke: strokeCol,
               strokeWidth: strokeW,
@@ -3459,11 +3462,11 @@ function DrawingShapeRenderer({
             }
           ),
           shape.text ? /* @__PURE__ */ jsxRuntime.jsx(
-            chunkQVQTDWB7_js.SmartArtNodeText,
+            chunkKA7ST7IH_js.SmartArtNodeText,
             {
               x: relX + shape.width / 2,
               y: relY + shape.height / 2,
-              text: chunkQVQTDWB7_js.truncate(shape.text, 40),
+              text: chunkKA7ST7IH_js.truncate(shape.text, 40),
               fill: shape.fontColor ?? "white",
               fontSize,
               className: "pointer-events-none"
@@ -3479,7 +3482,7 @@ function DrawingShapeRenderer({
 function resolveNodeStyle(node, index, palette) {
   const style = node.style;
   return {
-    fill: style?.fillColor ?? chunkQVQTDWB7_js.colour(index, palette),
+    fill: style?.fillColor ?? chunkKA7ST7IH_js.colour(index, palette),
     fontColor: style?.fontColor ?? "white",
     fontWeight: style?.bold ? 700 : void 0,
     fontStyle: style?.italic ? "italic" : void 0,
@@ -3501,8 +3504,8 @@ function ListRenderer({
   const itemH = (usableH - gap * (nodes.length - 1)) / nodes.length;
   const itemW = w - pad * 2;
   const rx = Math.min(6, itemH * 0.15);
-  const shadow = chunkQVQTDWB7_js.styleShadow(style);
-  const sw = chunkQVQTDWB7_js.styleStroke(style);
+  const shadow = chunkKA7ST7IH_js.styleShadow(style);
+  const sw = chunkKA7ST7IH_js.styleStroke(style);
   return /* @__PURE__ */ jsxRuntime.jsx(
     "svg",
     {
@@ -3512,13 +3515,13 @@ function ListRenderer({
       "data-testid": "smartart-list",
       children: nodes.map((node, i) => {
         const y = pad + i * (itemH + gap);
-        const fontSize = chunkQVQTDWB7_js.fitFontSize(node.text, itemW * 0.9, itemH, 12);
+        const fontSize = chunkKA7ST7IH_js.fitFontSize(node.text, itemW * 0.9, itemH, 12);
         const ns = resolveNodeStyle(node, i, palette);
         const label = nodeLabels?.get(node.id);
         return /* @__PURE__ */ jsxRuntime.jsxs(
           "g",
           {
-            ...chunkQVQTDWB7_js.smartArtNodeGroupProps(node.id, shadow, label),
+            ...chunkKA7ST7IH_js.smartArtNodeGroupProps(node.id, shadow, label),
             children: [
               label ? /* @__PURE__ */ jsxRuntime.jsx("title", { children: label }) : null,
               /* @__PURE__ */ jsxRuntime.jsx(
@@ -3530,17 +3533,17 @@ function ListRenderer({
                   height: itemH,
                   rx,
                   fill: ns.fill,
-                  opacity: chunkQVQTDWB7_js.nodeOpacity(i, nodes.length, style),
+                  opacity: chunkKA7ST7IH_js.nodeOpacity(i, nodes.length, style),
                   stroke: ns.strokeColor ?? (sw > 0 ? "rgba(255,255,255,0.3)" : "none"),
                   strokeWidth: sw
                 }
               ),
               /* @__PURE__ */ jsxRuntime.jsx(
-                chunkQVQTDWB7_js.SmartArtNodeText,
+                chunkKA7ST7IH_js.SmartArtNodeText,
                 {
                   x: pad + itemW / 2,
                   y: y + itemH / 2,
-                  text: chunkQVQTDWB7_js.truncate(node.text, 40),
+                  text: chunkKA7ST7IH_js.truncate(node.text, 40),
                   fill: ns.fontColor,
                   fontWeight: ns.fontWeight,
                   fontStyle: ns.fontStyle,
@@ -3572,8 +3575,8 @@ function ProcessRenderer({
   const itemW = (usableW - gap * (nodes.length - 1)) / nodes.length;
   const itemH = Math.min(h - pad * 2, h * 0.6);
   const yMid = h / 2;
-  const shadow = chunkQVQTDWB7_js.styleShadow(style);
-  const sw = chunkQVQTDWB7_js.styleStroke(style);
+  const shadow = chunkKA7ST7IH_js.styleShadow(style);
+  const sw = chunkKA7ST7IH_js.styleStroke(style);
   return /* @__PURE__ */ jsxRuntime.jsx(
     "svg",
     {
@@ -3587,13 +3590,13 @@ function ProcessRenderer({
         const isFirst = i === 0;
         const isLast = i === nodes.length - 1;
         const points = isFirst ? `${x},${yMid - halfH} ${x + itemW - chevronDepth},${yMid - halfH} ${x + itemW},${yMid} ${x + itemW - chevronDepth},${yMid + halfH} ${x},${yMid + halfH}` : isLast ? `${x},${yMid - halfH} ${x + itemW},${yMid - halfH} ${x + itemW},${yMid + halfH} ${x},${yMid + halfH} ${x + chevronDepth},${yMid}` : `${x},${yMid - halfH} ${x + itemW - chevronDepth},${yMid - halfH} ${x + itemW},${yMid} ${x + itemW - chevronDepth},${yMid + halfH} ${x},${yMid + halfH} ${x + chevronDepth},${yMid}`;
-        const fontSize = chunkQVQTDWB7_js.fitFontSize(node.text, itemW * 0.7, itemH, 12);
+        const fontSize = chunkKA7ST7IH_js.fitFontSize(node.text, itemW * 0.7, itemH, 12);
         const ns = resolveNodeStyle(node, i, palette);
         const label = nodeLabels?.get(node.id);
         return /* @__PURE__ */ jsxRuntime.jsxs(
           "g",
           {
-            ...chunkQVQTDWB7_js.smartArtNodeGroupProps(node.id, shadow, label),
+            ...chunkKA7ST7IH_js.smartArtNodeGroupProps(node.id, shadow, label),
             children: [
               label ? /* @__PURE__ */ jsxRuntime.jsx("title", { children: label }) : null,
               /* @__PURE__ */ jsxRuntime.jsx(
@@ -3601,17 +3604,17 @@ function ProcessRenderer({
                 {
                   points,
                   fill: ns.fill,
-                  opacity: chunkQVQTDWB7_js.nodeOpacity(i, nodes.length, style),
+                  opacity: chunkKA7ST7IH_js.nodeOpacity(i, nodes.length, style),
                   stroke: ns.strokeColor ?? (sw > 0 ? "rgba(255,255,255,0.3)" : "none"),
                   strokeWidth: sw
                 }
               ),
               /* @__PURE__ */ jsxRuntime.jsx(
-                chunkQVQTDWB7_js.SmartArtNodeText,
+                chunkKA7ST7IH_js.SmartArtNodeText,
                 {
                   x: x + itemW / 2,
                   y: yMid,
-                  text: chunkQVQTDWB7_js.truncate(node.text, 25),
+                  text: chunkKA7ST7IH_js.truncate(node.text, 25),
                   fill: ns.fontColor,
                   fontWeight: ns.fontWeight,
                   fontStyle: ns.fontStyle,
@@ -3641,8 +3644,8 @@ function CycleRenderer({
   const cy = h / 2;
   const radius = size * 0.35;
   const nodeR = Math.max(size * 0.06, Math.min(size * 0.12, 200 / nodes.length));
-  const shadow = chunkQVQTDWB7_js.styleShadow(style);
-  const sw = chunkQVQTDWB7_js.styleStroke(style);
+  const shadow = chunkKA7ST7IH_js.styleShadow(style);
+  const sw = chunkKA7ST7IH_js.styleStroke(style);
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "svg",
     {
@@ -3681,13 +3684,13 @@ function CycleRenderer({
           const angle = i / nodes.length * Math.PI * 2 - Math.PI / 2;
           const nx = cx + radius * Math.cos(angle);
           const ny = cy + radius * Math.sin(angle);
-          const fontSize = chunkQVQTDWB7_js.fitFontSize(node.text, nodeR * 1.4, nodeR * 2, 11);
+          const fontSize = chunkKA7ST7IH_js.fitFontSize(node.text, nodeR * 1.4, nodeR * 2, 11);
           const ns = resolveNodeStyle(node, i, palette);
           const label = nodeLabels?.get(node.id);
           return /* @__PURE__ */ jsxRuntime.jsxs(
             "g",
             {
-              ...chunkQVQTDWB7_js.smartArtNodeGroupProps(node.id, shadow, label),
+              ...chunkKA7ST7IH_js.smartArtNodeGroupProps(node.id, shadow, label),
               children: [
                 label ? /* @__PURE__ */ jsxRuntime.jsx("title", { children: label }) : null,
                 /* @__PURE__ */ jsxRuntime.jsx(
@@ -3697,17 +3700,17 @@ function CycleRenderer({
                     cy: ny,
                     r: nodeR,
                     fill: ns.fill,
-                    opacity: chunkQVQTDWB7_js.nodeOpacity(i, nodes.length, style),
+                    opacity: chunkKA7ST7IH_js.nodeOpacity(i, nodes.length, style),
                     stroke: ns.strokeColor ?? (sw > 0 ? "rgba(255,255,255,0.3)" : "none"),
                     strokeWidth: sw
                   }
                 ),
                 /* @__PURE__ */ jsxRuntime.jsx(
-                  chunkQVQTDWB7_js.SmartArtNodeText,
+                  chunkKA7ST7IH_js.SmartArtNodeText,
                   {
                     x: nx,
                     y: ny,
-                    text: chunkQVQTDWB7_js.truncate(node.text, 20),
+                    text: chunkKA7ST7IH_js.truncate(node.text, 20),
                     fill: ns.fontColor,
                     fontWeight: ns.fontWeight,
                     fontStyle: ns.fontStyle,
@@ -3742,8 +3745,8 @@ function MatrixRenderer({
   const cellW = (usableW - gap * (cols - 1)) / cols;
   const cellH = (usableH - gap * (rows - 1)) / rows;
   const rx = Math.min(6, Math.min(cellW, cellH) * 0.1);
-  const shadow = chunkQVQTDWB7_js.styleShadow(style);
-  const sw = chunkQVQTDWB7_js.styleStroke(style);
+  const shadow = chunkKA7ST7IH_js.styleShadow(style);
+  const sw = chunkKA7ST7IH_js.styleStroke(style);
   return /* @__PURE__ */ jsxRuntime.jsx(
     "svg",
     {
@@ -3756,13 +3759,13 @@ function MatrixRenderer({
         const row = Math.floor(i / cols);
         const x = pad + col * (cellW + gap);
         const y = pad + row * (cellH + gap);
-        const fontSize = chunkQVQTDWB7_js.fitFontSize(node.text, cellW * 0.85, cellH, 12);
+        const fontSize = chunkKA7ST7IH_js.fitFontSize(node.text, cellW * 0.85, cellH, 12);
         const ns = resolveNodeStyle(node, i, palette);
         const label = nodeLabels?.get(node.id);
         return /* @__PURE__ */ jsxRuntime.jsxs(
           "g",
           {
-            ...chunkQVQTDWB7_js.smartArtNodeGroupProps(node.id, shadow, label),
+            ...chunkKA7ST7IH_js.smartArtNodeGroupProps(node.id, shadow, label),
             children: [
               label ? /* @__PURE__ */ jsxRuntime.jsx("title", { children: label }) : null,
               /* @__PURE__ */ jsxRuntime.jsx(
@@ -3774,17 +3777,17 @@ function MatrixRenderer({
                   height: cellH,
                   rx,
                   fill: ns.fill,
-                  opacity: chunkQVQTDWB7_js.nodeOpacity(i, nodes.length, style),
+                  opacity: chunkKA7ST7IH_js.nodeOpacity(i, nodes.length, style),
                   stroke: ns.strokeColor ?? (sw > 0 ? "rgba(255,255,255,0.3)" : "none"),
                   strokeWidth: sw
                 }
               ),
               /* @__PURE__ */ jsxRuntime.jsx(
-                chunkQVQTDWB7_js.SmartArtNodeText,
+                chunkKA7ST7IH_js.SmartArtNodeText,
                 {
                   x: x + cellW / 2,
                   y: y + cellH / 2,
-                  text: chunkQVQTDWB7_js.truncate(node.text, 30),
+                  text: chunkKA7ST7IH_js.truncate(node.text, 30),
                   fill: ns.fontColor,
                   fontWeight: ns.fontWeight ?? 500,
                   fontStyle: ns.fontStyle,
@@ -3813,8 +3816,8 @@ function PyramidRenderer({
   const usableH = h - pad * 2;
   const bandH = (usableH - gap * (nodes.length - 1)) / nodes.length;
   const maxW = w - pad * 2;
-  const shadow = chunkQVQTDWB7_js.styleShadow(style);
-  const sw = chunkQVQTDWB7_js.styleStroke(style);
+  const shadow = chunkKA7ST7IH_js.styleShadow(style);
+  const sw = chunkKA7ST7IH_js.styleStroke(style);
   return /* @__PURE__ */ jsxRuntime.jsx(
     "svg",
     {
@@ -3838,28 +3841,28 @@ function PyramidRenderer({
           `${bottomRight},${y + bandH}`,
           `${bottomLeft},${y + bandH}`
         ].join(" ");
-        const fontSize = chunkQVQTDWB7_js.fitFontSize(node.text, topW * 0.85, bandH, 12);
+        const fontSize = chunkKA7ST7IH_js.fitFontSize(node.text, topW * 0.85, bandH, 12);
         return /* @__PURE__ */ jsxRuntime.jsxs(
           "g",
           {
-            ...chunkQVQTDWB7_js.smartArtNodeGroupProps(node.id, shadow),
+            ...chunkKA7ST7IH_js.smartArtNodeGroupProps(node.id, shadow),
             children: [
               /* @__PURE__ */ jsxRuntime.jsx(
                 "polygon",
                 {
                   points,
-                  fill: chunkQVQTDWB7_js.colour(i, palette),
-                  opacity: chunkQVQTDWB7_js.nodeOpacity(i, nodes.length, style),
+                  fill: chunkKA7ST7IH_js.colour(i, palette),
+                  opacity: chunkKA7ST7IH_js.nodeOpacity(i, nodes.length, style),
                   stroke: sw > 0 ? "rgba(255,255,255,0.3)" : "none",
                   strokeWidth: sw
                 }
               ),
               /* @__PURE__ */ jsxRuntime.jsx(
-                chunkQVQTDWB7_js.SmartArtNodeText,
+                chunkKA7ST7IH_js.SmartArtNodeText,
                 {
                   x: w / 2,
                   y: y + bandH / 2,
-                  text: chunkQVQTDWB7_js.truncate(node.text, 30),
+                  text: chunkKA7ST7IH_js.truncate(node.text, 30),
                   fill: "white",
                   fontSize,
                   className: "pointer-events-none"
@@ -3881,7 +3884,7 @@ function VennRenderer({
 }) {
   const w = element.width;
   const h = element.height;
-  const shadow = chunkQVQTDWB7_js.styleShadow(style);
+  const shadow = chunkKA7ST7IH_js.styleShadow(style);
   if (nodes.length <= 4) {
     const cx = w / 2;
     const cy2 = h / 2;
@@ -3898,19 +3901,19 @@ function VennRenderer({
           const angle = i / nodes.length * Math.PI * 2 - Math.PI / 2;
           const nx = cx + spread * Math.cos(angle);
           const ny = cy2 + spread * Math.sin(angle);
-          const fontSize = chunkQVQTDWB7_js.fitFontSize(node.text, r2 * 1.2, r2 * 2, 11);
+          const fontSize = chunkKA7ST7IH_js.fitFontSize(node.text, r2 * 1.2, r2 * 2, 11);
           return /* @__PURE__ */ jsxRuntime.jsxs(
             "g",
             {
-              ...chunkQVQTDWB7_js.smartArtNodeGroupProps(node.id, shadow),
+              ...chunkKA7ST7IH_js.smartArtNodeGroupProps(node.id, shadow),
               children: [
-                /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: nx, cy: ny, r: r2, fill: chunkQVQTDWB7_js.colour(i, palette), opacity: 0.35 }),
+                /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: nx, cy: ny, r: r2, fill: chunkKA7ST7IH_js.colour(i, palette), opacity: 0.35 }),
                 /* @__PURE__ */ jsxRuntime.jsx(
-                  chunkQVQTDWB7_js.SmartArtNodeText,
+                  chunkKA7ST7IH_js.SmartArtNodeText,
                   {
                     x: nx,
                     y: ny,
-                    text: chunkQVQTDWB7_js.truncate(node.text, 20),
+                    text: chunkKA7ST7IH_js.truncate(node.text, 20),
                     fill: "white",
                     fontSize,
                     fontWeight: "bold",
@@ -3939,19 +3942,19 @@ function VennRenderer({
       "data-testid": "smartart-venn",
       children: nodes.map((node, i) => {
         const nx = offsetX + i * (r * 2 - overlap);
-        const fontSize = chunkQVQTDWB7_js.fitFontSize(node.text, r * 1.2, r * 2, 10);
+        const fontSize = chunkKA7ST7IH_js.fitFontSize(node.text, r * 1.2, r * 2, 10);
         return /* @__PURE__ */ jsxRuntime.jsxs(
           "g",
           {
-            ...chunkQVQTDWB7_js.smartArtNodeGroupProps(node.id, shadow),
+            ...chunkKA7ST7IH_js.smartArtNodeGroupProps(node.id, shadow),
             children: [
-              /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: nx, cy, r, fill: chunkQVQTDWB7_js.colour(i, palette), opacity: 0.35 }),
+              /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: nx, cy, r, fill: chunkKA7ST7IH_js.colour(i, palette), opacity: 0.35 }),
               /* @__PURE__ */ jsxRuntime.jsx(
-                chunkQVQTDWB7_js.SmartArtNodeText,
+                chunkKA7ST7IH_js.SmartArtNodeText,
                 {
                   x: nx,
                   y: cy,
-                  text: chunkQVQTDWB7_js.truncate(node.text, 20),
+                  text: chunkKA7ST7IH_js.truncate(node.text, 20),
                   fill: "white",
                   fontSize,
                   fontWeight: "bold",
@@ -3977,7 +3980,7 @@ function FunnelRenderer({
   const pad = 8;
   const usableW = w - pad * 2;
   const stageH = (h - pad * 2) / nodes.length;
-  const shadow = chunkQVQTDWB7_js.styleShadow(style);
+  const shadow = chunkKA7ST7IH_js.styleShadow(style);
   return /* @__PURE__ */ jsxRuntime.jsx(
     "svg",
     {
@@ -3999,26 +4002,26 @@ function FunnelRenderer({
           `${bottomRight},${y + stageH}`,
           `${bottomLeft},${y + stageH}`
         ].join(" ");
-        const fontSize = chunkQVQTDWB7_js.fitFontSize(node.text, topWidth * 0.85, stageH, 11);
+        const fontSize = chunkKA7ST7IH_js.fitFontSize(node.text, topWidth * 0.85, stageH, 11);
         return /* @__PURE__ */ jsxRuntime.jsxs(
           "g",
           {
-            ...chunkQVQTDWB7_js.smartArtNodeGroupProps(node.id, shadow),
+            ...chunkKA7ST7IH_js.smartArtNodeGroupProps(node.id, shadow),
             children: [
               /* @__PURE__ */ jsxRuntime.jsx(
                 "polygon",
                 {
                   points,
-                  fill: chunkQVQTDWB7_js.colour(i, palette),
-                  opacity: chunkQVQTDWB7_js.nodeOpacity(i, nodes.length, style)
+                  fill: chunkKA7ST7IH_js.colour(i, palette),
+                  opacity: chunkKA7ST7IH_js.nodeOpacity(i, nodes.length, style)
                 }
               ),
               /* @__PURE__ */ jsxRuntime.jsx(
-                chunkQVQTDWB7_js.SmartArtNodeText,
+                chunkKA7ST7IH_js.SmartArtNodeText,
                 {
                   x: w / 2,
                   y: y + stageH / 2,
-                  text: chunkQVQTDWB7_js.truncate(node.text, 30),
+                  text: chunkKA7ST7IH_js.truncate(node.text, 30),
                   fill: "white",
                   fontSize,
                   className: "pointer-events-none"
@@ -4045,7 +4048,7 @@ function TargetRenderer({
   const maxR = Math.min(cx - 8, cy - 8);
   const fontSize = Math.max(7, Math.min(10, maxR / (nodes.length + 1)));
   const labelX = cx + maxR + 8;
-  const shadow = chunkQVQTDWB7_js.styleShadow(style);
+  const shadow = chunkKA7ST7IH_js.styleShadow(style);
   return /* @__PURE__ */ jsxRuntime.jsx(
     "svg",
     {
@@ -4058,7 +4061,7 @@ function TargetRenderer({
         return /* @__PURE__ */ jsxRuntime.jsxs(
           "g",
           {
-            ...chunkQVQTDWB7_js.smartArtNodeGroupProps(node.id, shadow),
+            ...chunkKA7ST7IH_js.smartArtNodeGroupProps(node.id, shadow),
             children: [
               /* @__PURE__ */ jsxRuntime.jsx(
                 "circle",
@@ -4066,8 +4069,8 @@ function TargetRenderer({
                   cx,
                   cy,
                   r: Math.max(r, 4),
-                  fill: chunkQVQTDWB7_js.colour(i, palette),
-                  opacity: chunkQVQTDWB7_js.nodeOpacity(i, nodes.length, style)
+                  fill: chunkKA7ST7IH_js.colour(i, palette),
+                  opacity: chunkKA7ST7IH_js.nodeOpacity(i, nodes.length, style)
                 }
               ),
               /* @__PURE__ */ jsxRuntime.jsx(
@@ -4077,7 +4080,7 @@ function TargetRenderer({
                   y1: cy,
                   x2: labelX - 2,
                   y2: 8 + i * (fontSize + 6),
-                  stroke: chunkQVQTDWB7_js.colour(i, palette),
+                  stroke: chunkKA7ST7IH_js.colour(i, palette),
                   strokeWidth: 1,
                   opacity: 0.6
                 }
@@ -4089,10 +4092,10 @@ function TargetRenderer({
                   y: 8 + i * (fontSize + 6) + fontSize / 2,
                   textAnchor: "start",
                   dominantBaseline: "central",
-                  fill: chunkQVQTDWB7_js.colour(i, palette),
+                  fill: chunkKA7ST7IH_js.colour(i, palette),
                   fontSize,
                   className: "pointer-events-none",
-                  children: chunkQVQTDWB7_js.truncate(node.text, 30)
+                  children: chunkKA7ST7IH_js.truncate(node.text, 30)
                 }
               )
             ]
@@ -4109,12 +4112,12 @@ function HierarchyRenderer({
   palette,
   style
 }) {
-  const roots = chunkQVQTDWB7_js.buildTree(nodes);
+  const roots = chunkKA7ST7IH_js.buildTree(nodes);
   if (roots.length === 0) {
     return /* @__PURE__ */ jsxRuntime.jsx(ListRenderer, { element, nodes, palette, style });
   }
-  const totalLeaves = roots.reduce((s, r) => s + chunkQVQTDWB7_js.treeWidth(r), 0);
-  const depth = Math.max(...roots.map(chunkQVQTDWB7_js.treeDepth));
+  const totalLeaves = roots.reduce((s, r) => s + chunkKA7ST7IH_js.treeWidth(r), 0);
+  const depth = Math.max(...roots.map(chunkKA7ST7IH_js.treeDepth));
   const svgW = element.width;
   const svgH = element.height;
   const cellW = svgW / totalLeaves;
@@ -4122,24 +4125,24 @@ function HierarchyRenderer({
   const boxW = Math.min(cellW * 0.8, 140);
   const boxH = Math.min(cellH * 0.4, 36);
   const rx = Math.min(6, boxH * 0.15);
-  const shadow = chunkQVQTDWB7_js.styleShadow(style);
-  const sw = chunkQVQTDWB7_js.styleStroke(style);
+  const shadow = chunkKA7ST7IH_js.styleShadow(style);
+  const sw = chunkKA7ST7IH_js.styleStroke(style);
   const elements = [];
   let colourIdx = 0;
   function renderTreeNode(t, xOffset, level) {
-    const w = chunkQVQTDWB7_js.treeWidth(t);
+    const w = chunkKA7ST7IH_js.treeWidth(t);
     const nodeCx = (xOffset + w / 2) * cellW;
     const nodeCy = level * cellH + cellH / 2;
     const ci = colourIdx++;
-    const fontSize = chunkQVQTDWB7_js.fitFontSize(t.node.text, boxW * 0.9, boxH, 11);
+    const fontSize = chunkKA7ST7IH_js.fitFontSize(t.node.text, boxW * 0.9, boxH, 11);
     for (const child of t.children) {
-      const childW = chunkQVQTDWB7_js.treeWidth(child);
+      const childW = chunkKA7ST7IH_js.treeWidth(child);
       let childOffset2 = xOffset;
       for (const c of t.children) {
         if (c === child) {
           break;
         }
-        childOffset2 += chunkQVQTDWB7_js.treeWidth(c);
+        childOffset2 += chunkKA7ST7IH_js.treeWidth(c);
       }
       const childCx = (childOffset2 + childW / 2) * cellW;
       const childCy = (level + 1) * cellH + cellH / 2;
@@ -4162,7 +4165,7 @@ function HierarchyRenderer({
       /* @__PURE__ */ jsxRuntime.jsxs(
         "g",
         {
-          ...chunkQVQTDWB7_js.smartArtNodeGroupProps(t.node.id, shadow),
+          ...chunkKA7ST7IH_js.smartArtNodeGroupProps(t.node.id, shadow),
           children: [
             /* @__PURE__ */ jsxRuntime.jsx(
               "rect",
@@ -4172,18 +4175,18 @@ function HierarchyRenderer({
                 width: boxW,
                 height: boxH,
                 rx,
-                fill: chunkQVQTDWB7_js.colour(ci, palette),
-                opacity: chunkQVQTDWB7_js.nodeOpacity(ci, nodes.length, style),
+                fill: chunkKA7ST7IH_js.colour(ci, palette),
+                opacity: chunkKA7ST7IH_js.nodeOpacity(ci, nodes.length, style),
                 stroke: sw > 0 ? "rgba(255,255,255,0.3)" : "none",
                 strokeWidth: sw
               }
             ),
             /* @__PURE__ */ jsxRuntime.jsx(
-              chunkQVQTDWB7_js.SmartArtNodeText,
+              chunkKA7ST7IH_js.SmartArtNodeText,
               {
                 x: nodeCx,
                 y: nodeCy,
-                text: chunkQVQTDWB7_js.truncate(t.node.text, 40),
+                text: chunkKA7ST7IH_js.truncate(t.node.text, 40),
                 fill: "white",
                 fontSize,
                 className: "pointer-events-none"
@@ -4197,7 +4200,7 @@ function HierarchyRenderer({
     let childOffset = xOffset;
     for (const child of t.children) {
       renderTreeNode(child, childOffset, level + 1);
-      childOffset += chunkQVQTDWB7_js.treeWidth(child);
+      childOffset += chunkKA7ST7IH_js.treeWidth(child);
     }
     return w;
   }
@@ -4232,7 +4235,7 @@ function GearRenderer({
   const gearR = Math.min(spacing * 0.4, h * 0.35);
   const innerR = gearR * 0.7;
   const teethCount = 8;
-  const shadow = chunkQVQTDWB7_js.styleShadow(style);
+  const shadow = chunkKA7ST7IH_js.styleShadow(style);
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "svg",
     {
@@ -4244,27 +4247,27 @@ function GearRenderer({
         gearNodes.map((node, i) => {
           const gx = spacing * (i + 1);
           const gy = h / 2 + (i % 2 === 0 ? 0 : gearR * 0.35);
-          const fontSize = chunkQVQTDWB7_js.fitFontSize(node.text, innerR * 1.2, innerR * 2, 11);
+          const fontSize = chunkKA7ST7IH_js.fitFontSize(node.text, innerR * 1.2, innerR * 2, 11);
           return /* @__PURE__ */ jsxRuntime.jsxs(
             "g",
             {
-              ...chunkQVQTDWB7_js.smartArtNodeGroupProps(node.id, shadow),
+              ...chunkKA7ST7IH_js.smartArtNodeGroupProps(node.id, shadow),
               children: [
                 /* @__PURE__ */ jsxRuntime.jsx(
                   "path",
                   {
-                    d: chunkQVQTDWB7_js.gearPath(gx, gy, gearR, innerR, teethCount),
-                    fill: chunkQVQTDWB7_js.colour(i, palette),
-                    opacity: chunkQVQTDWB7_js.nodeOpacity(i, nodes.length, style)
+                    d: chunkKA7ST7IH_js.gearPath(gx, gy, gearR, innerR, teethCount),
+                    fill: chunkKA7ST7IH_js.colour(i, palette),
+                    opacity: chunkKA7ST7IH_js.nodeOpacity(i, nodes.length, style)
                   }
                 ),
                 /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: gx, cy: gy, r: innerR * 0.5, fill: "white", opacity: 0.25 }),
                 /* @__PURE__ */ jsxRuntime.jsx(
-                  chunkQVQTDWB7_js.SmartArtNodeText,
+                  chunkKA7ST7IH_js.SmartArtNodeText,
                   {
                     x: gx,
                     y: gy,
-                    text: chunkQVQTDWB7_js.truncate(node.text, 20),
+                    text: chunkKA7ST7IH_js.truncate(node.text, 20),
                     fill: "white",
                     fontSize,
                     fontWeight: "bold",
@@ -4286,8 +4289,8 @@ function GearRenderer({
                 cx: lx,
                 cy: ly,
                 r: 3,
-                fill: chunkQVQTDWB7_js.colour(gearCount + i, palette),
-                opacity: chunkQVQTDWB7_js.nodeOpacity(gearCount + i, nodes.length, style)
+                fill: chunkKA7ST7IH_js.colour(gearCount + i, palette),
+                opacity: chunkKA7ST7IH_js.nodeOpacity(gearCount + i, nodes.length, style)
               }
             ),
             /* @__PURE__ */ jsxRuntime.jsx(
@@ -4297,10 +4300,10 @@ function GearRenderer({
                 y: ly,
                 textAnchor: "start",
                 dominantBaseline: "central",
-                fill: chunkQVQTDWB7_js.colour(gearCount + i, palette),
+                fill: chunkKA7ST7IH_js.colour(gearCount + i, palette),
                 fontSize: 10,
                 className: "pointer-events-none",
-                children: chunkQVQTDWB7_js.truncate(node.text, 30)
+                children: chunkKA7ST7IH_js.truncate(node.text, 30)
               }
             )
           ] }, `${element.id}-gear-extra-${node.id}-${i}`);
@@ -4324,7 +4327,7 @@ function TimelineRenderer({
   const lineLen = lineEndX - lineStartX;
   const dotR = Math.max(4, Math.min(8, lineLen / (nodes.length * 4)));
   const labelOffset = Math.min(h * 0.28, 40);
-  const shadow = chunkQVQTDWB7_js.styleShadow(style);
+  const shadow = chunkKA7ST7IH_js.styleShadow(style);
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "svg",
     {
@@ -4346,11 +4349,11 @@ function TimelineRenderer({
           const above = i % 2 === 0;
           const textY = above ? lineY - labelOffset : lineY + labelOffset;
           const stemEndY = above ? lineY - dotR - 2 : lineY + dotR + 2;
-          const fontSize = chunkQVQTDWB7_js.fitFontSize(node.text, lineLen / nodes.length * 0.9, labelOffset, 10);
+          const fontSize = chunkKA7ST7IH_js.fitFontSize(node.text, lineLen / nodes.length * 0.9, labelOffset, 10);
           return /* @__PURE__ */ jsxRuntime.jsxs(
             "g",
             {
-              ...chunkQVQTDWB7_js.smartArtNodeGroupProps(node.id, shadow),
+              ...chunkKA7ST7IH_js.smartArtNodeGroupProps(node.id, shadow),
               children: [
                 /* @__PURE__ */ jsxRuntime.jsx(
                   "line",
@@ -4359,7 +4362,7 @@ function TimelineRenderer({
                     y1: stemEndY,
                     x2: x,
                     y2: textY + (above ? fontSize : -fontSize),
-                    stroke: chunkQVQTDWB7_js.colour(i, palette),
+                    stroke: chunkKA7ST7IH_js.colour(i, palette),
                     strokeWidth: 1,
                     opacity: 0.5
                   }
@@ -4370,17 +4373,17 @@ function TimelineRenderer({
                     cx: x,
                     cy: lineY,
                     r: dotR,
-                    fill: chunkQVQTDWB7_js.colour(i, palette),
-                    opacity: chunkQVQTDWB7_js.nodeOpacity(i, nodes.length, style)
+                    fill: chunkKA7ST7IH_js.colour(i, palette),
+                    opacity: chunkKA7ST7IH_js.nodeOpacity(i, nodes.length, style)
                   }
                 ),
                 /* @__PURE__ */ jsxRuntime.jsx(
-                  chunkQVQTDWB7_js.SmartArtNodeText,
+                  chunkKA7ST7IH_js.SmartArtNodeText,
                   {
-                    text: chunkQVQTDWB7_js.truncate(node.text, 20) ?? "",
+                    text: chunkKA7ST7IH_js.truncate(node.text, 20) ?? "",
                     x,
                     y: textY,
-                    fill: chunkQVQTDWB7_js.colour(i, palette),
+                    fill: chunkKA7ST7IH_js.colour(i, palette),
                     fontSize,
                     anchor: above ? "bottom" : "top",
                     className: "pointer-events-none"
@@ -4413,8 +4416,8 @@ function BendingProcessRenderer({
   const boxH = Math.min(cellH * 0.6, 32);
   const rx = Math.min(5, boxH * 0.15);
   const arrowSize = 6;
-  const shadow = chunkQVQTDWB7_js.styleShadow(style);
-  const sw = chunkQVQTDWB7_js.styleStroke(style);
+  const shadow = chunkKA7ST7IH_js.styleShadow(style);
+  const sw = chunkKA7ST7IH_js.styleStroke(style);
   return /* @__PURE__ */ jsxRuntime.jsx(
     "svg",
     {
@@ -4428,7 +4431,7 @@ function BendingProcessRenderer({
         const col = row % 2 === 0 ? colInRow : COLS - 1 - colInRow;
         const nodeCx = padX + col * cellW + cellW / 2;
         const nodeCy = padY + row * cellH + cellH / 2;
-        const fontSize = chunkQVQTDWB7_js.fitFontSize(node.text, boxW * 0.85, boxH, 10);
+        const fontSize = chunkKA7ST7IH_js.fitFontSize(node.text, boxW * 0.85, boxH, 10);
         let arrow = null;
         if (i < nodes.length - 1) {
           const nextRow = Math.floor((i + 1) / COLS);
@@ -4488,7 +4491,7 @@ function BendingProcessRenderer({
         return /* @__PURE__ */ jsxRuntime.jsxs(
           "g",
           {
-            ...chunkQVQTDWB7_js.smartArtNodeGroupProps(node.id, shadow),
+            ...chunkKA7ST7IH_js.smartArtNodeGroupProps(node.id, shadow),
             children: [
               arrow,
               /* @__PURE__ */ jsxRuntime.jsx(
@@ -4499,18 +4502,18 @@ function BendingProcessRenderer({
                   width: boxW,
                   height: boxH,
                   rx,
-                  fill: chunkQVQTDWB7_js.colour(i, palette),
-                  opacity: chunkQVQTDWB7_js.nodeOpacity(i, nodes.length, style),
+                  fill: chunkKA7ST7IH_js.colour(i, palette),
+                  opacity: chunkKA7ST7IH_js.nodeOpacity(i, nodes.length, style),
                   stroke: sw > 0 ? "rgba(255,255,255,0.3)" : "none",
                   strokeWidth: sw
                 }
               ),
               /* @__PURE__ */ jsxRuntime.jsx(
-                chunkQVQTDWB7_js.SmartArtNodeText,
+                chunkKA7ST7IH_js.SmartArtNodeText,
                 {
                   x: nodeCx,
                   y: nodeCy,
-                  text: chunkQVQTDWB7_js.truncate(node.text, 20),
+                  text: chunkKA7ST7IH_js.truncate(node.text, 20),
                   fill: "white",
                   fontSize,
                   className: "pointer-events-none"
@@ -4551,8 +4554,8 @@ function SmartArtRendererImpl({
       }
     );
   }
-  const palette = chunkQVQTDWB7_js.resolvePalette(element);
-  const style = chunkQVQTDWB7_js.resolveStyle(element);
+  const palette = chunkKA7ST7IH_js.resolvePalette(element);
+  const style = chunkKA7ST7IH_js.resolveStyle(element);
   const a11y = chunkVSNXVKJI_js.buildSmartArtA11y(smartArtData);
   const nodeLabels = new Map(a11y.nodes.map((n) => [n.id, n.label]));
   const editable = canEdit && Boolean(onUpdateElement);
@@ -4565,7 +4568,7 @@ function SmartArtRendererImpl({
     const reflowed = chunkVSNXVKJI_js.rebuildDrawingShapesIfCleared(
       updated,
       smartArtData.layout,
-      chunkQVQTDWB7_js.resolveSmartArtDataPalette(updated),
+      chunkKA7ST7IH_js.resolveSmartArtDataPalette(updated),
       style,
       element.id,
       box
@@ -4582,7 +4585,7 @@ function SmartArtRendererImpl({
       const reflowed = chunkVSNXVKJI_js.rebuildDrawingShapesIfCleared(
         next,
         smartArtData.layout,
-        chunkQVQTDWB7_js.resolveSmartArtDataPalette(next),
+        chunkKA7ST7IH_js.resolveSmartArtDataPalette(next),
         style,
         element.id,
         box
@@ -4605,7 +4608,7 @@ function SmartArtRendererImpl({
     );
   } else {
     const namedLayout = smartArtData.layout;
-    const layoutType = namedLayout ? chunkQVQTDWB7_js.layoutToCategory(namedLayout) : (smartArtData.resolvedLayoutType ?? smartArtData.layoutType ?? "list").toLowerCase();
+    const layoutType = namedLayout ? chunkKA7ST7IH_js.layoutToCategory(namedLayout) : (smartArtData.resolvedLayoutType ?? smartArtData.layoutType ?? "list").toLowerCase();
     content = renderLayout(layoutType, element, nodes, palette, style, nodeLabels);
   }
   const body = editable ? /* @__PURE__ */ jsxRuntime.jsx(
@@ -4619,7 +4622,7 @@ function SmartArtRendererImpl({
       children: content
     }
   ) : content;
-  return chunkQVQTDWB7_js.wrapChrome(chrome, body, className, { role: a11y.role, label: a11y.label });
+  return chunkKA7ST7IH_js.wrapChrome(chrome, body, className, { role: a11y.role, label: a11y.label });
 }
 function renderLayout(layoutType, element, nodes, palette, style, nodeLabels) {
   if (layoutType.includes("hierarchy") || layoutType.includes("org")) {
@@ -4683,34 +4686,34 @@ function renderLayout(layoutType, element, nodes, palette, style, nodeLabels) {
     return /* @__PURE__ */ jsxRuntime.jsx(BendingProcessRenderer, { element, nodes, palette, style });
   }
   if (layoutType.includes("stepdown")) {
-    return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: chunkQVQTDWB7_js.renderStepDownProcess(element, nodes, palette, style) });
+    return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: chunkKA7ST7IH_js.renderStepDownProcess(element, nodes, palette, style) });
   }
   if (layoutType.includes("alternatingflow") || layoutType.includes("alternating")) {
-    return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: chunkQVQTDWB7_js.renderAlternatingFlow(element, nodes, palette, style) });
+    return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: chunkKA7ST7IH_js.renderAlternatingFlow(element, nodes, palette, style) });
   }
   if (layoutType.includes("descending")) {
-    return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: chunkQVQTDWB7_js.renderDescendingProcess(element, nodes, palette, style) });
+    return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: chunkKA7ST7IH_js.renderDescendingProcess(element, nodes, palette, style) });
   }
   if (layoutType.includes("pictureaccent")) {
-    return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: chunkQVQTDWB7_js.renderPictureAccentList(element, nodes, palette, style) });
+    return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: chunkKA7ST7IH_js.renderPictureAccentList(element, nodes, palette, style) });
   }
   if (layoutType.includes("verticalblock")) {
-    return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: chunkQVQTDWB7_js.renderVerticalBlockList(element, nodes, palette, style) });
+    return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: chunkKA7ST7IH_js.renderVerticalBlockList(element, nodes, palette, style) });
   }
   if (layoutType.includes("grouped")) {
-    return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: chunkQVQTDWB7_js.renderGroupedList(element, nodes, palette, style) });
+    return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: chunkKA7ST7IH_js.renderGroupedList(element, nodes, palette, style) });
   }
   if (layoutType.includes("pyramidlist")) {
-    return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: chunkQVQTDWB7_js.renderPyramidList(element, nodes, palette, style) });
+    return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: chunkKA7ST7IH_js.renderPyramidList(element, nodes, palette, style) });
   }
   if (layoutType.includes("horizontalpicture")) {
-    return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: chunkQVQTDWB7_js.renderHorizontalPictureList(element, nodes, palette, style) });
+    return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: chunkKA7ST7IH_js.renderHorizontalPictureList(element, nodes, palette, style) });
   }
   if (layoutType.includes("accentprocess")) {
-    return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: chunkQVQTDWB7_js.renderAccentProcess(element, nodes, palette, style) });
+    return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: chunkKA7ST7IH_js.renderAccentProcess(element, nodes, palette, style) });
   }
   if (layoutType.includes("verticalchevron")) {
-    return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: chunkQVQTDWB7_js.renderVerticalChevronList(element, nodes, palette, style) });
+    return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: chunkKA7ST7IH_js.renderVerticalChevronList(element, nodes, palette, style) });
   }
   return /* @__PURE__ */ jsxRuntime.jsx(
     ListRenderer,
@@ -4809,8 +4812,8 @@ function SmartArt3DRenderer({
     if (nodes.length === 0) {
       return null;
     }
-    const palette = chunkQVQTDWB7_js.resolvePalette(element);
-    const style = chunkQVQTDWB7_js.resolveStyle(element);
+    const palette = chunkKA7ST7IH_js.resolvePalette(element);
+    const style = chunkKA7ST7IH_js.resolveStyle(element);
     const layoutResult = chunkVSNXVKJI_js.computeSmartArtLayout(
       nodes,
       { width: element.width, height: element.height },
@@ -4930,13 +4933,13 @@ function getSegmentTspanProps(segment, element, fallbackColor) {
   if (s.strikethrough) {
     decos.push("line-through");
   }
-  const fill = s.hyperlink ? chunkVSNXVKJI_js.normalizeHexColor(s.color || element.textStyle?.color, chunkQVQTDWB7_js.HYPERLINK_COLOR) : chunkVSNXVKJI_js.normalizeHexColor(s.color || element.textStyle?.color, fallbackColor);
+  const fill = s.hyperlink ? chunkVSNXVKJI_js.normalizeHexColor(s.color || element.textStyle?.color, chunkKA7ST7IH_js.HYPERLINK_COLOR) : chunkVSNXVKJI_js.normalizeHexColor(s.color || element.textStyle?.color, fallbackColor);
   return {
     fill,
-    fontSize: s.fontSize ?? element.textStyle?.fontSize ?? chunkQVQTDWB7_js.DEFAULT_TEXT_FONT_SIZE,
+    fontSize: s.fontSize ?? element.textStyle?.fontSize ?? chunkKA7ST7IH_js.DEFAULT_TEXT_FONT_SIZE,
     fontWeight: s.bold ? 700 : 400,
     fontStyle: s.italic ? "italic" : void 0,
-    fontFamily: s.fontFamily || element.textStyle?.fontFamily ? chunkAD3EAEY6_js.getSubstituteFontFamily(s.fontFamily || element.textStyle?.fontFamily || "") : chunkQVQTDWB7_js.DEFAULT_FONT_FAMILY,
+    fontFamily: s.fontFamily || element.textStyle?.fontFamily ? chunkAD3EAEY6_js.getSubstituteFontFamily(s.fontFamily || element.textStyle?.fontFamily || "") : chunkKA7ST7IH_js.DEFAULT_FONT_FAMILY,
     textDecoration: decos.length > 0 ? decos.join(" ") : void 0
   };
 }
@@ -4965,8 +4968,8 @@ function WarpedText({
   const warpAdj2 = textEl.textStyle?.textWarpAdj2;
   const align = textEl.textStyle?.align ?? "center";
   const { startOffset, textAnchor } = getAlignmentProps(align);
-  const baseFontSize = textEl.textStyle?.fontSize ?? chunkQVQTDWB7_js.DEFAULT_TEXT_FONT_SIZE;
-  const baseFontFamily = textEl.textStyle?.fontFamily ? chunkAD3EAEY6_js.getSubstituteFontFamily(textEl.textStyle.fontFamily) : chunkQVQTDWB7_js.DEFAULT_FONT_FAMILY;
+  const baseFontSize = textEl.textStyle?.fontSize ?? chunkKA7ST7IH_js.DEFAULT_TEXT_FONT_SIZE;
+  const baseFontFamily = textEl.textStyle?.fontFamily ? chunkAD3EAEY6_js.getSubstituteFontFamily(textEl.textStyle.fontFamily) : chunkKA7ST7IH_js.DEFAULT_FONT_FAMILY;
   const baseFill = chunkVSNXVKJI_js.normalizeHexColor(textEl.textStyle?.color, fallbackColor);
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "svg",
@@ -5095,7 +5098,7 @@ function renderTextElementBody(options) {
   const useSvgWarp = chunkVSNXVKJI_js.shouldUseSvgWarp(
     chunkAD3EAEY6_js.hasTextProperties(el) ? el.textStyle?.textWarpPreset : void 0
   );
-  const scene3dStyle = chunkAD3EAEY6_js.hasTextProperties(el) ? chunkQVQTDWB7_js.buildTextBody3DSceneStyle(el.textStyle) : void 0;
+  const scene3dStyle = chunkAD3EAEY6_js.hasTextProperties(el) ? chunkKA7ST7IH_js.buildTextBody3DSceneStyle(el.textStyle) : void 0;
   const composedTransform = [chunkVSNXVKJI_js.getTextCompensationTransform(el), scene3dStyle?.transform].filter(Boolean).join(" ") || void 0;
   const transformStyle = {
     transform: composedTransform,
@@ -5112,18 +5115,18 @@ function renderTextElementBody(options) {
     shouldRenderText && (useSvgWarp ? /* @__PURE__ */ jsxRuntime.jsx(
       "div",
       {
-        className: chunkQVQTDWB7_js.cn(
+        className: chunkKA7ST7IH_js.cn(
           "relative z-10 w-full h-full",
           onHyperlinkClick ? "" : "pointer-events-none"
         ),
-        style: { ...chunkQVQTDWB7_js.getTextLayoutStyle(el), ...transformStyle },
+        style: { ...chunkKA7ST7IH_js.getTextLayoutStyle(el), ...transformStyle },
         children: /* @__PURE__ */ jsxRuntime.jsx(
           WarpedText,
           {
             element: el,
             width: el.width,
             height: el.height,
-            fallbackColor: chunkQVQTDWB7_js.DEFAULT_TEXT_COLOR,
+            fallbackColor: chunkKA7ST7IH_js.DEFAULT_TEXT_COLOR,
             findHighlights: findHl,
             fieldContext
           }
@@ -5132,19 +5135,19 @@ function renderTextElementBody(options) {
     ) : /* @__PURE__ */ jsxRuntime.jsx(
       "div",
       {
-        className: chunkQVQTDWB7_js.cn(
+        className: chunkKA7ST7IH_js.cn(
           "relative z-10 w-full h-full whitespace-pre-wrap break-words leading-[1.3]",
           onHyperlinkClick ? "" : "pointer-events-none"
         ),
         style: {
-          ...chunkQVQTDWB7_js.getTextLayoutStyle(el),
+          ...chunkKA7ST7IH_js.getTextLayoutStyle(el),
           ...txtS,
-          ...chunkQVQTDWB7_js.getTextWarpStyle(txtSE),
+          ...chunkKA7ST7IH_js.getTextWarpStyle(txtSE),
           ...transformStyle
         },
-        children: chunkQVQTDWB7_js.renderTextSegments(
+        children: chunkKA7ST7IH_js.renderTextSegments(
           el,
-          chunkQVQTDWB7_js.DEFAULT_TEXT_COLOR,
+          chunkKA7ST7IH_js.DEFAULT_TEXT_COLOR,
           void 0,
           findHl,
           onHyperlinkClick,
@@ -5444,7 +5447,7 @@ function renderBody(options) {
           textDirection: txtSE?.textDirection,
           textStyle: txtS,
           textStyleRaw: txtSE,
-          layoutStyle: chunkQVQTDWB7_js.getTextLayoutStyle(el),
+          layoutStyle: chunkKA7ST7IH_js.getTextLayoutStyle(el),
           element: el,
           onCommit,
           onCancel,
@@ -5455,7 +5458,7 @@ function renderBody(options) {
     ] });
   }
   if (el.type === "table") {
-    return chunkQVQTDWB7_js.renderTableElement(el, txtS, {
+    return chunkKA7ST7IH_js.renderTableElement(el, txtS, {
       editable: isSel,
       selectedCell: isSel ? tableSt : null,
       onSelectCell: onCellSel,
@@ -5486,7 +5489,7 @@ function renderBody(options) {
     );
   }
   if (el.type === "media") {
-    return chunkQVQTDWB7_js.renderMediaElement(el, media, {
+    return chunkKA7ST7IH_js.renderMediaElement(el, media, {
       autoPlay: isPresentationPassive,
       fullScreen: isPresentationPassive && Boolean(el.fullScreen),
       isPresentationMode: isPresentationPassive,
@@ -5511,7 +5514,7 @@ function renderBody(options) {
     }
     return renderGroup(el.children);
   }
-  if (chunkQVQTDWB7_js.shouldRenderFallbackLabel(el, isTxtEl)) {
+  if (chunkKA7ST7IH_js.shouldRenderFallbackLabel(el, isTxtEl)) {
     return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full h-full flex items-center justify-center text-[11px] text-white/80 pointer-events-none", children: chunkVSNXVKJI_js.getElementLabel(el) });
   }
   return renderTextElementBody(options);
@@ -5530,13 +5533,13 @@ function StaticElementRenderer({
 }) {
   const style = chunkAD3EAEY6_js.hasShapeProperties(element) ? element.shapeStyle : void 0;
   const hasFill = style?.fillColor !== void 0 && style.fillColor !== "transparent" || Boolean(chunkVSNXVKJI_js.buildCssGradientFromShapeStyle(style) || style?.fillGradient) || style?.fillMode === "pattern" && Boolean(style.fillPatternPreset);
-  const fill = chunkVSNXVKJI_js.normalizeHexColor(style?.fillColor, chunkQVQTDWB7_js.DEFAULT_FILL_COLOR);
+  const fill = chunkVSNXVKJI_js.normalizeHexColor(style?.fillColor, chunkKA7ST7IH_js.DEFAULT_FILL_COLOR);
   const strokeWidth = Math.max(0, style?.strokeWidth || 0);
-  const stroke = chunkVSNXVKJI_js.normalizeHexColor(style?.strokeColor, chunkQVQTDWB7_js.DEFAULT_STROKE_COLOR);
-  const visualStyle = chunkQVQTDWB7_js.getShapeVisualStyle(element, hasFill, fill, strokeWidth, stroke);
-  const textStyle = chunkQVQTDWB7_js.getTextStyleForElement(
+  const stroke = chunkVSNXVKJI_js.normalizeHexColor(style?.strokeColor, chunkKA7ST7IH_js.DEFAULT_STROKE_COLOR);
+  const visualStyle = chunkKA7ST7IH_js.getShapeVisualStyle(element, hasFill, fill, strokeWidth, stroke);
+  const textStyle = chunkKA7ST7IH_js.getTextStyleForElement(
     element,
-    element.type === "shape" && hasFill ? "#ffffff" : chunkQVQTDWB7_js.DEFAULT_TEXT_COLOR
+    element.type === "shape" && hasFill ? "#ffffff" : chunkKA7ST7IH_js.DEFAULT_TEXT_COLOR
   );
   const isImage = element.type === "picture" || element.type === "image";
   return /* @__PURE__ */ jsxRuntime.jsx(
@@ -5573,8 +5576,8 @@ function StaticElementRenderer({
         spellCheck: false,
         txtSE: chunkAD3EAEY6_js.hasTextProperties(element) ? element.textStyle : void 0,
         txtS: textStyle,
-        vecShape: chunkQVQTDWB7_js.renderVectorShape(element, hasFill, fill, strokeWidth, stroke),
-        imgStyle: chunkQVQTDWB7_js.getImageRenderStyle(element),
+        vecShape: chunkKA7ST7IH_js.renderVectorShape(element, hasFill, fill, strokeWidth, stroke),
+        imgStyle: chunkKA7ST7IH_js.getImageRenderStyle(element),
         imgFilter: chunkVSNXVKJI_js.getImageEffectsFilter(element),
         imgOpacity: chunkVSNXVKJI_js.getImageEffectsOpacity(element),
         imgAlt: "",
@@ -5604,12 +5607,12 @@ function SlideThumbnailImpl({
 }) {
   const safeCanvasWidth = Math.max(canvasSize.width, 1);
   const safeCanvasHeight = Math.max(canvasSize.height, 1);
-  const scale = chunkQVQTDWB7_js.SLIDE_NAV_THUMBNAIL_WIDTH / safeCanvasWidth;
+  const scale = chunkKA7ST7IH_js.SLIDE_NAV_THUMBNAIL_WIDTH / safeCanvasWidth;
   const previewHeight = Math.max(56, Math.round(safeCanvasHeight * scale));
   const previewElements = [...templateElements, ...slide.elements].slice(0, 60);
   const { t } = reactI18next.useTranslation();
   const transitionLabel = slide.transition ? (() => {
-    const opt = chunkQVQTDWB7_js.SLIDE_TRANSITION_OPTIONS.find((o) => o.value === slide.transition?.type);
+    const opt = chunkKA7ST7IH_js.SLIDE_TRANSITION_OPTIONS.find((o) => o.value === slide.transition?.type);
     return opt ? t(opt.i18nKey) : slide.transition.type;
   })() : void 0;
   return /* @__PURE__ */ jsxRuntime.jsx(
@@ -6302,7 +6305,7 @@ function SectionHeader({
         /* @__PURE__ */ jsxRuntime.jsx(
           lu.LuChevronDown,
           {
-            className: chunkQVQTDWB7_js.cn(
+            className: chunkKA7ST7IH_js.cn(
               "h-3 w-3 flex-shrink-0 transition-transform",
               isCollapsed ? "-rotate-90" : "rotate-0"
             )
@@ -6404,7 +6407,7 @@ function LazyThumbnailInner({
       className: "relative w-full overflow-hidden rounded border border-border bg-muted/30 animate-pulse",
       style: {
         height: previewHeight,
-        minWidth: chunkQVQTDWB7_js.SLIDE_NAV_THUMBNAIL_WIDTH
+        minWidth: chunkKA7ST7IH_js.SLIDE_NAV_THUMBNAIL_WIDTH
       }
     }
   ) });
@@ -6441,7 +6444,7 @@ function buildFlatPaneItems(sectionGroups, showSectionHeaders, collapsedSections
 function estimateSlideItemHeight(canvasWidth, canvasHeight) {
   const safeW = Math.max(canvasWidth, 1);
   const safeH = Math.max(canvasHeight, 1);
-  const scale = chunkQVQTDWB7_js.SLIDE_NAV_THUMBNAIL_WIDTH / safeW;
+  const scale = chunkKA7ST7IH_js.SLIDE_NAV_THUMBNAIL_WIDTH / safeW;
   const previewHeight = Math.max(56, Math.round(safeH * scale));
   return previewHeight + 30;
 }
@@ -6478,7 +6481,7 @@ function SlideItemInner({
   );
   const safeCanvasWidth = Math.max(canvasSize.width, 1);
   const safeCanvasHeight = Math.max(canvasSize.height, 1);
-  const scale = chunkQVQTDWB7_js.SLIDE_NAV_THUMBNAIL_WIDTH / safeCanvasWidth;
+  const scale = chunkKA7ST7IH_js.SLIDE_NAV_THUMBNAIL_WIDTH / safeCanvasWidth;
   const previewHeight = Math.max(56, Math.round(safeCanvasHeight * scale));
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "button",
@@ -6487,7 +6490,7 @@ function SlideItemInner({
       ref: slideRef,
       "aria-label": `Go to slide ${slideIndex + 1}`,
       "aria-current": isActive ? "true" : void 0,
-      className: chunkQVQTDWB7_js.cn(
+      className: chunkKA7ST7IH_js.cn(
         "group relative flex w-full items-center gap-1 cursor-pointer border-0 bg-transparent py-0.5 px-1 text-left transition-all",
         isActive && "bg-accent/40 before:absolute before:left-0 before:top-1 before:bottom-1 before:w-[3px] before:bg-primary before:rounded-r",
         isHidden && "opacity-50"
@@ -6503,7 +6506,7 @@ function SlideItemInner({
           /* @__PURE__ */ jsxRuntime.jsx(
             "span",
             {
-              className: chunkQVQTDWB7_js.cn(
+              className: chunkKA7ST7IH_js.cn(
                 "text-[10px] tabular-nums text-right select-none w-full",
                 isActive ? "text-primary font-medium" : "text-muted-foreground"
               ),
@@ -6523,7 +6526,7 @@ function SlideItemInner({
         /* @__PURE__ */ jsxRuntime.jsxs(
           "div",
           {
-            className: chunkQVQTDWB7_js.cn(
+            className: chunkKA7ST7IH_js.cn(
               "relative flex-1 overflow-hidden border transition-colors bg-white",
               isActive ? "border-primary/60" : "border-transparent group-hover:border-border/40"
             ),
@@ -6728,7 +6731,7 @@ function SlidesPaneSidebar({
     [sectionGroups, showSectionHeaders, collapsedSections]
   );
   const shouldVirtualize = slides.length >= VIRTUALIZATION_THRESHOLD;
-  const { startIndex, endIndex, totalHeight, offsetY, scrollContainerRef, scrollToIndex } = chunkQVQTDWB7_js.useVirtualizedSlides({
+  const { startIndex, endIndex, totalHeight, offsetY, scrollContainerRef, scrollToIndex } = chunkKA7ST7IH_js.useVirtualizedSlides({
     totalItems: shouldVirtualize ? flatItems.length : 0,
     itemHeight: estimatedItemHeight
   });
@@ -6958,7 +6961,7 @@ function HandoutMasterPanel({
         {
           type: "button",
           "aria-pressed": slidesPerPage === count,
-          className: chunkQVQTDWB7_js.cn(
+          className: chunkKA7ST7IH_js.cn(
             "px-2 py-1.5 rounded text-[11px] font-medium transition-colors",
             slidesPerPage === count ? "bg-primary text-white" : "bg-accent/50 text-muted-foreground hover:bg-accent/70 hover:text-foreground"
           ),
@@ -7086,7 +7089,7 @@ function SlideMastersList({
           "div",
           {
             ref: isMasterActive ? activeRef : void 0,
-            className: chunkQVQTDWB7_js.cn(
+            className: chunkKA7ST7IH_js.cn(
               "group relative cursor-pointer rounded-lg border-2 p-1 transition-all",
               isMasterActive ? "border-amber-500 bg-amber-500/10" : "border-border bg-background/40 hover:border-border"
             ),
@@ -7103,7 +7106,7 @@ function SlideMastersList({
               /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-1 px-1", children: /* @__PURE__ */ jsxRuntime.jsx(
                 "span",
                 {
-                  className: chunkQVQTDWB7_js.cn(
+                  className: chunkKA7ST7IH_js.cn(
                     "text-[10px] font-medium",
                     isMasterActive ? "text-amber-400" : "text-muted-foreground"
                   ),
@@ -7119,7 +7122,7 @@ function SlideMastersList({
             "div",
             {
               ref: isLayoutActive ? activeRef : void 0,
-              className: chunkQVQTDWB7_js.cn(
+              className: chunkKA7ST7IH_js.cn(
                 "group relative cursor-pointer rounded-md border-2 p-0.5 transition-all",
                 isLayoutActive ? "border-primary bg-primary/10" : "border-border bg-background/40 hover:border-border"
               ),
@@ -7136,7 +7139,7 @@ function SlideMastersList({
                 /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-0.5 px-0.5", children: /* @__PURE__ */ jsxRuntime.jsx(
                   "span",
                   {
-                    className: chunkQVQTDWB7_js.cn(
+                    className: chunkKA7ST7IH_js.cn(
                       "text-[9px]",
                       isLayoutActive ? "text-primary" : "text-muted-foreground"
                     ),
@@ -7220,7 +7223,7 @@ function MasterViewSidebar({
                 type: "button",
                 role: "tab",
                 "aria-selected": masterViewTab === tab.key,
-                className: chunkQVQTDWB7_js.cn(
+                className: chunkKA7ST7IH_js.cn(
                   "flex-1 px-1 py-1.5 text-[10px] font-medium transition-colors border-b-2",
                   masterViewTab === tab.key ? "border-amber-500 text-amber-400" : "border-transparent text-muted-foreground hover:text-foreground"
                 ),
@@ -7692,7 +7695,7 @@ function SectionBlock({
           /* @__PURE__ */ jsxRuntime.jsx(
             lu.LuChevronDown,
             {
-              className: chunkQVQTDWB7_js.cn("h-3 w-3 transition-transform", collapsed ? "-rotate-90" : "rotate-0")
+              className: chunkKA7ST7IH_js.cn("h-3 w-3 transition-transform", collapsed ? "-rotate-90" : "rotate-0")
             }
           ),
           /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate text-left", children: section.label }),
@@ -7739,7 +7742,7 @@ function SlideCardImpl({
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
     {
-      className: chunkQVQTDWB7_js.cn(
+      className: chunkKA7ST7IH_js.cn(
         "group relative cursor-pointer rounded-lg border-2 p-1 transition-all",
         isDragTarget ? "border-primary bg-primary/20" : isSelected ? "border-primary bg-primary/10 ring-1 ring-primary/50" : isActive ? "border-primary/50 bg-primary/5" : "border-border bg-background/50 hover:border-border",
         slide.hidden && "opacity-40"
@@ -7758,7 +7761,7 @@ function SlideCardImpl({
           /* @__PURE__ */ jsxRuntime.jsx(
             "span",
             {
-              className: chunkQVQTDWB7_js.cn(
+              className: chunkKA7ST7IH_js.cn(
                 "text-[11px] font-medium",
                 isSelected ? "text-primary" : isActive ? "text-primary/70" : "text-muted-foreground"
               ),
@@ -9493,7 +9496,7 @@ var SlideNotesPanel = ({
   });
   const hasNotes = draft.trim().length > 0;
   const slideLabel = activeSlide ? t("pptx.notes.slideN", { n: activeSlide.slideNumber }) : t("pptx.notes.noSlide");
-  const { dragY, handlers: dragHandlers } = chunkQVQTDWB7_js.useSheetDismissDrag(onToggle);
+  const { dragY, handlers: dragHandlers } = chunkKA7ST7IH_js.useSheetDismissDrag(onToggle);
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     isExpanded && /* @__PURE__ */ jsxRuntime.jsx(
       "button",
@@ -9507,7 +9510,7 @@ var SlideNotesPanel = ({
     /* @__PURE__ */ jsxRuntime.jsxs(
       "div",
       {
-        className: chunkQVQTDWB7_js.cn(
+        className: chunkKA7ST7IH_js.cn(
           "flex flex-col border-t border-border/60 bg-background select-none",
           // On mobile, hide the entire notes strip when collapsed: the
           // MobileBottomBar's Notes button is the entry point instead.
@@ -9858,7 +9861,7 @@ function SlideDiffRow({
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
     {
-      className: chunkQVQTDWB7_js.cn(
+      className: chunkKA7ST7IH_js.cn(
         "rounded-lg border transition-colors",
         isResolved ? "border-border/60 bg-card/40 opacity-60" : "border-border bg-background/70"
       ),
@@ -9872,7 +9875,7 @@ function SlideDiffRow({
             children: [
               expanded ? /* @__PURE__ */ jsxRuntime.jsx(lu.LuChevronDown, { className: "w-3.5 h-3.5 text-muted-foreground flex-shrink-0" }) : /* @__PURE__ */ jsxRuntime.jsx(lu.LuChevronRight, { className: "w-3.5 h-3.5 text-muted-foreground flex-shrink-0" }),
               /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs text-foreground", children: t("pptx.compare.slideNumber", { number: slideNumber }) }),
-              /* @__PURE__ */ jsxRuntime.jsx("span", { className: chunkQVQTDWB7_js.cn("rounded-full px-2 py-0.5 text-[10px] font-medium", statusColor), children: statusLabel }),
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: chunkKA7ST7IH_js.cn("rounded-full px-2 py-0.5 text-[10px] font-medium", statusColor), children: statusLabel }),
               diff.changes.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-[10px] text-muted-foreground", children: [
                 diff.changes.length,
                 " ",
@@ -9882,7 +9885,7 @@ function SlideDiffRow({
               isResolved && /* @__PURE__ */ jsxRuntime.jsx(
                 "span",
                 {
-                  className: chunkQVQTDWB7_js.cn(
+                  className: chunkKA7ST7IH_js.cn(
                     "text-[10px] font-medium",
                     accepted ? "text-green-400" : "text-muted-foreground"
                   ),
@@ -9910,7 +9913,7 @@ function SlideDiffRow({
               /* @__PURE__ */ jsxRuntime.jsx(
                 "div",
                 {
-                  className: chunkQVQTDWB7_js.cn(
+                  className: chunkKA7ST7IH_js.cn(
                     "rounded border overflow-hidden",
                     diff.status === "added" ? "border-green-700/60" : diff.status === "changed" ? "border-amber-700/60" : "border-border"
                   ),
@@ -10631,7 +10634,7 @@ function DocumentPropertiesDialog({
   const handleClose = React14.useCallback(() => {
     onClose();
   }, [onClose]);
-  const { panelStyle, handlers: dragHandlers } = chunkQVQTDWB7_js.useModalDismissDrag(handleClose);
+  const { panelStyle, handlers: dragHandlers } = chunkKA7ST7IH_js.useModalDismissDrag(handleClose);
   if (!isOpen) {
     return null;
   }
@@ -12250,7 +12253,7 @@ function SelectionPane({
             setDragIndex(null);
             setDragOverIndex(null);
           },
-          className: chunkQVQTDWB7_js.cn(
+          className: chunkKA7ST7IH_js.cn(
             "flex items-center gap-1.5 px-2 py-1 text-xs cursor-pointer transition-colors",
             isSelected ? "bg-primary/30 text-primary" : "hover:bg-muted text-foreground",
             dragOverIndex === realIndex ? "border-t-2 border-primary" : ""
@@ -12307,7 +12310,7 @@ function RibbonGroup({
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "section",
     {
-      className: chunkQVQTDWB7_js.cn(
+      className: chunkKA7ST7IH_js.cn(
         "relative flex min-h-[78px] shrink-0 items-start gap-1 border-r border-border/60 px-2 pb-4 pt-1 last:border-r-0",
         className
       ),
@@ -12335,7 +12338,7 @@ function RibbonCommand({
       onClick,
       disabled,
       title: title ?? label,
-      className: chunkQVQTDWB7_js.cn(
+      className: chunkKA7ST7IH_js.cn(
         "inline-flex rounded-sm text-foreground transition-colors hover:bg-accent disabled:cursor-not-allowed disabled:opacity-35",
         active && "bg-primary/15 text-primary ring-1 ring-primary/35",
         compact ? "h-[26px] min-w-[88px] items-center gap-1.5 px-1.5 text-left text-[10px] leading-3" : "h-[58px] min-w-[54px] max-w-[72px] flex-col items-center justify-start gap-0.5 px-1 py-1 text-center text-[9px] leading-[11px]"
@@ -12344,7 +12347,7 @@ function RibbonCommand({
         /* @__PURE__ */ jsxRuntime.jsx(
           "span",
           {
-            className: chunkQVQTDWB7_js.cn(
+            className: chunkKA7ST7IH_js.cn(
               "grid shrink-0 place-items-center text-primary",
               compact ? "h-4 w-4 [&>svg]:h-4 [&>svg]:w-4" : "h-7 w-7 [&>svg]:h-6 [&>svg]:w-6"
             ),
@@ -12373,7 +12376,7 @@ function RibbonToggle({
     "label",
     {
       title,
-      className: chunkQVQTDWB7_js.cn(
+      className: chunkKA7ST7IH_js.cn(
         "flex h-[19px] items-center gap-1 whitespace-nowrap rounded-sm px-1 text-[10px] text-foreground",
         checked && "bg-primary/15 text-primary"
       ),
@@ -12775,7 +12778,7 @@ function ArrangeSection(p) {
         disabled: !p.canEdit || p.canActivateFormatPainter === false && !p.formatPainterActive,
         "data-testid": "format-painter-toggle",
         "data-active": p.formatPainterActive ? "true" : "false",
-        className: chunkQVQTDWB7_js.cn(
+        className: chunkKA7ST7IH_js.cn(
           pill,
           p.formatPainterActive ? "bg-amber-600 hover:bg-amber-500 text-amber-50" : ""
         ),
@@ -12888,7 +12891,7 @@ function DesignSection(p) {
       {
         onClick: p.onToggleThemeGallery,
         disabled: !p.canEdit,
-        className: chunkQVQTDWB7_js.cn(
+        className: chunkKA7ST7IH_js.cn(
           pill,
           p.isThemeGalleryOpen ? "bg-primary hover:bg-primary/80 text-white" : ""
         ),
@@ -12904,7 +12907,7 @@ function DesignSection(p) {
       {
         onClick: p.onToggleThemeEditor,
         disabled: !p.canEdit,
-        className: chunkQVQTDWB7_js.cn(pill, p.isThemeEditorOpen ? "bg-primary hover:bg-primary/80 text-white" : ""),
+        className: chunkKA7ST7IH_js.cn(pill, p.isThemeEditorOpen ? "bg-primary hover:bg-primary/80 text-white" : ""),
         title: t("pptx.ribbon.editThemeTitle"),
         children: [
           /* @__PURE__ */ jsxRuntime.jsx(lu.LuPencil, { className: ics }),
@@ -12929,7 +12932,7 @@ function DesignSection(p) {
       "button",
       {
         onClick: p.onToggleInspector,
-        className: chunkQVQTDWB7_js.cn(
+        className: chunkKA7ST7IH_js.cn(
           pill,
           p.isInspectorPaneOpen ? "bg-primary hover:bg-primary/80 text-white" : ""
         ),
@@ -12971,7 +12974,7 @@ function TransitionsSection(p) {
       {
         type: "button",
         onClick: () => setSelected(preset.value),
-        className: chunkQVQTDWB7_js.cn(
+        className: chunkKA7ST7IH_js.cn(
           "flex-shrink-0 px-2 py-1 max-md:min-h-[44px] rounded border text-[11px] leading-tight transition-colors",
           selected === preset.value ? "border-primary bg-primary/10 text-primary font-medium" : "border-border bg-muted hover:bg-accent text-foreground"
         ),
@@ -13056,7 +13059,7 @@ function TransitionsSection(p) {
       {
         type: "button",
         onClick: p.onToggleInspector,
-        className: chunkQVQTDWB7_js.cn(
+        className: chunkKA7ST7IH_js.cn(
           pill,
           p.isInspectorPaneOpen ? "bg-primary hover:bg-primary/80 text-white" : ""
         ),
@@ -13077,7 +13080,7 @@ function DrawSection(p) {
       {
         type: "button",
         onClick: () => p.onSetActiveTool(tool.id),
-        className: chunkQVQTDWB7_js.cn(
+        className: chunkKA7ST7IH_js.cn(
           i < a.length - 1 ? gB : gL,
           p.activeTool === tool.id ? tool.ac ?? "bg-accent text-foreground" : ""
         ),
@@ -13161,7 +13164,7 @@ function AccountPage() {
       return void 0;
     });
   };
-  const version = "1.21.0" ;
+  const version = "1.22.1" ;
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-8 max-w-[700px] space-y-6", children: [
     /* @__PURE__ */ jsxRuntime.jsxs("section", { className: cardClass, children: [
       /* @__PURE__ */ jsxRuntime.jsxs("h2", { className: "flex items-center gap-2 text-sm font-semibold", children: [
@@ -13201,7 +13204,7 @@ function AccountPage() {
           "aria-label": color,
           "aria-pressed": profile.avatarColor === color,
           onClick: () => updateProfile({ avatarColor: color }),
-          className: chunkQVQTDWB7_js.cn(
+          className: chunkKA7ST7IH_js.cn(
             "size-7 rounded-full border-2 transition-transform",
             profile.avatarColor === color ? "border-foreground scale-110" : "border-transparent hover:scale-105"
           ),
@@ -13351,7 +13354,7 @@ function FileSection(p) {
   const [page, setPage] = React14.useState("home");
   const [query, setQuery] = React14.useState("");
   const [recent, setRecent] = React14.useState([]);
-  const { isHidden } = chunkQVQTDWB7_js.useToolbarVisibility(p.hiddenActions);
+  const { isHidden } = chunkKA7ST7IH_js.useToolbarVisibility(p.hiddenActions);
   const exportHidden = isHidden("export");
   React14.useEffect(() => {
     void chunkVSNXVKJI_js.listBackstageRecentFiles().then(setRecent);
@@ -13682,7 +13685,7 @@ function SlidesGroup(p) {
               type: "button",
               onClick: handleNewSlide,
               disabled: !p.canEdit || p.layoutOptions.length === 0,
-              className: chunkQVQTDWB7_js.cn(
+              className: chunkKA7ST7IH_js.cn(
                 pill,
                 "whitespace-nowrap",
                 p.layoutOptions.length > 0 ? "rounded-r-none" : ""
@@ -13872,7 +13875,7 @@ function HomeSection(p) {
               setTimeout(() => setCutFeedback(false), 600);
             },
             disabled: !p.canEdit,
-            className: chunkQVQTDWB7_js.cn(gB, cutFeedback && "bg-green-600/20 text-green-400"),
+            className: chunkKA7ST7IH_js.cn(gB, cutFeedback && "bg-green-600/20 text-green-400"),
             title: t("pptx.arrange.cut"),
             children: /* @__PURE__ */ jsxRuntime.jsx(lu.LuScissors, { className: ic2 })
           }
@@ -13886,7 +13889,7 @@ function HomeSection(p) {
               setCopiedFeedback(true);
               setTimeout(() => setCopiedFeedback(false), 600);
             },
-            className: chunkQVQTDWB7_js.cn(gB, copiedFeedback && "bg-green-600/20 text-green-400"),
+            className: chunkKA7ST7IH_js.cn(gB, copiedFeedback && "bg-green-600/20 text-green-400"),
             title: t("pptx.arrange.copy"),
             children: /* @__PURE__ */ jsxRuntime.jsx(lu.LuCopy, { className: ic2 })
           }
@@ -13899,7 +13902,7 @@ function HomeSection(p) {
             disabled: !p.canEdit || p.canActivateFormatPainter === false && !p.formatPainterActive,
             "data-testid": "format-painter-toggle",
             "data-active": p.formatPainterActive ? "true" : "false",
-            className: chunkQVQTDWB7_js.cn(
+            className: chunkKA7ST7IH_js.cn(
               gL,
               p.formatPainterActive ? "bg-amber-600 hover:bg-amber-500 text-amber-50" : ""
             ),
@@ -14074,7 +14077,7 @@ function InsertSection(p) {
           onChange: (e) => p.onSetNewShapeType(e.target.value),
           className: "bg-transparent py-1.5 pl-2 pr-1 outline-none text-xs",
           title: t("pptx.insert.shapeType"),
-          children: chunkQVQTDWB7_js.SHAPE_PRESETS.map((sp) => /* @__PURE__ */ jsxRuntime.jsx("option", { value: sp.type, className: "bg-background", children: t(sp.i18nKey) }, sp.type))
+          children: chunkKA7ST7IH_js.SHAPE_PRESETS.map((sp) => /* @__PURE__ */ jsxRuntime.jsx("option", { value: sp.type, className: "bg-background", children: t(sp.i18nKey) }, sp.type))
         }
       ),
       /* @__PURE__ */ jsxRuntime.jsxs(
@@ -14085,7 +14088,7 @@ function InsertSection(p) {
           className: "inline-flex items-center gap-1.5 px-2.5 py-1.5 border-l border-border hover:bg-accent transition-colors text-xs",
           title: t("pptx.insert.addShape"),
           children: [
-            chunkQVQTDWB7_js.SHAPE_PRESETS.find((sp) => sp.type === p.newShapeType)?.icon || /* @__PURE__ */ jsxRuntime.jsx(lu.LuSquare, { className: ic2 }),
+            chunkKA7ST7IH_js.SHAPE_PRESETS.find((sp) => sp.type === p.newShapeType)?.icon || /* @__PURE__ */ jsxRuntime.jsx(lu.LuSquare, { className: ic2 }),
             t("pptx.insert.shape")
           ]
         }
@@ -14568,7 +14571,7 @@ function ReviewSection(p) {
 }
 function SlideShowSection(p) {
   const { t } = reactI18next.useTranslation();
-  const { isHidden } = chunkQVQTDWB7_js.useToolbarVisibility(p.hiddenActions);
+  const { isHidden } = chunkKA7ST7IH_js.useToolbarVisibility(p.hiddenActions);
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsxs(RibbonGroup, { label: t("pptx.slideShow.start", { defaultValue: "Start Slide Show" }), children: [
       /* @__PURE__ */ jsxRuntime.jsx(
@@ -15268,6 +15271,7 @@ function TextSection(p) {
               {
                 type: "button",
                 "aria-label": c,
+                "data-pptx-compact": true,
                 className: `w-5 h-5 rounded-full border transition-transform hover:scale-125 ${currentColor?.toLowerCase() === c ? "border-primary ring-1 ring-primary" : "border-border"}`,
                 style: { backgroundColor: c },
                 onMouseDown: (e) => e.preventDefault(),
@@ -15325,6 +15329,7 @@ function TextSection(p) {
               {
                 type: "button",
                 "aria-label": c,
+                "data-pptx-compact": true,
                 className: `w-5 h-5 rounded-full border transition-transform hover:scale-125 ${currentHighlight?.toLowerCase() === c ? "border-primary ring-1 ring-primary" : "border-border"}`,
                 style: { backgroundColor: c },
                 onMouseDown: (e) => e.preventDefault(),
@@ -15635,11 +15640,14 @@ function ViewSection(p) {
       /* @__PURE__ */ jsxRuntime.jsx(
         RibbonCommand,
         {
-          label: t("pptx.view.templateEditing", { defaultValue: "Template Editing" }),
+          label: t(p.editTemplateMode ? "pptx.ribbon.templatesOn" : "pptx.ribbon.templatesOff"),
           icon: /* @__PURE__ */ jsxRuntime.jsx(lu.LuRuler, {}),
           onClick: () => p.onSetEditTemplateMode(!p.editTemplateMode),
           active: p.editTemplateMode,
-          disabled: !p.canEdit
+          disabled: !p.canEdit,
+          title: t("pptx.view.templateEditingTooltip", {
+            defaultValue: "Toggle template/master element editing"
+          })
         }
       ),
       /* @__PURE__ */ jsxRuntime.jsx(
@@ -15665,7 +15673,7 @@ function MobileSheet({
   headerRight
 }) {
   const sheetRef = React14.useRef(null);
-  const { dragY, dragging, handlers } = chunkQVQTDWB7_js.useSheetDismissDrag(onClose);
+  const { dragY, dragging, handlers } = chunkKA7ST7IH_js.useSheetDismissDrag(onClose);
   useModalFocus(open, sheetRef, onClose);
   if (!open) {
     return null;
@@ -15689,7 +15697,7 @@ function MobileSheet({
         "aria-modal": "true",
         "aria-label": typeof title === "string" ? title : "Mobile panel",
         tabIndex: -1,
-        className: chunkQVQTDWB7_js.cn(
+        className: chunkKA7ST7IH_js.cn(
           "relative bg-background border-t border-border rounded-t-2xl shadow-2xl flex flex-col overflow-hidden",
           "animate-in slide-in-from-bottom duration-200",
           className
@@ -15752,14 +15760,14 @@ function MobileMenuSheet(props) {
   const { t } = reactI18next.useTranslation();
   const { open, onClose } = props;
   const [active, setActive] = React14.useState("home");
-  const { isTabVisible } = chunkQVQTDWB7_js.useToolbarVisibility(props.hiddenActions);
+  const { isTabVisible } = chunkKA7ST7IH_js.useToolbarVisibility(props.hiddenActions);
   return /* @__PURE__ */ jsxRuntime.jsx(MobileSheet, { open, onClose, autoHeight: true, title: t("pptx.mobileToolbar.menu"), children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col", children: [
     /* @__PURE__ */ jsxRuntime.jsx("div", { className: "sticky top-0 z-10 bg-background border-b border-border", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-wrap gap-1.5 px-3 py-2", children: MENU_ITEMS.filter(({ key }) => isTabVisible(key)).map(({ key, label, icon: Icon }) => /* @__PURE__ */ jsxRuntime.jsxs(
       "button",
       {
         type: "button",
         onClick: () => setActive(active === key ? null : key),
-        className: chunkQVQTDWB7_js.cn(
+        className: chunkKA7ST7IH_js.cn(
           "inline-flex items-center gap-1.5 shrink-0 px-3 py-2 rounded-full text-[12px] font-medium border transition-colors min-h-[36px]",
           active === key ? "bg-primary text-white border-primary" : "border-border text-muted-foreground hover:text-foreground hover:bg-accent/40"
         ),
@@ -15995,7 +16003,7 @@ function MobileToolbar(props) {
   const { t } = reactI18next.useTranslation();
   const { mode, canUndo, canRedo, onUndo, onRedo, onSetMode, onSaveAsPptx } = props;
   const [menuOpen, setMenuOpen] = React14.useState(false);
-  const { isHidden } = chunkQVQTDWB7_js.useToolbarVisibility(props.hiddenActions);
+  const { isHidden } = chunkKA7ST7IH_js.useToolbarVisibility(props.hiddenActions);
   const showEdit = mode === "edit" || mode === "master";
   const btn = "inline-flex items-center justify-center min-w-[44px] min-h-[44px] rounded-md text-foreground/80 hover:bg-accent/60 disabled:opacity-40 disabled:cursor-not-allowed active:scale-95 transition-transform";
   return /* @__PURE__ */ jsxRuntime.jsxs(
@@ -16057,7 +16065,7 @@ function MobileToolbar(props) {
           {
             type: "button",
             onClick: () => onSetMode("present"),
-            className: chunkQVQTDWB7_js.cn(btn, "text-primary"),
+            className: chunkKA7ST7IH_js.cn(btn, "text-primary"),
             title: t("pptx.toolbar.present"),
             "aria-label": t("pptx.toolbar.present"),
             children: /* @__PURE__ */ jsxRuntime.jsx(lu.LuPresentation, { className: "w-5 h-5" })
@@ -16068,7 +16076,7 @@ function MobileToolbar(props) {
           {
             type: "button",
             onClick: props.onOpenShareDialog ?? props.onPackageForSharing,
-            className: chunkQVQTDWB7_js.cn(btn, "bg-primary text-white hover:bg-primary/90 px-3"),
+            className: chunkKA7ST7IH_js.cn(btn, "bg-primary text-white hover:bg-primary/90 px-3"),
             title: t("pptx.toolbar.share"),
             "aria-label": t("pptx.toolbar.share"),
             children: /* @__PURE__ */ jsxRuntime.jsx(lu.LuShare2, { className: "w-4 h-4" })
@@ -16093,7 +16101,7 @@ var FILL_COLORS = [
   "#008888",
   "#888888"
 ];
-var TOP_SHAPES = chunkQVQTDWB7_js.SHAPE_PRESETS.slice(0, 12);
+var TOP_SHAPES = chunkKA7ST7IH_js.SHAPE_PRESETS.slice(0, 12);
 function DrawingGroup(p) {
   const { t } = reactI18next.useTranslation();
   const [shapesOpen, setShapesOpen] = React14.useState(false);
@@ -16174,7 +16182,7 @@ function DrawingGroup(p) {
             "button",
             {
               type: "button",
-              className: chunkQVQTDWB7_js.cn(
+              className: chunkKA7ST7IH_js.cn(
                 "flex items-center gap-2 w-full px-3 py-1.5 text-xs text-foreground hover:bg-muted transition-colors",
                 p.newShapeType === s.type && "bg-accent"
               ),
@@ -16274,6 +16282,7 @@ function DrawingGroup(p) {
             {
               type: "button",
               "aria-label": `Fill colour ${c}`,
+              "data-pptx-compact": true,
               className: "w-5 h-5 rounded border border-border/60 hover:scale-110 transition-transform",
               style: { backgroundColor: c },
               title: c,
@@ -16302,6 +16311,7 @@ function DrawingGroup(p) {
             {
               type: "button",
               "aria-label": `Outline colour ${c}`,
+              "data-pptx-compact": true,
               className: "w-5 h-5 rounded border border-border/60 hover:scale-110 transition-transform",
               style: { backgroundColor: c },
               title: c,
@@ -16318,7 +16328,7 @@ function DrawingGroup(p) {
           {
             type: "button",
             disabled: true,
-            className: chunkQVQTDWB7_js.cn(pill, "opacity-50 cursor-not-allowed"),
+            className: chunkKA7ST7IH_js.cn(pill, "opacity-50 cursor-not-allowed"),
             title: t("pptx.drawing.shapeEffectsUnavailable"),
             children: /* @__PURE__ */ jsxRuntime.jsx(lu.LuSparkles, { className: ic2 })
           }
@@ -16425,7 +16435,7 @@ function TabRowActions(p) {
   const { t } = reactI18next.useTranslation();
   const collab = useCollaboration();
   const isCollaborating = collab && collab.status === "connected";
-  const { isHidden } = chunkQVQTDWB7_js.useToolbarVisibility(p.hiddenActions);
+  const { isHidden } = chunkKA7ST7IH_js.useToolbarVisibility(p.hiddenActions);
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-1 pr-1", children: [
     p.onEnterRehearsalMode && !isHidden("record") && /* @__PURE__ */ jsxRuntime.jsxs(
       "button",
@@ -16446,7 +16456,7 @@ function TabRowActions(p) {
       {
         type: "button",
         onClick: p.onOpenShareDialog ?? p.onPackageForSharing,
-        className: chunkQVQTDWB7_js.cn(
+        className: chunkKA7ST7IH_js.cn(
           "relative inline-flex items-center gap-1 px-2.5 py-1 rounded-sm text-[11px] font-medium transition-colors whitespace-nowrap",
           isCollaborating ? "bg-green-600 hover:bg-green-500 text-white" : "bg-primary hover:bg-primary/90 text-white"
         ),
@@ -16526,7 +16536,7 @@ function CustomShowsControls({
             {
               type: "button",
               onClick: onToggleCurrentSlideInActiveShow,
-              className: chunkQVQTDWB7_js.cn(
+              className: chunkKA7ST7IH_js.cn(
                 "px-2 py-1 rounded text-[11px] transition-colors",
                 isCurrentSlideInActiveShow ? "bg-primary text-white" : "bg-muted hover:bg-accent"
               ),
@@ -16574,7 +16584,7 @@ function PresentDropdown({
         {
           type: "button",
           onClick: onPresent,
-          className: chunkQVQTDWB7_js.cn(
+          className: chunkKA7ST7IH_js.cn(
             "px-2 py-1 transition-colors",
             isActive ? "bg-primary text-white" : "hover:bg-accent text-foreground"
           ),
@@ -16587,7 +16597,7 @@ function PresentDropdown({
         {
           type: "button",
           onClick: () => setOpen((prev) => !prev),
-          className: chunkQVQTDWB7_js.cn(
+          className: chunkKA7ST7IH_js.cn(
             "px-1 py-1 transition-colors border-l border-border",
             open ? "bg-primary text-white" : "hover:bg-accent text-foreground"
           ),
@@ -16775,7 +16785,7 @@ function OverflowMenu(p) {
       {
         type: "button",
         onClick: () => p.onSetOverflowMenuOpen(!p.isOverflowMenuOpen),
-        className: chunkQVQTDWB7_js.cn(
+        className: chunkKA7ST7IH_js.cn(
           "p-1.5 rounded transition-colors",
           p.isOverflowMenuOpen ? "bg-primary/80 text-white" : "bg-muted hover:bg-accent"
         ),
@@ -16830,7 +16840,7 @@ function ToolbarPrimaryRow(p) {
       {
         type: "button",
         onClick: onToggleSidebar,
-        className: chunkQVQTDWB7_js.cn(qab, !isSidebarCollapsed ? "text-foreground" : "text-muted-foreground"),
+        className: chunkKA7ST7IH_js.cn(qab, !isSidebarCollapsed ? "text-foreground" : "text-muted-foreground"),
         title: t("pptx.toolbar.toggleSlidesPanel"),
         "aria-label": t("pptx.toolbar.toggleSlidesPanel"),
         children: /* @__PURE__ */ jsxRuntime.jsx(lu.LuPanelLeft, { className: ic2 })
@@ -16842,7 +16852,7 @@ function ToolbarPrimaryRow(p) {
       {
         type: "button",
         onClick: p.onToggleComments,
-        className: chunkQVQTDWB7_js.cn(
+        className: chunkKA7ST7IH_js.cn(
           qab,
           "relative max-md:hidden",
           p.isCommentsPanelOpen ? "text-foreground" : "text-muted-foreground"
@@ -16909,7 +16919,7 @@ function ToolbarPrimaryRow(p) {
       {
         type: "button",
         onClick: onToggleInspector,
-        className: chunkQVQTDWB7_js.cn(qab, isInspectorPaneOpen ? "text-foreground" : "text-muted-foreground"),
+        className: chunkKA7ST7IH_js.cn(qab, isInspectorPaneOpen ? "text-foreground" : "text-muted-foreground"),
         title: t("pptx.toolbar.toggleInspector"),
         "aria-label": t("pptx.toolbar.toggleInspector"),
         children: /* @__PURE__ */ jsxRuntime.jsx(lu.LuPanelRight, { className: ic2 })
@@ -16920,7 +16930,7 @@ function ToolbarPrimaryRow(p) {
       {
         type: "button",
         onClick: p.onOpenSettings ?? p.onToggleShortcuts,
-        className: chunkQVQTDWB7_js.cn(qab, "text-muted-foreground"),
+        className: chunkKA7ST7IH_js.cn(qab, "text-muted-foreground"),
         title: t("pptx.toolbar.settingsShortcuts"),
         "aria-label": t("pptx.toolbar.settings"),
         children: /* @__PURE__ */ jsxRuntime.jsx(lu.LuSettings, { className: ics })
@@ -16933,7 +16943,7 @@ function ToolbarPrimaryRow(p) {
 function Toolbar(p) {
   const { mode, isNarrowViewport, isCompactToolbarOpen, toolbarSection, onSetToolbarSection } = p;
   const { t } = reactI18next.useTranslation();
-  const { isTabVisible } = chunkQVQTDWB7_js.useToolbarVisibility(p.hiddenActions);
+  const { isTabVisible } = chunkKA7ST7IH_js.useToolbarVisibility(p.hiddenActions);
   if (isNarrowViewport && mode !== "present") {
     return /* @__PURE__ */ jsxRuntime.jsx(MobileToolbar, { ...p });
   }
@@ -16966,14 +16976,14 @@ function Toolbar(p) {
             role: "tablist",
             className: "flex items-center border-b border-border/60 px-1 max-md:overflow-x-auto max-md:scrollbar-none",
             children: [
-              chunkQVQTDWB7_js.TOOLBAR_SECTIONS.filter((s) => isTabVisible(s.id)).map((s) => /* @__PURE__ */ jsxRuntime.jsx(
+              chunkKA7ST7IH_js.TOOLBAR_SECTIONS.filter((s) => isTabVisible(s.id)).map((s) => /* @__PURE__ */ jsxRuntime.jsx(
                 "button",
                 {
                   type: "button",
                   role: "tab",
                   "aria-selected": toolbarSection === s.id,
                   onClick: () => onSetToolbarSection(s.id),
-                  className: chunkQVQTDWB7_js.cn(
+                  className: chunkKA7ST7IH_js.cn(
                     "relative px-3.5 py-2 text-[12px] font-medium whitespace-nowrap transition-colors max-md:min-h-[36px] max-md:px-3",
                     toolbarSection === s.id ? s.id === "file" ? "text-white bg-primary/80 rounded-sm" : "text-foreground after:absolute after:-bottom-px after:left-0 after:right-0 after:h-[2.5px] after:bg-primary" : s.id === "file" ? "text-primary hover:bg-primary/15 rounded-sm" : "text-muted-foreground hover:text-foreground hover:bg-accent/30"
                   ),
@@ -16996,7 +17006,7 @@ function Toolbar(p) {
                 {
                   type: "button",
                   onClick: p.onToggleCompactToolbar,
-                  className: chunkQVQTDWB7_js.cn(
+                  className: chunkKA7ST7IH_js.cn(
                     "px-2 py-1 rounded text-[11px] transition-colors mr-1",
                     isCompactToolbarOpen ? "bg-primary/80 text-white" : "text-muted-foreground hover:text-foreground"
                   ),
@@ -17012,7 +17022,7 @@ function Toolbar(p) {
         showRibbon && /* @__PURE__ */ jsxRuntime.jsxs(
           "div",
           {
-            className: chunkQVQTDWB7_js.cn(
+            className: chunkKA7ST7IH_js.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",
               isNarrowViewport && !isCompactToolbarOpen && "hidden"
             ),
@@ -17267,13 +17277,13 @@ function Toolbar(p) {
 }
 var INPUT_CLS = "bg-muted border border-border rounded px-2 py-1 w-full text-[11px]";
 var SELECT_CLS = "bg-muted border border-border rounded px-2 py-1 w-full text-[11px]";
-var ENTRANCE_PRESETS = chunkQVQTDWB7_js.ANIMATION_PRESET_OPTIONS.filter(
+var ENTRANCE_PRESETS = chunkKA7ST7IH_js.ANIMATION_PRESET_OPTIONS.filter(
   (o) => o.value === "fadeIn" || o.value === "flyIn" || o.value === "zoomIn"
 );
-var EXIT_PRESETS = chunkQVQTDWB7_js.ANIMATION_PRESET_OPTIONS.filter(
+var EXIT_PRESETS = chunkKA7ST7IH_js.ANIMATION_PRESET_OPTIONS.filter(
   (o) => o.value === "fadeOut" || o.value === "flyOut" || o.value === "zoomOut"
 );
-var EMPHASIS_PRESETS = chunkQVQTDWB7_js.ANIMATION_PRESET_OPTIONS.filter(
+var EMPHASIS_PRESETS = chunkKA7ST7IH_js.ANIMATION_PRESET_OPTIONS.filter(
   (o) => o.value === "spin" || o.value === "pulse" || o.value === "colorWave" || o.value === "bounce" || o.value === "flash" || o.value === "growShrink" || o.value === "teeter"
 );
 var TRIGGER_OPTIONS = [
@@ -17375,7 +17385,7 @@ function AnimationTimelineSection({
       /* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative h-6 rounded bg-muted/50 border border-border overflow-hidden", children: timelineBarData.map((bar) => /* @__PURE__ */ jsxRuntime.jsx(
         "div",
         {
-          className: chunkQVQTDWB7_js.cn(
+          className: chunkKA7ST7IH_js.cn(
             "absolute top-0.5 bottom-0.5 rounded-sm transition-colors",
             animationTypeColor(bar.anim),
             bar.anim.elementId === selectedElementId && "ring-1 ring-primary"
@@ -17409,7 +17419,7 @@ function AnimationTimelineSection({
             onDragEnd: handleDragEnd,
             onMouseEnter: () => handleAnimationHover(anim),
             onMouseLeave: handleAnimationHoverEnd,
-            className: chunkQVQTDWB7_js.cn(
+            className: chunkKA7ST7IH_js.cn(
               "flex items-center gap-1 px-1 py-0.5 rounded text-[10px] cursor-grab transition-colors",
               isSelected ? "bg-primary/30 text-primary" : "bg-muted/50 text-muted-foreground",
               isDragging && "opacity-40",
@@ -17573,13 +17583,13 @@ function useAnimationPreview({
     if (!preset || preset === "none") {
       return;
     }
-    chunkQVQTDWB7_js.startPreviewAnimation(anim.elementId, preset, {
+    chunkKA7ST7IH_js.startPreviewAnimation(anim.elementId, preset, {
       direction: anim.direction,
       durationMs: anim.durationMs ?? 500,
       timingCurve: anim.timingCurve
     });
   }, []);
-  const handleAnimationHoverEnd = React14.useCallback(() => chunkQVQTDWB7_js.stopPreviewAnimation(), []);
+  const handleAnimationHoverEnd = React14.useCallback(() => chunkKA7ST7IH_js.stopPreviewAnimation(), []);
   const handlePreviewClick = React14.useCallback(() => {
     if (!selectedElementAnimation) {
       return;
@@ -17588,7 +17598,7 @@ function useAnimationPreview({
     if (!preset || preset === "none") {
       return;
     }
-    chunkQVQTDWB7_js.startPreviewAnimation(selectedElementId, preset, {
+    chunkKA7ST7IH_js.startPreviewAnimation(selectedElementId, preset, {
       direction: selectedElementAnimation.direction,
       durationMs: selectedElementAnimation.durationMs ?? 500,
       timingCurve: selectedElementAnimation.timingCurve
@@ -17920,7 +17930,7 @@ function AnimationPanel({
             {
               type: "button",
               disabled: !canEdit,
-              className: chunkQVQTDWB7_js.cn(
+              className: chunkKA7ST7IH_js.cn(
                 "flex items-center justify-center w-7 h-7 rounded border transition-colors",
                 isActive ? "border-primary bg-primary/20 text-primary" : "border-border bg-muted text-muted-foreground hover:bg-accent"
               ),
@@ -18162,7 +18172,7 @@ function ActionTriggerSection({
       "select",
       {
         disabled: !canEdit,
-        className: chunkQVQTDWB7_js.cn(INPUT, "w-full"),
+        className: chunkKA7ST7IH_js.cn(INPUT, "w-full"),
         value: activeType,
         onChange: (e) => onChangeType(e.target.value),
         children: ACTION_TYPE_OPTIONS.map((o) => /* @__PURE__ */ jsxRuntime.jsx("option", { value: o.value, children: t(o.label) }, o.value))
@@ -18173,7 +18183,7 @@ function ActionTriggerSection({
       {
         type: "text",
         disabled: !canEdit,
-        className: chunkQVQTDWB7_js.cn(INPUT, "w-full"),
+        className: chunkKA7ST7IH_js.cn(INPUT, "w-full"),
         placeholder: "https://...",
         value: action?.url ?? fallbackUrl ?? "",
         onChange: (e) => onChangeUrl(e.target.value)
@@ -18184,7 +18194,7 @@ function ActionTriggerSection({
       {
         type: "number",
         disabled: !canEdit,
-        className: chunkQVQTDWB7_js.cn(INPUT, "w-full"),
+        className: chunkKA7ST7IH_js.cn(INPUT, "w-full"),
         placeholder: t("pptx.action.slideNumberPlaceholder"),
         min: 1,
         max: slideCount,
@@ -19839,7 +19849,7 @@ function ConnectorPanel({
         "select",
         {
           disabled: !canEdit,
-          className: chunkQVQTDWB7_js.cn(INPUT, "w-full"),
+          className: chunkKA7ST7IH_js.cn(INPUT, "w-full"),
           value: selectedElement.shapeStyle?.[key] ?? "none",
           onChange: (e) => onUpdateElementStyle({ [key]: e.target.value }),
           children: [
@@ -19891,7 +19901,7 @@ function OlePropertiesPanel({
         /* @__PURE__ */ jsxRuntime.jsx(
           "span",
           {
-            className: chunkQVQTDWB7_js.cn(
+            className: chunkKA7ST7IH_js.cn(
               "inline-flex items-center rounded-full px-2 py-0.5 text-[10px] font-medium",
               ole.isLinked ? "bg-blue-500/20 text-blue-400" : "bg-green-500/20 text-green-400"
             ),
@@ -19950,7 +19960,7 @@ function LayerOrderButtons({
       "button",
       {
         type: "button",
-        className: chunkQVQTDWB7_js.cn("flex-1", BTN),
+        className: chunkKA7ST7IH_js.cn("flex-1", BTN),
         disabled: !canEdit,
         onClick: () => onMoveLayer("forward"),
         children: "\u2191 Forward"
@@ -19960,7 +19970,7 @@ function LayerOrderButtons({
       "button",
       {
         type: "button",
-        className: chunkQVQTDWB7_js.cn("flex-1", BTN),
+        className: chunkKA7ST7IH_js.cn("flex-1", BTN),
         disabled: !canEdit,
         onClick: () => onMoveLayer("backward"),
         children: "\u2193 Backward"
@@ -19984,7 +19994,7 @@ function ArtisticEffectsGallery({
         {
           type: "button",
           disabled: !canEdit,
-          className: chunkQVQTDWB7_js.cn(
+          className: chunkKA7ST7IH_js.cn(
             "flex flex-col items-center gap-0.5 rounded border p-0.5 hover:bg-accent/50",
             isActive ? "border-primary bg-primary/10" : "border-border"
           ),
@@ -20433,7 +20443,7 @@ function ImagePropertiesPanel({
           {
             rows: 2,
             disabled: !canEdit,
-            className: chunkQVQTDWB7_js.cn(INPUT, "resize-none text-[11px]"),
+            className: chunkKA7ST7IH_js.cn(INPUT, "resize-none text-[11px]"),
             value: selectedElement.altText ?? "",
             onChange: (e) => onUpdateElement({
               altText: e.target.value
@@ -21392,11 +21402,11 @@ function ShapeTextPanels({
         {
           value: selectedElement.shapeType || "rect",
           disabled: !canEdit,
-          className: chunkQVQTDWB7_js.cn(INPUT, "w-full"),
+          className: chunkKA7ST7IH_js.cn(INPUT, "w-full"),
           onChange: (e) => onUpdateElement({
             shapeType: e.target.value
           }),
-          children: chunkQVQTDWB7_js.SHAPE_PRESETS.filter((p) => p.type !== "connector").map((p) => /* @__PURE__ */ jsxRuntime.jsx("option", { value: p.type, children: t(p.i18nKey) }, p.type))
+          children: chunkKA7ST7IH_js.SHAPE_PRESETS.filter((p) => p.type !== "connector").map((p) => /* @__PURE__ */ jsxRuntime.jsx("option", { value: p.type, children: t(p.i18nKey) }, p.type))
         }
       )
     ] }),
@@ -21526,7 +21536,7 @@ function TextFormatToggle({
     {
       type: "button",
       disabled,
-      className: chunkQVQTDWB7_js.cn(
+      className: chunkKA7ST7IH_js.cn(
         "px-2 py-1 rounded text-[11px] transition-colors",
         italic && "italic",
         underline && "underline",
@@ -21818,7 +21828,7 @@ function SmartArtLayoutSwitcher({
           type: "button",
           "data-testid": `smartart-layout-${type}`,
           disabled: !canEdit,
-          className: chunkQVQTDWB7_js.cn(
+          className: chunkKA7ST7IH_js.cn(
             "flex flex-col items-center gap-0.5 rounded border p-1.5 transition-colors",
             "text-[9px] leading-tight",
             isActive ? "border-primary bg-primary/15 text-primary" : "border-border text-muted-foreground hover:bg-muted hover:text-foreground",
@@ -21890,7 +21900,7 @@ function SmartArtNodeStyleControls({
             disabled: !canEdit,
             "aria-label": `Bold ${label}`,
             "aria-pressed": bold,
-            className: chunkQVQTDWB7_js.cn(
+            className: chunkKA7ST7IH_js.cn(
               EMPHASIS_BTN,
               "font-bold",
               bold ? "border-primary bg-primary/20 text-primary" : "border-border text-muted-foreground"
@@ -21906,7 +21916,7 @@ function SmartArtNodeStyleControls({
             disabled: !canEdit,
             "aria-label": `Italic ${label}`,
             "aria-pressed": italic,
-            className: chunkQVQTDWB7_js.cn(
+            className: chunkKA7ST7IH_js.cn(
               EMPHASIS_BTN,
               "italic",
               italic ? "border-primary bg-primary/20 text-primary" : "border-border text-muted-foreground"
@@ -21945,7 +21955,7 @@ function SmartArtNodeRow({
     "div",
     {
       role: "listitem",
-      className: chunkQVQTDWB7_js.cn(
+      className: chunkKA7ST7IH_js.cn(
         "rounded border bg-background/60 p-1.5",
         isChild ? "border-border/60 ml-4" : "border-border"
       ),
@@ -21960,7 +21970,7 @@ function SmartArtNodeRow({
               "data-testid": "smartart-node-text",
               disabled: !canEdit,
               "aria-label": label,
-              className: chunkQVQTDWB7_js.cn(INPUT, "flex-1 text-[11px] py-0.5"),
+              className: chunkKA7ST7IH_js.cn(INPUT, "flex-1 text-[11px] py-0.5"),
               value: text,
               onChange: (e) => onChangeText(nodeId, e.target.value),
               onKeyDown: (e) => onKeyDown(e, nodeId),
@@ -22009,7 +22019,7 @@ function SmartArtNodeRow({
               {
                 type: "button",
                 disabled: !canEdit || removeDisabled,
-                className: chunkQVQTDWB7_js.cn(MINI_BTN, "hover:text-red-400"),
+                className: chunkKA7ST7IH_js.cn(MINI_BTN, "hover:text-red-400"),
                 onClick: () => onRemove(nodeId),
                 "aria-label": `Remove ${label}`,
                 title: removeDisabled ? t("pptx.smartArt.layoutMinimum") : t("pptx.smartArt.remove"),
@@ -22067,7 +22077,7 @@ function SmartArtPropertiesPanel({
     const reflowed = box ? chunkVSNXVKJI_js.rebuildDrawingShapesIfCleared(
       newData,
       newData.layout,
-      chunkQVQTDWB7_js.resolveSmartArtDataPalette(newData),
+      chunkKA7ST7IH_js.resolveSmartArtDataPalette(newData),
       newData.style ?? "flat",
       "inspector",
       box
@@ -22176,7 +22186,7 @@ function SmartArtPropertiesPanel({
             disabled: !canEdit,
             "data-testid": "smartart-color-scheme",
             "aria-label": t("pptx.smartart.colorScheme"),
-            className: chunkQVQTDWB7_js.cn(INPUT, "w-full"),
+            className: chunkKA7ST7IH_js.cn(INPUT, "w-full"),
             value: smartArtData.colorScheme ?? "colorful1",
             onChange: (e) => updateSmartArt({ colorScheme: e.target.value }),
             children: COLOR_SCHEMES.map((cs) => /* @__PURE__ */ jsxRuntime.jsx("option", { value: cs, children: cs }, cs))
@@ -22191,7 +22201,7 @@ function SmartArtPropertiesPanel({
             type: "button",
             disabled: !canEdit,
             "aria-pressed": (smartArtData.style ?? "flat") === s,
-            className: chunkQVQTDWB7_js.cn(
+            className: chunkKA7ST7IH_js.cn(
               "flex-1 px-2 py-1 text-[10px] rounded border transition-colors",
               (smartArtData.style ?? "flat") === s ? "border-primary bg-primary/20 text-primary" : "border-border text-muted-foreground hover:bg-muted"
             ),
@@ -22595,7 +22605,7 @@ function TableCellFormattingPanel({
         {
           type: "button",
           disabled: !canEdit,
-          className: chunkQVQTDWB7_js.cn(
+          className: chunkKA7ST7IH_js.cn(
             "px-2 py-1 rounded text-[11px] transition-colors",
             cls,
             cs[key] ? "bg-primary text-white" : "bg-muted hover:bg-accent"
@@ -22614,7 +22624,7 @@ function TableCellFormattingPanel({
         {
           type: "button",
           disabled: !canEdit,
-          className: chunkQVQTDWB7_js.cn(
+          className: chunkKA7ST7IH_js.cn(
             "px-2 py-1 rounded text-[11px] transition-colors",
             cs.align === val ? "bg-primary text-white" : "bg-muted hover:bg-accent"
           ),
@@ -22632,7 +22642,7 @@ function TableCellFormattingPanel({
         {
           type: "button",
           disabled: !canEdit,
-          className: chunkQVQTDWB7_js.cn(
+          className: chunkKA7ST7IH_js.cn(
             "px-2 py-1 rounded text-[11px] transition-colors",
             cs.vAlign === val ? "bg-primary text-white" : "bg-muted hover:bg-accent"
           ),
@@ -22665,7 +22675,7 @@ function TableCellFormattingPanel({
               {
                 type: "number",
                 disabled: !canEdit,
-                className: chunkQVQTDWB7_js.cn(INPUT, "w-14"),
+                className: chunkKA7ST7IH_js.cn(INPUT, "w-14"),
                 min: 0,
                 max: 10,
                 value: cs[widthKey] ?? 1,
@@ -22681,7 +22691,7 @@ function TableCellFormattingPanel({
           {
             type: "button",
             disabled: !canEdit,
-            className: chunkQVQTDWB7_js.cn(BTN, "text-center"),
+            className: chunkKA7ST7IH_js.cn(BTN, "text-center"),
             onClick: () => {
               const newRows = chunkVSNXVKJI_js.computeMergeCellRight(td, rowIndex, columnIndex);
               if (newRows) {
@@ -22696,7 +22706,7 @@ function TableCellFormattingPanel({
           {
             type: "button",
             disabled: !canEdit,
-            className: chunkQVQTDWB7_js.cn(BTN, "text-center"),
+            className: chunkKA7ST7IH_js.cn(BTN, "text-center"),
             onClick: () => {
               const newRows = chunkVSNXVKJI_js.computeMergeCellDown(td, rowIndex, columnIndex);
               if (newRows) {
@@ -22711,7 +22721,7 @@ function TableCellFormattingPanel({
           {
             type: "button",
             disabled: !canEdit,
-            className: chunkQVQTDWB7_js.cn(BTN, "text-center"),
+            className: chunkKA7ST7IH_js.cn(BTN, "text-center"),
             onClick: () => {
               const newRows = chunkVSNXVKJI_js.computeSplitCell(td, rowIndex, columnIndex);
               if (newRows) {
@@ -23119,7 +23129,7 @@ function InspectorCommentRow({
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
     {
-      className: chunkQVQTDWB7_js.cn(
+      className: chunkKA7ST7IH_js.cn(
         "rounded border border-border bg-card p-2",
         depth > 0 && "ml-3 border-l-2 border-l-primary/40"
       ),
@@ -23207,7 +23217,7 @@ function InspectorCommentRow({
               "button",
               {
                 type: "button",
-                className: chunkQVQTDWB7_js.cn(
+                className: chunkKA7ST7IH_js.cn(
                   "inline-flex items-center justify-center p-1.5 border-l border-border transition-colors",
                   comment.resolved ? "bg-green-900/40 text-green-300 hover:bg-green-900/60" : "hover:bg-accent text-foreground hover:text-foreground"
                 ),
@@ -23401,7 +23411,7 @@ function InspectorCommentsSection({
           type: "button",
           onClick: onAddComment,
           disabled: !commentDraft.trim(),
-          className: chunkQVQTDWB7_js.cn(
+          className: chunkKA7ST7IH_js.cn(
             "w-full inline-flex items-center justify-center gap-1 rounded px-2 py-1 text-[11px] font-medium transition-colors",
             commentDraft.trim() ? "bg-primary hover:bg-primary/80 text-white" : "bg-muted text-muted-foreground cursor-not-allowed"
           ),
@@ -23426,7 +23436,7 @@ function InspectorPaneHeader({
       {
         type: "button",
         title: label,
-        className: chunkQVQTDWB7_js.cn(
+        className: chunkKA7ST7IH_js.cn(
           "flex items-center gap-1 px-2 py-1 rounded text-[11px] transition-colors",
           activeTab === key ? "bg-primary text-white" : "text-muted-foreground hover:text-foreground hover:bg-accent"
         ),
@@ -23535,7 +23545,7 @@ function CustomPropertiesBlock({
         "button",
         {
           type: "button",
-          className: chunkQVQTDWB7_js.cn(BTN, "px-1.5 text-red-400 hover:text-red-300"),
+          className: chunkKA7ST7IH_js.cn(BTN, "px-1.5 text-red-400 hover:text-red-300"),
           onClick: () => onUpdate(customProperties.filter((_, i) => i !== index)),
           children: "\xD7"
         }
@@ -23670,7 +23680,7 @@ function PresentationSettingsCard({
           "select",
           {
             disabled: !canEdit,
-            className: chunkQVQTDWB7_js.cn(INPUT, "w-28"),
+            className: chunkKA7ST7IH_js.cn(INPUT, "w-28"),
             value: presentationProperties.showType ?? "presented",
             onChange: (e) => onUpdate({
               showType: e.target.value
@@ -23728,7 +23738,7 @@ function PresentationSettingsCard({
             min: 1,
             max: 16,
             disabled: !canEdit,
-            className: chunkQVQTDWB7_js.cn(INPUT, "w-20"),
+            className: chunkKA7ST7IH_js.cn(INPUT, "w-20"),
             value: presentationProperties.printSlidesPerPage ?? 1,
             onChange: (e) => onUpdate({ printSlidesPerPage: Number(e.target.value) })
           }
@@ -24025,7 +24035,7 @@ function TagsSection({
               "button",
               {
                 type: "button",
-                className: chunkQVQTDWB7_js.cn(BTN, "px-1.5 text-red-400 hover:text-red-300"),
+                className: chunkKA7ST7IH_js.cn(BTN, "px-1.5 text-red-400 hover:text-red-300"),
                 title: t("pptx.tags.deleteTag"),
                 onClick: () => deleteTag(tag.colIdx, tag.tagIdx),
                 children: /* @__PURE__ */ jsxRuntime.jsx(lu.LuTrash2, { className: "w-3 h-3" })
@@ -24125,7 +24135,7 @@ function PresentationPropertiesPanel({
         canEdit
       }
     ),
-    activeSlide && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkQVQTDWB7_js.cn(CARD, "space-y-1"), children: [
+    activeSlide && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkKA7ST7IH_js.cn(CARD, "space-y-1"), children: [
       /* @__PURE__ */ jsxRuntime.jsx("div", { className: HEADING, children: "Slide" }),
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-[11px] text-muted-foreground", children: [
         activeSlide.elements?.length ?? 0,
@@ -24146,7 +24156,7 @@ function SlideBackgroundPanel({
   const { t } = reactI18next.useTranslation();
   const bgImageInputRef = React14.useRef(null);
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkQVQTDWB7_js.cn(CARD, "space-y-2"), children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkKA7ST7IH_js.cn(CARD, "space-y-2"), children: [
       /* @__PURE__ */ jsxRuntime.jsx("div", { className: HEADING, children: "Background" }),
       /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "flex items-center gap-2 text-[11px]", children: [
         /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground w-10 shrink-0", children: "Colour" }),
@@ -24192,7 +24202,7 @@ function SlideBackgroundPanel({
             "button",
             {
               type: "button",
-              className: chunkQVQTDWB7_js.cn(BTN, "flex-1 text-center"),
+              className: chunkKA7ST7IH_js.cn(BTN, "flex-1 text-center"),
               disabled: !canEdit,
               onClick: () => bgImageInputRef.current?.click(),
               children: activeSlide.backgroundImage ? t("pptx.slideBackground.replaceImage") : t("pptx.slideBackground.chooseImage")
@@ -24225,7 +24235,7 @@ function SlideBackgroundPanel({
         "button",
         {
           type: "button",
-          className: chunkQVQTDWB7_js.cn(BTN, "w-full text-center text-red-400 hover:text-red-300"),
+          className: chunkKA7ST7IH_js.cn(BTN, "w-full text-center text-red-400 hover:text-red-300"),
           disabled: !canEdit,
           onClick: () => onUpdateSlide({
             backgroundColor: void 0,
@@ -24256,7 +24266,7 @@ function TemplateBackgroundCard({
   onGetTemplateBackgroundColor
 }) {
   const { t } = reactI18next.useTranslation();
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkQVQTDWB7_js.cn(CARD, "space-y-2"), children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkKA7ST7IH_js.cn(CARD, "space-y-2"), children: [
     /* @__PURE__ */ jsxRuntime.jsx("div", { className: HEADING, children: t("pptx.slideBackground.templateBackgroundsHeading") }),
     activeSlide.layoutPath && /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "flex items-center gap-2 text-[11px]", children: [
       /* @__PURE__ */ jsxRuntime.jsx(
@@ -24403,7 +24413,7 @@ function InspectorPane(props) {
   } = props;
   const hasSelection = selectedElement !== null;
   const { t } = reactI18next.useTranslation();
-  const { dragY, handlers: dragHandlers } = chunkQVQTDWB7_js.useSheetDismissDrag(onClose);
+  const { dragY, handlers: dragHandlers } = chunkKA7ST7IH_js.useSheetDismissDrag(onClose);
   const {
     animationPanelHeight,
     effectiveThemeOptions,
@@ -24424,7 +24434,7 @@ function InspectorPane(props) {
     /* @__PURE__ */ jsxRuntime.jsxs(
       "div",
       {
-        className: chunkQVQTDWB7_js.cn(
+        className: chunkKA7ST7IH_js.cn(
           // Shared styles
           "bg-background flex flex-col text-xs text-foreground shadow-xl",
           // Mobile: absolute bottom sheet overlay sized via dvh so it
@@ -24462,7 +24472,7 @@ function InspectorPane(props) {
           ),
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 overflow-y-auto p-3 space-y-3", children: [
             activeTab === "elements" && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-1", children: [
-              /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunkQVQTDWB7_js.cn(HEADING, "mb-2"), children: t("pptx.inspector.layerOrder") }),
+              /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunkKA7ST7IH_js.cn(HEADING, "mb-2"), children: t("pptx.inspector.layerOrder") }),
               activeSlide ? [...activeSlide.elements || []].reverse().map((el, ri) => {
                 const idx = (activeSlide.elements || []).length - 1 - ri;
                 const sel = selectedElement?.id === el.id || selectedElementIds.includes(el.id);
@@ -24471,7 +24481,7 @@ function InspectorPane(props) {
                   "div",
                   {
                     title: `${el.type} \u2014 ${el.id}`,
-                    className: chunkQVQTDWB7_js.cn(
+                    className: chunkKA7ST7IH_js.cn(
                       "flex items-center gap-2 px-2 py-1 rounded cursor-pointer transition-colors",
                       sel ? "bg-primary/30 text-primary" : "hover:bg-muted text-foreground"
                     ),
@@ -25075,7 +25085,7 @@ function PresentationTouchControls({
   hideNavigation = false
 }) {
   const { t } = reactI18next.useTranslation();
-  const { isTouchDevice } = chunkQVQTDWB7_js.useIsMobile();
+  const { isTouchDevice } = chunkKA7ST7IH_js.useIsMobile();
   if (!isTouchDevice) {
     return null;
   }
@@ -25776,7 +25786,7 @@ function PrintDialog({
   defaultFrameSlides
 }) {
   const { t } = reactI18next.useTranslation();
-  const { panelStyle, handlers: dragHandlers } = chunkQVQTDWB7_js.useModalDismissDrag(onClose);
+  const { panelStyle, handlers: dragHandlers } = chunkKA7ST7IH_js.useModalDismissDrag(onClose);
   const [printWhat, setPrintWhat] = React14.useState("slides");
   const [orientation, setOrientation] = React14.useState("landscape");
   const [colorMode, setColorMode] = React14.useState("color");
@@ -26305,7 +26315,7 @@ function BroadcastDialog({
   const [serverUrl, setServerUrl] = React14.useState("");
   const [copied, setCopied] = React14.useState(false);
   const dialogRef = React14.useRef(null);
-  const { panelStyle, handlers: dragHandlers } = chunkQVQTDWB7_js.useModalDismissDrag(onClose);
+  const { panelStyle, handlers: dragHandlers } = chunkKA7ST7IH_js.useModalDismissDrag(onClose);
   useModalFocus(open, dialogRef, onClose);
   React14.useEffect(() => {
     if (open && !isBroadcasting) {
@@ -26868,7 +26878,7 @@ function ShareDialog({
   const [invitation, setInvitation] = React14.useState("");
   const [copied, setCopied] = React14.useState(false);
   const dialogRef = React14.useRef(null);
-  const { panelStyle, handlers: dragHandlers } = chunkQVQTDWB7_js.useModalDismissDrag(onClose);
+  const { panelStyle, handlers: dragHandlers } = chunkKA7ST7IH_js.useModalDismissDrag(onClose);
   useModalFocus(open, dialogRef, onClose);
   React14.useEffect(() => {
     if (activeCollaboration) {
@@ -27143,12 +27153,12 @@ function HyperlinkEditDialog({
   onCancel
 }) {
   const { t } = reactI18next.useTranslation();
-  const { panelStyle, handlers: dragHandlers } = chunkQVQTDWB7_js.useModalDismissDrag(onCancel);
+  const { panelStyle, handlers: dragHandlers } = chunkKA7ST7IH_js.useModalDismissDrag(onCancel);
   const inputRef = React14.useRef(null);
-  const detectedType = chunkQVQTDWB7_js.detectTargetType(initialUrl, initialAction);
-  const emailParts = chunkQVQTDWB7_js.parseEmailUrl(initialUrl || "");
-  const detectedSlide = chunkQVQTDWB7_js.parseSlideFromUrl(initialUrl, initialAction);
-  const detectedVerb = initialAction ? chunkQVQTDWB7_js.ACTION_VERB_MAP[initialAction.toLowerCase()] || "nextSlide" : "nextSlide";
+  const detectedType = chunkKA7ST7IH_js.detectTargetType(initialUrl, initialAction);
+  const emailParts = chunkKA7ST7IH_js.parseEmailUrl(initialUrl || "");
+  const detectedSlide = chunkKA7ST7IH_js.parseSlideFromUrl(initialUrl, initialAction);
+  const detectedVerb = initialAction ? chunkKA7ST7IH_js.ACTION_VERB_MAP[initialAction.toLowerCase()] || "nextSlide" : "nextSlide";
   const [targetType, setTargetType] = React14.useState(detectedType);
   const [url, setUrl] = React14.useState(
     detectedType === "email" || detectedType === "slide" || detectedType === "action" ? "" : initialUrl || ""
@@ -27179,7 +27189,7 @@ function HyperlinkEditDialog({
       actionVerb
     });
   };
-  const tabCls = (active) => chunkQVQTDWB7_js.cn(
+  const tabCls = (active) => chunkKA7ST7IH_js.cn(
     "px-3 py-1.5 text-xs rounded-t border-b-2 transition-colors",
     active ? "border-primary text-primary font-medium" : "border-transparent text-muted-foreground hover:text-foreground hover:border-border"
   );
@@ -27569,7 +27579,7 @@ function DrawingOverlaySvg({
     }
   );
 }
-function GridOverlay({ canvasSize, gridSpacingPx = chunkQVQTDWB7_js.GRID_SIZE, visible }) {
+function GridOverlay({ canvasSize, gridSpacingPx = chunkKA7ST7IH_js.GRID_SIZE, visible }) {
   const spacing = Math.max(gridSpacingPx, 2);
   const patternId = React14.useMemo(() => `grid-dot-pattern-${Math.random().toString(36).slice(2, 8)}`, []);
   if (!visible) {
@@ -28850,7 +28860,7 @@ function ViewerBottomPanels({
   hideStatusBar = false,
   hiddenActions
 }) {
-  const { isHidden } = chunkQVQTDWB7_js.useToolbarVisibility(hiddenActions);
+  const { isHidden } = chunkKA7ST7IH_js.useToolbarVisibility(hiddenActions);
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     onResizeBottom && !isSlideNotesCollapsed && /* @__PURE__ */ jsxRuntime.jsx(ResizeHandle, { direction: "vertical", onResize: onResizeBottom }),
     /* @__PURE__ */ jsxRuntime.jsx(
@@ -29069,7 +29079,7 @@ function scopeLayoutOptionsToActiveSlide(options, activeSlide) {
 function TitleBar(p) {
   const { t } = reactI18next.useTranslation();
   const editing = (p.mode === "edit" || p.mode === "master") && p.canEdit;
-  const { isHidden } = chunkQVQTDWB7_js.useToolbarVisibility(p.hiddenActions);
+  const { isHidden } = chunkKA7ST7IH_js.useToolbarVisibility(p.hiddenActions);
   const [searchQuery, setSearchQuery] = React14.useState("");
   const [searchFocused, setSearchFocused] = React14.useState(false);
   const searchRef = React14.useRef(null);
@@ -29125,7 +29135,7 @@ function TitleBar(p) {
             role: "switch",
             "aria-checked": p.autosaveEnabled,
             onClick: p.onToggleAutosave,
-            className: chunkQVQTDWB7_js.cn(
+            className: chunkKA7ST7IH_js.cn(
               chunkVSNXVKJI_js.TITLE_BAR_CLASSES.toggleTrack,
               p.autosaveEnabled ? chunkVSNXVKJI_js.TITLE_BAR_CLASSES.toggleTrackOn : chunkVSNXVKJI_js.TITLE_BAR_CLASSES.toggleTrackOff
             ),
@@ -29134,7 +29144,7 @@ function TitleBar(p) {
             children: /* @__PURE__ */ jsxRuntime.jsx(
               "span",
               {
-                className: chunkQVQTDWB7_js.cn(
+                className: chunkKA7ST7IH_js.cn(
                   chunkVSNXVKJI_js.TITLE_BAR_CLASSES.toggleKnob,
                   p.autosaveEnabled ? chunkVSNXVKJI_js.TITLE_BAR_CLASSES.toggleKnobOn : chunkVSNXVKJI_js.TITLE_BAR_CLASSES.toggleKnobOff
                 )
@@ -29189,7 +29199,7 @@ function TitleBar(p) {
         /* @__PURE__ */ jsxRuntime.jsx(
           "span",
           {
-            className: chunkQVQTDWB7_js.cn(
+            className: chunkKA7ST7IH_js.cn(
               chunkVSNXVKJI_js.TITLE_BAR_CLASSES.statusText,
               p.autosaveStatus?.state === "error" && p.autosaveEnabled && chunkVSNXVKJI_js.TITLE_BAR_CLASSES.statusError,
               p.autosaveStatus?.state === "saving" && p.autosaveEnabled && chunkVSNXVKJI_js.TITLE_BAR_CLASSES.statusSaving
@@ -29203,7 +29213,7 @@ function TitleBar(p) {
       /* @__PURE__ */ jsxRuntime.jsxs(
         "div",
         {
-          className: chunkQVQTDWB7_js.cn(
+          className: chunkKA7ST7IH_js.cn(
             chunkVSNXVKJI_js.TITLE_BAR_CLASSES.searchBox,
             (searchFocused || p.findReplaceOpen) && "text-foreground bg-background"
           ),
@@ -29803,7 +29813,7 @@ function EquationEditorDialog({
   existingOmml
 }) {
   const { t } = reactI18next.useTranslation();
-  const { panelStyle, handlers: dragHandlers } = chunkQVQTDWB7_js.useModalDismissDrag(onClose);
+  const { panelStyle, handlers: dragHandlers } = chunkKA7ST7IH_js.useModalDismissDrag(onClose);
   const initialLatex = React14.useMemo(() => {
     if (!existingOmml) {
       return "";
@@ -29936,7 +29946,7 @@ function EquationEditorDialog({
                     {
                       type: "button",
                       onClick: () => handleTemplateClick(tmpl.latex),
-                      className: chunkQVQTDWB7_js.cn(
+                      className: chunkKA7ST7IH_js.cn(
                         "flex flex-col items-center gap-1 p-2 rounded-lg border transition-colors",
                         latex === tmpl.latex ? "border-primary bg-primary/10" : "border-border bg-muted/40 hover:bg-accent/60 hover:border-border"
                       ),
@@ -30035,7 +30045,7 @@ function InsertSmartArtDialog({
   onInsert
 }) {
   const { t } = reactI18next.useTranslation();
-  const { panelStyle, handlers: dragHandlers } = chunkQVQTDWB7_js.useModalDismissDrag(onClose);
+  const { panelStyle, handlers: dragHandlers } = chunkKA7ST7IH_js.useModalDismissDrag(onClose);
   const [activeCategory, setActiveCategory] = React14.useState("list");
   const [selectedLayout, setSelectedLayout] = React14.useState(null);
   const dialogRef = React14.useRef(null);
@@ -30116,7 +30126,7 @@ function InsertSmartArtDialog({
                           setActiveCategory(cat.id);
                           setSelectedLayout(null);
                         },
-                        className: chunkQVQTDWB7_js.cn(
+                        className: chunkKA7ST7IH_js.cn(
                           "w-full text-left px-3 py-1.5 text-xs transition-colors",
                           activeCategory === cat.id ? "bg-primary text-white" : "text-foreground hover:bg-muted"
                         ),
@@ -30144,7 +30154,7 @@ function InsertSmartArtDialog({
                           onInsert(preset.layout, preset.defaultItems);
                           onClose();
                         },
-                        className: chunkQVQTDWB7_js.cn(
+                        className: chunkKA7ST7IH_js.cn(
                           "flex flex-col items-center gap-1 p-2 rounded border transition-colors",
                           selectedLayout === preset.layout ? "border-primary bg-primary/20" : "border-border hover:border-border hover:bg-muted/50"
                         ),
@@ -30174,7 +30184,7 @@ function InsertSmartArtDialog({
                     type: "button",
                     onClick: handleInsert,
                     disabled: !selectedLayout,
-                    className: chunkQVQTDWB7_js.cn(
+                    className: chunkKA7ST7IH_js.cn(
                       "px-3 py-1.5 text-xs rounded transition-colors",
                       selectedLayout ? "bg-primary hover:bg-primary/80 text-white" : "bg-muted text-muted-foreground cursor-not-allowed"
                     ),
@@ -30476,7 +30486,7 @@ function ViewerCanvasArea(props) {
     hiddenActions
   } = props;
   const { t } = reactI18next.useTranslation();
-  const { isHidden } = chunkQVQTDWB7_js.useToolbarVisibility(hiddenActions);
+  const { isHidden } = chunkKA7ST7IH_js.useToolbarVisibility(hiddenActions);
   const effectiveSlide = mode === "master" ? masterPseudoSlide : activeSlide;
   const effectiveTemplateElements = mode === "master" ? s.activeLayout ? s.activeMaster?.elements ?? [] : [] : templateElements;
   const fieldContext = React14.useMemo(() => {
@@ -30565,7 +30575,7 @@ function ViewerCanvasArea(props) {
       s.setActiveSlideIndex((i) => Math.max(0, i - 1));
     }
   }, [mode, presentation, s]);
-  const swipe = chunkQVQTDWB7_js.useSwipeNavigation({
+  const swipe = chunkKA7ST7IH_js.useSwipeNavigation({
     enabled: swipeEnabled,
     onNext: handleSwipeNext,
     onPrev: handleSwipePrev
@@ -31353,7 +31363,7 @@ function MobileDismissSheet({
   className,
   children
 }) {
-  const { dragY, handlers } = chunkQVQTDWB7_js.useSheetDismissDrag(onClose);
+  const { dragY, handlers } = chunkKA7ST7IH_js.useSheetDismissDrag(onClose);
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsx(
       "button",
@@ -31622,7 +31632,7 @@ function ThemeThumbnail({
     {
       type: "button",
       onClick,
-      className: chunkQVQTDWB7_js.cn(
+      className: chunkKA7ST7IH_js.cn(
         "group relative flex flex-col rounded-lg border-2 transition-all overflow-hidden",
         selected ? "border-primary shadow-lg scale-[1.02]" : "border-border hover:border-primary/50 hover:shadow-md"
       ),
@@ -32256,7 +32266,7 @@ function MobileBottomBar({
           {
             type: "button",
             onClick,
-            className: chunkQVQTDWB7_js.cn(
+            className: chunkKA7ST7IH_js.cn(
               "relative flex flex-col items-center justify-center gap-0.5 flex-1 min-h-[56px] py-1.5 text-[10px] font-medium transition-colors active:scale-95",
               active ? "text-primary" : "text-muted-foreground hover:text-foreground"
             ),
@@ -32304,7 +32314,7 @@ function MobileChromeOverlay(props) {
     canEdit,
     commentCount
   } = props;
-  const { keyboardInset, isKeyboardOpen } = chunkQVQTDWB7_js.useKeyboardInsets();
+  const { keyboardInset, isKeyboardOpen } = chunkKA7ST7IH_js.useKeyboardInsets();
   const activeSheet = s.isSlidesPaneOpen ? "slides" : s.isInspectorPaneOpen ? s.sidebarPanelMode === "comments" ? "comments" : "inspector" : !s.isSlideNotesCollapsed ? "notes" : null;
   const closeAllSheets = () => {
     s.setIsSlidesPaneOpen(false);
@@ -32404,7 +32414,7 @@ function SettingsAppearanceTab({
         type: "button",
         onClick: () => onSelectTheme(entry.key),
         "aria-pressed": isActive,
-        className: chunkQVQTDWB7_js.cn(
+        className: chunkKA7ST7IH_js.cn(
           "flex items-center gap-3 rounded-lg border px-3 py-2.5 text-left transition-colors",
           isActive ? "border-primary bg-primary/10" : "border-border hover:border-primary/50 hover:bg-accent"
         ),
@@ -32421,7 +32431,7 @@ function SettingsAppearanceTab({
           /* @__PURE__ */ jsxRuntime.jsx(
             "span",
             {
-              className: chunkQVQTDWB7_js.cn("text-xs font-medium", isActive ? "text-primary" : "text-foreground"),
+              className: chunkKA7ST7IH_js.cn("text-xs font-medium", isActive ? "text-primary" : "text-foreground"),
               children: t(entry.labelKey)
             }
           )
@@ -32444,7 +32454,7 @@ function SettingsLanguageTab({
         type: "button",
         onClick: () => onSelectLocale(locale.code),
         "aria-pressed": isActive,
-        className: chunkQVQTDWB7_js.cn(
+        className: chunkKA7ST7IH_js.cn(
           "flex w-full items-center justify-between rounded px-3 py-2.5 text-left transition-colors",
           isActive ? "bg-primary/10 text-primary" : "text-foreground hover:bg-accent"
         ),
@@ -32469,7 +32479,7 @@ function ToggleSwitch({
       {
         type: "button",
         onClick: onToggle,
-        className: chunkQVQTDWB7_js.cn(
+        className: chunkKA7ST7IH_js.cn(
           "relative inline-flex h-5 w-9 items-center rounded-full transition-colors",
           enabled ? "bg-primary" : "bg-muted-foreground/30"
         ),
@@ -32479,7 +32489,7 @@ function ToggleSwitch({
         children: /* @__PURE__ */ jsxRuntime.jsx(
           "span",
           {
-            className: chunkQVQTDWB7_js.cn(
+            className: chunkKA7ST7IH_js.cn(
               "inline-block h-3.5 w-3.5 rounded-full bg-white transition-transform",
               enabled ? "translate-x-[18px]" : "translate-x-[3px]"
             )
@@ -32503,7 +32513,7 @@ function SettingsDialog({
 }) {
   const [activeTab, setActiveTab] = React14.useState("general");
   const { t } = reactI18next.useTranslation();
-  const { panelStyle, handlers: dragHandlers } = chunkQVQTDWB7_js.useModalDismissDrag(onClose);
+  const { panelStyle, handlers: dragHandlers } = chunkKA7ST7IH_js.useModalDismissDrag(onClose);
   const handleKeyDown = React14.useCallback(
     (e) => {
       if (e.key === "Escape") {
@@ -32577,7 +32587,7 @@ function SettingsDialog({
                 {
                   type: "button",
                   onClick: () => setActiveTab(tab.id),
-                  className: chunkQVQTDWB7_js.cn(
+                  className: chunkKA7ST7IH_js.cn(
                     "px-3 py-2 text-xs font-medium transition-colors relative",
                     activeTab === tab.id ? "text-primary" : "text-muted-foreground hover:text-foreground"
                   ),
@@ -32614,10 +32624,10 @@ function SettingsDialog({
                     onSelectLocale
                   }
                 ),
-                activeTab === "shortcuts" && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-0.5", children: chunkQVQTDWB7_js.SHORTCUT_REFERENCE_ITEMS.map((shortcut, i) => /* @__PURE__ */ jsxRuntime.jsxs(
+                activeTab === "shortcuts" && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-0.5", children: chunkKA7ST7IH_js.SHORTCUT_REFERENCE_ITEMS.map((shortcut, i) => /* @__PURE__ */ jsxRuntime.jsxs(
                   "div",
                   {
-                    className: chunkQVQTDWB7_js.cn(
+                    className: chunkKA7ST7IH_js.cn(
                       "flex items-center justify-between gap-3 rounded px-3 py-2",
                       i % 2 === 0 ? "bg-muted/60" : ""
                     ),
@@ -32759,8 +32769,8 @@ var PowerPointViewer = React14.forwardRef(
     const [isHeaderFooterOpen, setIsHeaderFooterOpen] = React14.useState(false);
     const [autosaveEnabled, setAutosaveEnabled] = React14.useState(true);
     const [isShareDialogOpen, setIsShareDialogOpen] = React14.useState(false);
-    const { reducedMotion, toggleReducedMotion } = chunkQVQTDWB7_js.useReducedMotion();
-    const state = chunkQVQTDWB7_js.useViewerState({ content, canEdit });
+    const { reducedMotion, toggleReducedMotion } = chunkKA7ST7IH_js.useReducedMotion();
+    const state = chunkKA7ST7IH_js.useViewerState({ content, canEdit });
     const {
       containerRef,
       mode,
@@ -32820,10 +32830,10 @@ var PowerPointViewer = React14.forwardRef(
       },
       [state, reducedMotion, toggleReducedMotion]
     );
-    const mobile = chunkQVQTDWB7_js.useIsMobile({ containerRef });
+    const mobile = chunkKA7ST7IH_js.useIsMobile({ containerRef });
     const { isMobile, isTouchDevice, isVirtualKeyboardOpen } = mobile;
-    const resizablePanels = chunkQVQTDWB7_js.useResizablePanels();
-    const { gridSpacingPx, visibleSlideIndexes, slideSectionGroups, masterPseudoSlide } = chunkQVQTDWB7_js.useDerivedSlideState({
+    const resizablePanels = chunkKA7ST7IH_js.useResizablePanels();
+    const { gridSpacingPx, visibleSlideIndexes, slideSectionGroups, masterPseudoSlide } = chunkKA7ST7IH_js.useDerivedSlideState({
       slides,
       sections: state.sections,
       customShows: state.customShows,
@@ -32845,11 +32855,11 @@ var PowerPointViewer = React14.forwardRef(
         state.isDrawingRef
       ]
     );
-    const zoom = chunkQVQTDWB7_js.useZoomViewport({
+    const zoom = chunkKA7ST7IH_js.useZoomViewport({
       canvasSize,
       selectedElements: state.selectedElements
     });
-    const history = chunkQVQTDWB7_js.useEditorHistory({
+    const history = chunkKA7ST7IH_js.useEditorHistory({
       slides,
       canvasSize,
       activeSlideIndex,
@@ -32871,7 +32881,7 @@ var PowerPointViewer = React14.forwardRef(
       setEditTemplateMode: state.setEditTemplateMode,
       setHeaderFooter: state.setHeaderFooter
     });
-    const { presentation, annotations, actionSoundHandlerRef } = chunkQVQTDWB7_js.usePresentationSetup({
+    const { presentation, annotations, actionSoundHandlerRef } = chunkKA7ST7IH_js.usePresentationSetup({
       mode,
       slides,
       visibleSlideIndexes,
@@ -32885,7 +32895,7 @@ var PowerPointViewer = React14.forwardRef(
       setSlides: state.setSlides,
       history
     });
-    chunkQVQTDWB7_js.useTouchGestures({
+    chunkKA7ST7IH_js.useTouchGestures({
       targetRef: zoom.canvasViewportRef,
       currentScale: zoom.scale,
       callbacks: {
@@ -32907,7 +32917,7 @@ var PowerPointViewer = React14.forwardRef(
       },
       enabled: isTouchDevice
     });
-    const dialogs = chunkQVQTDWB7_js.useViewerDialogs({
+    const dialogs = chunkKA7ST7IH_js.useViewerDialogs({
       mode,
       slides,
       activeSlide,
@@ -32948,7 +32958,7 @@ var PowerPointViewer = React14.forwardRef(
       zoom.handleZoomToFit();
       zoom.canvasViewportRef.current?.scrollTo({ left: 0, top: 0 });
     }, [mode]);
-    const editorOps = chunkQVQTDWB7_js.useEditorOperations({
+    const editorOps = chunkKA7ST7IH_js.useEditorOperations({
       state,
       history,
       zoom,
@@ -32980,7 +32990,7 @@ var PowerPointViewer = React14.forwardRef(
       autosaveStatus,
       isEncryptedDialogOpen,
       setIsEncryptedDialogOpen
-    } = chunkQVQTDWB7_js.useViewerIntegration({
+    } = chunkKA7ST7IH_js.useViewerIntegration({
       state,
       zoom,
       history,
@@ -33340,7 +33350,7 @@ function CollaborationDocumentSync({
     }
     return bytes instanceof Uint8Array ? bytes : new Uint8Array(bytes);
   }, []);
-  chunkQVQTDWB7_js.useYjsDocumentSync({
+  chunkKA7ST7IH_js.useYjsDocumentSync({
     doc: collab?.doc ?? null,
     slides,
     templateElementsBySlideId,
@@ -33358,13 +33368,13 @@ function CollaborationFollowLayer({
   slideCount
 }) {
   const collab = useCollaboration();
-  const { followedClientId, followUser } = chunkQVQTDWB7_js.useFollowMode({
+  const { followedClientId, followUser } = chunkKA7ST7IH_js.useFollowMode({
     collab,
     activeSlideIndex,
     setActiveSlideIndex,
     slideCount
   });
-  chunkQVQTDWB7_js.useBroadcastFollower({
+  chunkKA7ST7IH_js.useBroadcastFollower({
     collab,
     activeSlideIndex,
     setActiveSlideIndex,