pptx-react-viewer 2.6.5 → 2.7.0

package/CHANGELOG.md

@@ -4,6 +4,12 @@ All notable changes to this project are documented here.
 This file is generated from [Conventional Commits](https://www.conventionalcommits.org)
 by [git-cliff](https://git-cliff.org); do not edit it by hand.
 
+## [2.6.7](https://github.com/ChristopherVR/pptx-viewer/releases/tag/pptx-react-viewer@2.6.7) - 2026-07-30
+
+## [2.6.6](https://github.com/ChristopherVR/pptx-viewer/releases/tag/pptx-react-viewer@2.6.6) - 2026-07-30
+
+## [2.6.5](https://github.com/ChristopherVR/pptx-viewer/releases/tag/pptx-react-viewer@2.6.5) - 2026-07-30
+
 ## [2.6.4](https://github.com/ChristopherVR/pptx-viewer/releases/tag/pptx-react-viewer@2.6.4) - 2026-07-30
 
 ## [2.6.3](https://github.com/ChristopherVR/pptx-viewer/releases/tag/pptx-react-viewer@2.6.3) - 2026-07-30

package/dist/{AiChatPanel-GMP3TU7S.js → AiChatPanel-G6DKXSM3.js}

@@ -1,9 +1,9 @@
 'use strict';
 
-var chunkD754TQ4S_js = require('./chunk-D754TQ4S.js');
-var chunkNZYSI3BL_js = require('./chunk-NZYSI3BL.js');
+var chunk6C4UY7GX_js = require('./chunk-6C4UY7GX.js');
+var chunkB4XJTZR4_js = require('./chunk-B4XJTZR4.js');
 require('./chunk-25VSL2BB.js');
-require('./chunk-Z2ZC5QTJ.js');
+require('./chunk-2LOBDOTK.js');
 require('./chunk-4VNS5WPM.js');
 var react = require('react');
 var reactI18next = require('react-i18next');
@@ -30,7 +30,7 @@ function useAiChat(bridge, config) {
     setInitError(void 0);
     void (async () => {
       try {
-        const available = await chunkD754TQ4S_js.isAiAvailable();
+        const available = await chunk6C4UY7GX_js.isAiAvailable();
         if (cancelled) {
           return;
         }
@@ -38,7 +38,7 @@ function useAiChat(bridge, config) {
           setState("unavailable");
           return;
         }
-        const built = await chunkD754TQ4S_js.createAiChatSession(bridge, configRef.current);
+        const built = await chunk6C4UY7GX_js.createAiChatSession(bridge, configRef.current);
         if (cancelled) {
           return;
         }
@@ -144,7 +144,7 @@ function withDeckContext(inner, bridge, strategy) {
       }
       let context = "";
       try {
-        context = await chunkD754TQ4S_js.buildDeckContext(bridge, { strategy, focus: {} });
+        context = await chunk6C4UY7GX_js.buildDeckContext(bridge, { strategy, focus: {} });
       } catch {
         context = "";
       }
@@ -207,7 +207,7 @@ function useAiConversation(session, config, bridge, options = {}) {
         continue;
       }
       seen.add(call.toolCallId);
-      onToolTargetRef.current?.(chunkD754TQ4S_js.toolCanvasTarget(call.toolName, call.input));
+      onToolTargetRef.current?.(chunk6C4UY7GX_js.toolCanvasTarget(call.toolName, call.input));
     }
   }, [chat.messages]);
   const send = react.useCallback(
@@ -283,7 +283,7 @@ function deriveTitle(messages) {
 }
 function useAiHistory(input) {
   const { deckId, messages, setMessages } = input;
-  const store = react.useMemo(() => input.store ?? chunkD754TQ4S_js.createChatHistoryStore(), [input.store]);
+  const store = react.useMemo(() => input.store ?? chunk6C4UY7GX_js.createChatHistoryStore(), [input.store]);
   const [activeChatId, setActiveChatId] = react.useState(newChatId);
   const [chats, setChats] = react.useState([]);
   const createdAtRef = react.useRef(Date.now());
@@ -426,7 +426,7 @@ function AiComposer({
         disabled: value.trim().length === 0,
         title: t("pptx.ai.send"),
         "aria-label": t("pptx.ai.send"),
-        className: chunkNZYSI3BL_js.cn(
+        className: chunkB4XJTZR4_js.cn(
           "shrink-0 rounded-sm p-1.5 transition-colors",
           value.trim().length === 0 ? "text-muted-foreground/50" : "bg-primary text-primary-foreground hover:bg-primary/90"
         ),
@@ -452,15 +452,15 @@ function AiFocusBar({
   onClearPicks
 }) {
   const { t } = reactI18next.useTranslation();
-  const chips = chunkD754TQ4S_js.focusTargetChips(targets, slides);
-  const twoTables = chunkD754TQ4S_js.isTwoTableFocus(targets, slides);
+  const chips = chunk6C4UY7GX_js.focusTargetChips(targets, slides);
+  const twoTables = chunk6C4UY7GX_js.isTwoTableFocus(targets, slides);
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "border-b border-border bg-secondary/30", children: [
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap items-center gap-1 px-2.5 py-1.5", children: [
       /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[10px] font-semibold uppercase tracking-wide text-muted-foreground", children: t("pptx.ai.focusScope") }),
       chips.map((chip) => /* @__PURE__ */ jsxRuntime.jsx(
         "span",
         {
-          className: chunkNZYSI3BL_js.cn(
+          className: chunkB4XJTZR4_js.cn(
             "inline-flex max-w-[10rem] items-center rounded-full px-2 py-0.5 text-[11px]",
             hasPicks || isPinned ? "bg-primary/15 text-primary" : "bg-muted text-muted-foreground"
           ),
@@ -493,7 +493,7 @@ function AiFocusBar({
             title: t("pptx.ai.pickElement"),
             "aria-label": t("pptx.ai.pickAria"),
             "aria-pressed": pickMode,
-            className: chunkNZYSI3BL_js.cn(
+            className: chunkB4XJTZR4_js.cn(
               "rounded-sm p-1",
               pickMode ? "bg-primary text-primary-foreground" : "text-muted-foreground hover:bg-accent"
             ),
@@ -572,7 +572,7 @@ function AiHistoryList({ chats, activeChatId, onResume, onDelete }) {
       {
         type: "button",
         onClick: () => onResume(chat.id),
-        className: chunkNZYSI3BL_js.cn(
+        className: chunkB4XJTZR4_js.cn(
           "flex min-w-0 flex-1 items-start gap-2 rounded-sm px-2 py-1.5 text-left hover:bg-accent",
           chat.id === activeChatId && "bg-accent/60"
         ),
@@ -727,26 +727,26 @@ function AiToolCallCard({ part }) {
   const failed = part.state === "output-error";
   const done = part.state === "output-available";
   const running = !failed && !done;
-  const activity = chunkD754TQ4S_js.describeToolActivity(part.toolName, part.input, running ? "present" : "past");
+  const activity = chunk6C4UY7GX_js.describeToolActivity(part.toolName, part.input, running ? "present" : "past");
   const Icon = ICONS[activity.icon] ?? lu.LuWrench;
-  const rawSummary = chunkD754TQ4S_js.summarizeToolArgs(part.input);
+  const rawSummary = chunk6C4UY7GX_js.summarizeToolArgs(part.input);
   const statusLabel = failed ? t("pptx.ai.toolFailed") : done ? t("pptx.ai.toolDone") : t("pptx.ai.toolRunning");
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-[12px]", children: [
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-1.5", children: [
       /* @__PURE__ */ jsxRuntime.jsx(
         Icon,
         {
-          className: chunkNZYSI3BL_js.cn(
+          className: chunkB4XJTZR4_js.cn(
             "w-3.5 h-3.5 shrink-0",
             failed ? "text-destructive" : "text-muted-foreground"
           )
         }
       ),
-      /* @__PURE__ */ jsxRuntime.jsx("span", { className: chunkNZYSI3BL_js.cn("truncate", failed ? "text-destructive" : "text-foreground"), children: activity.label }),
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: chunkB4XJTZR4_js.cn("truncate", failed ? "text-destructive" : "text-foreground"), children: activity.label }),
       /* @__PURE__ */ jsxRuntime.jsxs(
         "span",
         {
-          className: chunkNZYSI3BL_js.cn(
+          className: chunkB4XJTZR4_js.cn(
             "ml-auto inline-flex items-center gap-1 rounded-sm px-1.5 py-0.5 text-[10px]",
             failed ? "bg-destructive/15 text-destructive" : done ? "bg-primary/10 text-primary" : "bg-muted text-muted-foreground"
           ),
@@ -763,7 +763,7 @@ function AiToolCallCard({ part }) {
     rawSummary && /* @__PURE__ */ jsxRuntime.jsxs("details", { className: "group mt-0.5 pl-5", children: [
       /* @__PURE__ */ jsxRuntime.jsx("summary", { className: "cursor-pointer list-none text-[10px] text-muted-foreground/70 hover:text-muted-foreground", children: t("pptx.ai.toolDetails") }),
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-0.5 break-words font-mono text-[10px] text-muted-foreground/80", children: [
-        chunkD754TQ4S_js.toolLabel(part.toolName),
+        chunk6C4UY7GX_js.toolLabel(part.toolName),
         ": ",
         rawSummary
       ] })
@@ -794,7 +794,7 @@ function AiMessageList({ messages, isStreaming, bridge }) {
         /* @__PURE__ */ jsxRuntime.jsx(
           "div",
           {
-            className: chunkNZYSI3BL_js.cn(
+            className: chunkB4XJTZR4_js.cn(
               "mt-0.5 flex h-6 w-6 shrink-0 items-center justify-center rounded-full",
               isUser ? "bg-secondary text-muted-foreground" : "bg-primary/15 text-primary"
             ),
@@ -841,7 +841,7 @@ function AiMessageList({ messages, isStreaming, bridge }) {
 }
 function AiProposalCard({ proposal, onAccept, onReject }) {
   const { t } = reactI18next.useTranslation();
-  const lines = proposal.summary.map(chunkD754TQ4S_js.humanizeDiffLine);
+  const lines = proposal.summary.map(chunk6C4UY7GX_js.humanizeDiffLine);
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rounded-md border border-primary/40 bg-primary/5 p-2.5", children: [
     /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mb-1.5 text-[11px] font-semibold uppercase tracking-wide text-primary", children: t("pptx.ai.proposedChange") }),
     /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-[12px] font-medium text-foreground", children: proposal.label }),

package/dist/{AiChatPanel-5JEL2M7L.mjs → AiChatPanel-J5IGSCYA.mjs}

@@ -1,7 +1,7 @@
-import { isAiAvailable, createAiChatSession, toolCanvasTarget, createChatHistoryStore, focusTargetChips, isTwoTableFocus, humanizeDiffLine, buildDeckContext, describeToolActivity, summarizeToolArgs, toolLabel } from './chunk-HHUBO5OD.mjs';
-import { cn } from './chunk-A3WQ6JDW.mjs';
+import { isAiAvailable, createAiChatSession, toolCanvasTarget, createChatHistoryStore, focusTargetChips, isTwoTableFocus, humanizeDiffLine, buildDeckContext, describeToolActivity, summarizeToolArgs, toolLabel } from './chunk-SOLHDKNK.mjs';
+import { cn } from './chunk-IGKLB7NQ.mjs';
 import './chunk-Z6HIZWIQ.mjs';
-import './chunk-GMW7VRFD.mjs';
+import './chunk-WH46JCNF.mjs';
 import './chunk-XGB3TDIC.mjs';
 import { useMemo, useRef, useState, useEffect, useReducer, useCallback } from 'react';
 import { useTranslation } from 'react-i18next';

package/dist/{Model3DScene-LPA4HGFY.mjs → Model3DScene-ID6CQKEJ.mjs}

@@ -1,4 +1,4 @@
-import { mountModel3D } from './chunk-GMW7VRFD.mjs';
+import { mountModel3D } from './chunk-WH46JCNF.mjs';
 import './chunk-XGB3TDIC.mjs';
 import { useRef, useEffect } from 'react';
 import { jsx } from 'react/jsx-runtime';

package/dist/{Model3DScene-E4WWASL7.js → Model3DScene-S7LKZ6IA.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunkZ2ZC5QTJ_js = require('./chunk-Z2ZC5QTJ.js');
+var chunk2LOBDOTK_js = require('./chunk-2LOBDOTK.js');
 require('./chunk-4VNS5WPM.js');
 var react = require('react');
 var jsxRuntime = require('react/jsx-runtime');
@@ -14,7 +14,7 @@ function Model3DScene({ modelUrl, interactive, width, height }) {
       return;
     }
     let disposed = false;
-    void chunkZ2ZC5QTJ_js.mountModel3D(container, modelUrl, { width, height, interactive }).then((handle) => {
+    void chunk2LOBDOTK_js.mountModel3D(container, modelUrl, { width, height, interactive }).then((handle) => {
       if (disposed) {
         handle.dispose();
       } else {

package/dist/{SurfaceChart3DScene-JT64KYVP.mjs → SurfaceChart3DScene-V5H6MXYW.mjs}

@@ -1,4 +1,4 @@
-import { mountSurfaceChart3D } from './chunk-GMW7VRFD.mjs';
+import { mountSurfaceChart3D } from './chunk-WH46JCNF.mjs';
 import './chunk-XGB3TDIC.mjs';
 import { useRef, useEffect } from 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';

package/dist/{SurfaceChart3DScene-EOJ6FO7H.js → SurfaceChart3DScene-XSJXJM6H.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunkZ2ZC5QTJ_js = require('./chunk-Z2ZC5QTJ.js');
+var chunk2LOBDOTK_js = require('./chunk-2LOBDOTK.js');
 require('./chunk-4VNS5WPM.js');
 var react = require('react');
 var jsxRuntime = require('react/jsx-runtime');
@@ -25,7 +25,7 @@ function SurfaceChart3DScene({
       return;
     }
     let disposed = false;
-    void chunkZ2ZC5QTJ_js.mountSurfaceChart3D(container, {
+    void chunk2LOBDOTK_js.mountSurfaceChart3D(container, {
       cols,
       rows,
       heightMap,

package/dist/{chunk-Z2ZC5QTJ.js → chunk-2LOBDOTK.js}

@@ -44638,7 +44638,7 @@ function applySeriesDataLabelsToXml(seriesNode, dataLabels, getLocalName2) {
   const dLblsKey = findKey13(seriesNode, "dLbls", getLocalName2);
   const labels = dataLabels ?? [];
   const existingByIdx = /* @__PURE__ */ new Map();
-  let groupChildren = [];
+  let groupChildren2 = [];
   if (dLblsKey) {
     const dLbls = seriesNode[dLblsKey];
     const dLblKey = findKey13(dLbls, "dLbl", getLocalName2);
@@ -44653,9 +44653,9 @@ function applySeriesDataLabelsToXml(seriesNode, dataLabels, getLocalName2) {
         }
       }
     }
-    groupChildren = Object.keys(dLbls).filter((k) => getLocalName2(k) !== "dLbl").map((k) => [k, dLbls[k]]);
+    groupChildren2 = Object.keys(dLbls).filter((k) => getLocalName2(k) !== "dLbl").map((k) => [k, dLbls[k]]);
   }
-  if (labels.length === 0 && groupChildren.length === 0) {
+  if (labels.length === 0 && groupChildren2.length === 0) {
     if (dLblsKey) {
       delete seriesNode[dLblsKey];
     }
@@ -44666,7 +44666,7 @@ function applySeriesDataLabelsToXml(seriesNode, dataLabels, getLocalName2) {
   if (built.length > 0) {
     newDLbls["c:dLbl"] = built.length === 1 ? built[0] : built;
   }
-  const ordered32 = [...groupChildren].sort((a, b) => {
+  const ordered32 = [...groupChildren2].sort((a, b) => {
     const ai = DLBLS_GROUP_ORDER.indexOf(getLocalName2(a[0]));
     const bi = DLBLS_GROUP_ORDER.indexOf(getLocalName2(b[0]));
     return (ai === -1 ? DLBLS_GROUP_ORDER.length : ai) - (bi === -1 ? DLBLS_GROUP_ORDER.length : bi);
@@ -63204,8 +63204,16 @@ var PptxHandlerRuntime63 = class extends PptxHandlerRuntime62 {
       }
     }
     if (pIdx < paraCount - 1) {
+      const separatorStyle = { ...mergedDefaultRunStyle };
+      if (segments.length === 0) {
+        const endParaSz = p["a:endParaRPr"]?.["@_sz"];
+        const endParaPoints = endParaSz !== void 0 ? parseInt(String(endParaSz)) / 100 : NaN;
+        if (Number.isFinite(endParaPoints) && endParaPoints > 0) {
+          separatorStyle.fontSize = endParaPoints * (96 / 72);
+        }
+      }
       parts.push("\n");
-      segments.push({ text: "\n", style: { ...mergedDefaultRunStyle } });
+      segments.push({ text: "\n", style: separatorStyle });
     }
     const firstSegmentIndex = segments.length === 0 ? -1 : 0;
     if (firstSegmentIndex >= 0) {
@@ -97286,11 +97294,12 @@ function detectOrientation() {
   }
   return window.innerHeight > window.innerWidth ? "portrait" : "landscape";
 }
+var DEFAULT_LINE_HEIGHT = 1.2;
 function resolveLineHeight(textStyle, hasItalicRuns) {
   if (typeof textStyle?.lineSpacingExactPt === "number" && textStyle.lineSpacingExactPt > 0) {
     return `${textStyle.lineSpacingExactPt}pt`;
   }
-  return textStyle?.lineSpacing || (hasItalicRuns ? 1.35 : 1.25);
+  return textStyle?.lineSpacing || DEFAULT_LINE_HEIGHT;
 }
 function toCssWritingMode(textDirection) {
   switch (textDirection) {
@@ -97327,7 +97336,7 @@ function toCssVerticalDirection(textDirection) {
   return void 0;
 }
 function computeAutoFitTextStyle(input) {
-  const { textStyle: ts, text: text2, width, height, bodyInsetVertical, hasItalicRuns } = input;
+  const { textStyle: ts, text: text2, width, height, bodyInsetVertical } = input;
   if (!ts?.autoFit) {
     return {};
   }
@@ -97337,7 +97346,7 @@ function computeAutoFitTextStyle(input) {
     result.fontSize = Math.max(6, Math.round(baseFontSize * ts.autoFitFontScale));
   } else if (ts.autoFitMode !== "normal") {
     const textLength = text2.length;
-    const lineHeight = ts.lineSpacingExactPt ? ts.lineSpacingExactPt / baseFontSize : ts.lineSpacing || (hasItalicRuns ? 1.35 : 1.25);
+    const lineHeight = ts.lineSpacingExactPt ? ts.lineSpacingExactPt / baseFontSize : ts.lineSpacing || DEFAULT_LINE_HEIGHT;
     const approxCharsPerLine = Math.max(1, Math.floor(width / (baseFontSize * 0.6)));
     const estimatedLines = Math.max(1, Math.ceil(textLength / approxCharsPerLine));
     const requiredHeight = estimatedLines * baseFontSize * lineHeight;
@@ -97348,7 +97357,7 @@ function computeAutoFitTextStyle(input) {
     }
   }
   if (ts.autoFitLineSpacingReduction !== void 0 && ts.autoFitLineSpacingReduction > 0) {
-    const baseLineHeight = typeof ts.lineSpacing === "number" ? ts.lineSpacing : hasItalicRuns ? 1.35 : 1.25;
+    const baseLineHeight = typeof ts.lineSpacing === "number" ? ts.lineSpacing : DEFAULT_LINE_HEIGHT;
     result.lineHeight = baseLineHeight * (1 - ts.autoFitLineSpacingReduction);
   }
   return result;
@@ -98325,6 +98334,44 @@ ${body}
     keyframes
   };
 }
+function groupChildren(element) {
+  if (element.type !== "group") {
+    return void 0;
+  }
+  const children8 = element.children;
+  return Array.isArray(children8) && children8.length > 0 ? children8 : void 0;
+}
+function containsMorphNamedDescendant(element) {
+  const children8 = groupChildren(element);
+  if (!children8) {
+    return false;
+  }
+  for (const child22 of children8) {
+    if (getElementMorphName(child22) !== void 0 || containsMorphNamedDescendant(child22)) {
+      return true;
+    }
+  }
+  return false;
+}
+function toAbsolute(child22, offsetX, offsetY) {
+  if (offsetX === 0 && offsetY === 0) {
+    return child22;
+  }
+  return { ...child22, x: child22.x + offsetX, y: child22.y + offsetY };
+}
+function flattenMorphElements(elements, offsetX = 0, offsetY = 0) {
+  const out = [];
+  for (const element of elements) {
+    const children8 = groupChildren(element);
+    if (children8 && containsMorphNamedDescendant(element)) {
+      out.push(...flattenMorphElements(children8, offsetX + element.x, offsetY + element.y));
+      continue;
+    }
+    out.push(toAbsolute(element, offsetX, offsetY));
+  }
+  return out;
+}
+var SAME_BOX_TOLERANCE_PX = 0.5;
 function getElementMorphName(element) {
   if (element.name) {
     const name = element.name.trim();
@@ -98340,16 +98387,49 @@ function getElementMorphName(element) {
   }
   return void 0;
 }
+var NV_PR_KEYS = [
+  "p:nvSpPr",
+  "p:nvPicPr",
+  "p:nvGrpSpPr",
+  "p:nvCxnSpPr",
+  "p:nvGraphicFramePr"
+];
+function getElementCreationId(element) {
+  const raw = element.rawXml;
+  if (!raw) {
+    return void 0;
+  }
+  for (const nvKey of NV_PR_KEYS) {
+    const nvPr = raw[nvKey];
+    const cNvPr = nvPr?.["p:cNvPr"];
+    const extLst = cNvPr?.["a:extLst"];
+    const extRaw = extLst?.["a:ext"];
+    if (!extRaw) {
+      continue;
+    }
+    const exts = Array.isArray(extRaw) ? extRaw : [extRaw];
+    for (const ext of exts) {
+      const creation = ext?.["a16:creationId"];
+      const guid = creation?.["@_id"];
+      if (typeof guid === "string" && guid.length > 0) {
+        return guid;
+      }
+    }
+  }
+  return void 0;
+}
 function matchMorphElementsFull(fromSlide, toSlide) {
   const pairs2 = [];
   const usedFrom = /* @__PURE__ */ new Set();
   const usedTo = /* @__PURE__ */ new Set();
-  for (const fromEl of fromSlide.elements) {
+  const fromElements = flattenMorphElements(fromSlide.elements);
+  const toElements = flattenMorphElements(toSlide.elements);
+  for (const fromEl of fromElements) {
     const fromName = getElementMorphName(fromEl);
     if (!fromName) {
       continue;
     }
-    for (const toEl of toSlide.elements) {
+    for (const toEl of toElements) {
       if (usedTo.has(toEl.id)) {
         continue;
       }
@@ -98362,15 +98442,45 @@ function matchMorphElementsFull(fromSlide, toSlide) {
       }
     }
   }
-  for (const fromEl of fromSlide.elements) {
+  const creationIds = /* @__PURE__ */ new Map();
+  const creationIdOf = (el) => {
+    if (!creationIds.has(el.id)) {
+      creationIds.set(el.id, getElementCreationId(el));
+    }
+    return creationIds.get(el.id);
+  };
+  for (const fromEl of fromElements) {
+    if (usedFrom.has(fromEl.id)) {
+      continue;
+    }
+    const fromGuid = creationIdOf(fromEl);
+    if (!fromGuid) {
+      continue;
+    }
+    for (const toEl of toElements) {
+      if (usedTo.has(toEl.id) || fromEl.type !== toEl.type) {
+        continue;
+      }
+      if (creationIdOf(toEl) === fromGuid) {
+        pairs2.push({ fromElement: fromEl, toElement: toEl });
+        usedFrom.add(fromEl.id);
+        usedTo.add(toEl.id);
+        break;
+      }
+    }
+  }
+  for (const fromEl of fromElements) {
     if (usedFrom.has(fromEl.id) || !fromEl.shapeId) {
       continue;
     }
-    for (const toEl of toSlide.elements) {
+    for (const toEl of toElements) {
       if (usedTo.has(toEl.id)) {
         continue;
       }
       if (toEl.shapeId && fromEl.shapeId === toEl.shapeId && fromEl.type === toEl.type) {
+        if (creationIdOf(fromEl) && creationIdOf(toEl)) {
+          continue;
+        }
         pairs2.push({ fromElement: fromEl, toElement: toEl });
         usedFrom.add(fromEl.id);
         usedTo.add(toEl.id);
@@ -98378,13 +98488,13 @@ function matchMorphElementsFull(fromSlide, toSlide) {
       }
     }
   }
-  for (const fromEl of fromSlide.elements) {
+  for (const fromEl of fromElements) {
     if (usedFrom.has(fromEl.id)) {
       continue;
     }
     let bestMatch = null;
     let bestDist = Infinity;
-    for (const toEl of toSlide.elements) {
+    for (const toEl of toElements) {
       if (usedTo.has(toEl.id)) {
         continue;
       }
@@ -98410,8 +98520,24 @@ function matchMorphElementsFull(fromSlide, toSlide) {
       usedTo.add(bestMatch.id);
     }
   }
-  const unmatchedFrom = fromSlide.elements.filter((el) => !usedFrom.has(el.id));
-  const unmatchedTo = toSlide.elements.filter((el) => !usedTo.has(el.id));
+  for (const fromEl of fromElements) {
+    if (usedFrom.has(fromEl.id)) {
+      continue;
+    }
+    for (const toEl of toElements) {
+      if (usedTo.has(toEl.id)) {
+        continue;
+      }
+      if (Math.abs(fromEl.x - toEl.x) <= SAME_BOX_TOLERANCE_PX && Math.abs(fromEl.y - toEl.y) <= SAME_BOX_TOLERANCE_PX && Math.abs(fromEl.width - toEl.width) <= SAME_BOX_TOLERANCE_PX && Math.abs(fromEl.height - toEl.height) <= SAME_BOX_TOLERANCE_PX) {
+        pairs2.push({ fromElement: fromEl, toElement: toEl });
+        usedFrom.add(fromEl.id);
+        usedTo.add(toEl.id);
+        break;
+      }
+    }
+  }
+  const unmatchedFrom = fromElements.filter((el) => !usedFrom.has(el.id));
+  const unmatchedTo = toElements.filter((el) => !usedTo.has(el.id));
   return { pairs: pairs2, unmatchedFrom, unmatchedTo };
 }
 function tokenizeText(element, mode) {
@@ -98658,13 +98784,12 @@ function generateMorphAnimations(pairs2, durationMs, _mode = "object") {
     const sy = Math.max(fromElement.height, 1) / Math.max(toElement.height, 1);
     const fromOpacity = fromElement.opacity ?? 1;
     const toOpacity = toElement.opacity ?? 1;
-    const fromRot = fromElement.rotation ?? 0;
     const toRot = toElement.rotation ?? 0;
+    const fromRot = shortestRotationTarget(toRot, fromElement.rotation ?? 0);
     const flips = `${toElement.flipHorizontal ? " scaleX(-1)" : ""}${toElement.flipVertical ? " scaleY(-1)" : ""}`;
-    const crossfades = morphPairNeedsCrossfade(fromElement, toElement);
     const fromProps = [
       `		transform: translate(${dx}px, ${dy}px) scale(${sx}, ${sy}) rotate(${fromRot}deg)${flips};`,
-      `		opacity: ${crossfades ? 0 : fromOpacity};`
+      `		opacity: ${fromOpacity};`
     ];
     const toProps = [
       `		transform: translate(0, 0) scale(1, 1) rotate(${toRot}deg)${flips};`,
@@ -98708,7 +98833,7 @@ function generateMorphGhostAnimations(pairs2, durationMs, startIndex) {
     const sx = Math.max(toElement.width, 1) / Math.max(fromElement.width, 1);
     const sy = Math.max(toElement.height, 1) / Math.max(fromElement.height, 1);
     const fromRot = fromElement.rotation ?? 0;
-    const toRot = toElement.rotation ?? 0;
+    const toRot = shortestRotationTarget(fromRot, toElement.rotation ?? 0);
     const flips = `${fromElement.flipHorizontal ? " scaleX(-1)" : ""}${fromElement.flipVertical ? " scaleY(-1)" : ""}`;
     const keyframes = `
 @keyframes ${safeName} {
@@ -98731,6 +98856,15 @@ function generateMorphGhostAnimations(pairs2, durationMs, startIndex) {
   }
   return animations;
 }
+function shortestRotationTarget(fromDeg, toDeg) {
+  let delta = (toDeg - fromDeg) % 360;
+  if (delta > 180) {
+    delta -= 360;
+  } else if (delta <= -180) {
+    delta += 360;
+  }
+  return fromDeg + delta;
+}
 function staticTransformSuffix(el) {
   const rot = el.rotation ?? 0;
   return ` rotate(${rot}deg)${el.flipHorizontal ? " scaleX(-1)" : ""}${el.flipVertical ? " scaleY(-1)" : ""}`;
@@ -98846,7 +98980,7 @@ function buildMorphTransitionPlan(fromSlide, toSlide, durationMs, mode = "object
     return void 0;
   }
   const animations = generateFullMorphTransition(fromSlide, toSlide, durationMs, mode);
-  const outgoingElements = [...fromSlide.elements];
+  const outgoingElements = flattenMorphElements(fromSlide.elements);
   const outgoingIds = new Set(outgoingElements.map((element) => element.id));
   const incomingAnimations = /* @__PURE__ */ new Map();
   const outgoingAnimations = /* @__PURE__ */ new Map();
@@ -101224,6 +101358,11 @@ var INSTANT = {
 };
 var DEFAULT_TRANSITION_DURATION_MS = 1e3;
 var DEFAULT_MORPH_DURATION_MS = 2e3;
+var TRANSITION_SPEED_DURATION_MS = {
+  fast: 500,
+  med: 750,
+  slow: 1e3
+};
 var EASE = "ease-in-out";
 var P14_TRANSITION_KEYFRAMES = `
 /* \u2500\u2500 Conveyor (translate X with staggered timing) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */
@@ -102434,6 +102573,10 @@ function resolveTransitionDurationMs(transition) {
   if (typeof transition.durationMs === "number" && transition.durationMs > 0) {
     return transition.durationMs;
   }
+  const speedMs = transition.speed ? TRANSITION_SPEED_DURATION_MS[transition.speed] : void 0;
+  if (typeof speedMs === "number") {
+    return speedMs;
+  }
   if (transition.type === "morph") {
     return DEFAULT_MORPH_DURATION_MS;
   }