@aixa-transformation/pptx-viewer 2.0.24 → 2.0.27

package/dist/{chunk-ZSZ2WR4A.js → chunk-2GATFIDB.js}

@@ -16450,6 +16450,7 @@ function useSerialize(input) {
     tagCollections,
     notesMaster,
     handoutMaster,
+    embeddedFonts,
     handlerRef,
     inlineEditingElementIdRef,
     inlineEditingTextRef,
@@ -16503,7 +16504,8 @@ function useSerialize(input) {
       customProperties: customProperties.length > 0 ? customProperties : void 0,
       tags: tagCollections.length > 0 ? tagCollections : void 0,
       notesMaster,
-      handoutMaster
+      handoutMaster,
+      embeddedFonts: embeddedFonts.length > 0 ? embeddedFonts : void 0
     };
     if (password) {
       return handler.saveEncrypted(slidesToSave, password, saveOptions);
@@ -16522,6 +16524,7 @@ function useSerialize(input) {
     tagCollections,
     notesMaster,
     handoutMaster,
+    embeddedFonts,
     guides,
     activeSlideIndex,
     handlerRef,
@@ -17256,6 +17259,7 @@ function useContentLifecycle(input) {
     tagCollections: state.tagCollections,
     notesMaster: state.notesMaster,
     handoutMaster: state.handoutMaster,
+    embeddedFonts: state.embeddedFonts,
     handlerRef,
     inlineEditingElementIdRef: state.inlineEditingElementIdRef,
     inlineEditingTextRef: state.inlineEditingTextRef,
@@ -17742,7 +17746,7 @@ function useViewerIntegration(input) {
     if (onDirtyChange) {
       onDirtyChange(state.isDirty);
     }
-  }, [state.isDirty, onDirtyChange]);
+  }, [state.isDirty, state.slides, state.embeddedFonts, onDirtyChange]);
   React4.useEffect(() => {
     if (onActiveSlideChange) {
       onActiveSlideChange(activeSlideIndex);

package/dist/{chunk-RI6OBMEG.mjs → chunk-3VKZ7ZNY.mjs}

@@ -16443,6 +16443,7 @@ function useSerialize(input) {
     tagCollections,
     notesMaster,
     handoutMaster,
+    embeddedFonts,
     handlerRef,
     inlineEditingElementIdRef,
     inlineEditingTextRef,
@@ -16496,7 +16497,8 @@ function useSerialize(input) {
       customProperties: customProperties.length > 0 ? customProperties : void 0,
       tags: tagCollections.length > 0 ? tagCollections : void 0,
       notesMaster,
-      handoutMaster
+      handoutMaster,
+      embeddedFonts: embeddedFonts.length > 0 ? embeddedFonts : void 0
     };
     if (password) {
       return handler.saveEncrypted(slidesToSave, password, saveOptions);
@@ -16515,6 +16517,7 @@ function useSerialize(input) {
     tagCollections,
     notesMaster,
     handoutMaster,
+    embeddedFonts,
     guides,
     activeSlideIndex,
     handlerRef,
@@ -17249,6 +17252,7 @@ function useContentLifecycle(input) {
     tagCollections: state.tagCollections,
     notesMaster: state.notesMaster,
     handoutMaster: state.handoutMaster,
+    embeddedFonts: state.embeddedFonts,
     handlerRef,
     inlineEditingElementIdRef: state.inlineEditingElementIdRef,
     inlineEditingTextRef: state.inlineEditingTextRef,
@@ -17735,7 +17739,7 @@ function useViewerIntegration(input) {
     if (onDirtyChange) {
       onDirtyChange(state.isDirty);
     }
-  }, [state.isDirty, onDirtyChange]);
+  }, [state.isDirty, state.slides, state.embeddedFonts, onDirtyChange]);
   useEffect(() => {
     if (onActiveSlideChange) {
       onActiveSlideChange(activeSlideIndex);

package/dist/{chunk-OUD7I3ER.mjs → chunk-KWR2VRGW.mjs}

@@ -1,4 +1,4 @@
-import { DEFAULT_STROKE_COLOR, getConnectorPathGeometry, buildLineShadowCss, buildLineGlowFilter, renderConnectorMarker, MIN_ELEMENT_SIZE, getShapeVisualStyle, getTextStyleForElement, DEFAULT_TEXT_COLOR, renderVectorShape, isConnectorOrLineElement, build3DExtrusionData, getImageRenderStyle, cn, getTextLayoutStyle, renderTableElement, renderMediaElement, shouldRenderFallbackLabel, SHAPE_PRESETS, ANIMATION_PRESET_OPTIONS, useReducedMotion, useViewerState, useViewerOptions, useIsMobile, useResizablePanels, useDerivedSlideState, useZoomViewport, useEditorHistory, usePresentationSetup, useTouchGestures, useViewerDialogs, useEditorOperations, useViewerIntegration, useLayoutSwitching, useYjsDocumentSync, useFollowMode, useBroadcastFollower, DEFAULT_FILL_COLOR, hasDagDuotoneEffect, renderDagDuotoneSvgFilter, getCropShapeClipPath, resolvePalette, resolveStyle, layoutToCategory, wrapChrome, isImageTiled, getImageTilingStyle, getDuotoneColors, getTextWarpStyle, renderTextSegments, buildReactChartViewModel, renderChartElement, buildTextBody3DSceneStyle, SLIDE_TRANSITION_OPTIONS, SLIDE_NAV_THUMBNAIL_WIDTH, scopeLayoutOptionsToActiveSlide, useToolbarVisibility, useKeyboardInsets, useModalDismissDrag, useCollaborativeState, styleShadow, styleStroke, colour, fitFontSize, smartArtNodeGroupProps, chevronPoints, SmartArtNodeText, contrastingTextColor, renderStepDownProcess, renderAlternatingFlow, renderDescendingProcess, renderPictureAccentList, renderVerticalBlockList, renderGroupedList, renderPyramidList, renderHorizontalPictureList, renderAccentProcess, renderVerticalChevronList, DEFAULT_TEXT_FONT_SIZE, DEFAULT_FONT_FAMILY, TOOLBAR_SECTIONS, useVirtualizedSlides, useSwipeNavigation, useSheetDismissDrag, detectTargetType, parseEmailUrl, parseSlideFromUrl, ACTION_VERB_MAP, SHORTCUT_REFERENCE_ITEMS as SHORTCUT_REFERENCE_ITEMS$1, buildTree, treeWidth, treeDepth, nodeOpacity, truncate, gearPath, resolveSmartArtDataPalette, HYPERLINK_COLOR, GRID_SIZE, startPreviewAnimation, stopPreviewAnimation } from './chunk-RI6OBMEG.mjs';
+import { DEFAULT_STROKE_COLOR, getConnectorPathGeometry, buildLineShadowCss, buildLineGlowFilter, renderConnectorMarker, MIN_ELEMENT_SIZE, getShapeVisualStyle, getTextStyleForElement, DEFAULT_TEXT_COLOR, renderVectorShape, isConnectorOrLineElement, build3DExtrusionData, getImageRenderStyle, cn, getTextLayoutStyle, renderTableElement, renderMediaElement, shouldRenderFallbackLabel, SHAPE_PRESETS, ANIMATION_PRESET_OPTIONS, useReducedMotion, useViewerState, useViewerOptions, useIsMobile, useResizablePanels, useDerivedSlideState, useZoomViewport, useEditorHistory, usePresentationSetup, useTouchGestures, useViewerDialogs, useEditorOperations, useViewerIntegration, useLayoutSwitching, useYjsDocumentSync, useFollowMode, useBroadcastFollower, DEFAULT_FILL_COLOR, hasDagDuotoneEffect, renderDagDuotoneSvgFilter, getCropShapeClipPath, resolvePalette, resolveStyle, layoutToCategory, wrapChrome, isImageTiled, getImageTilingStyle, getDuotoneColors, getTextWarpStyle, renderTextSegments, buildReactChartViewModel, renderChartElement, buildTextBody3DSceneStyle, SLIDE_TRANSITION_OPTIONS, SLIDE_NAV_THUMBNAIL_WIDTH, scopeLayoutOptionsToActiveSlide, useToolbarVisibility, useKeyboardInsets, useModalDismissDrag, useCollaborativeState, styleShadow, styleStroke, colour, fitFontSize, smartArtNodeGroupProps, chevronPoints, SmartArtNodeText, contrastingTextColor, renderStepDownProcess, renderAlternatingFlow, renderDescendingProcess, renderPictureAccentList, renderVerticalBlockList, renderGroupedList, renderPyramidList, renderHorizontalPictureList, renderAccentProcess, renderVerticalChevronList, DEFAULT_TEXT_FONT_SIZE, DEFAULT_FONT_FAMILY, TOOLBAR_SECTIONS, useVirtualizedSlides, useSwipeNavigation, useSheetDismissDrag, detectTargetType, parseEmailUrl, parseSlideFromUrl, ACTION_VERB_MAP, SHORTCUT_REFERENCE_ITEMS as SHORTCUT_REFERENCE_ITEMS$1, buildTree, treeWidth, treeDepth, nodeOpacity, truncate, gearPath, resolveSmartArtDataPalette, HYPERLINK_COLOR, GRID_SIZE, startPreviewAnimation, stopPreviewAnimation } from './chunk-3VKZ7ZNY.mjs';
 import { normalizeHexColor, colorWithOpacity, normalizeStrokeDashType, getSvgStrokeDasharray, getCompoundLineOffsets, getCompoundLineWidths, svgLineCap, getElementTransform, isEditableTextElement, getAriaRole, getAriaLabel, getAriaRoleDescription, getImageEffectsOpacity, getImageEffectsFilter, getElementTransformWithoutRotation, ACTION_BUTTON_PRESETS, getElementLabel, RULER_THICKNESS, RULER_FONT_SIZE, EQUATION_TEMPLATES, convertLatexToOmml, convertOmmlToMathMl, sanitizeMathMl, DEFAULT_VIEWER_OPTIONS, buildUserFontFaceStyles, readStoredViewerPrefs, resolveThemeCatalogEntry, THEME_CATALOG, writeStoredViewerPrefs, openPptxFile, readBackstageRecentFile, viewerOptionsToPreferences, applyPreferenceToOptions, listAutosaveSnapshots, deleteAutosaveSnapshot, createBackstagePresentation, buildCssGradientFromShapeStyle, getComputedEffectStyle, getSoftEdgeSvgFilter, getGroupChildParentFill, revealedSmartArtNodeCount, buildSmartArtA11y, buildSummaryZoomView, getImageColorWashStyle, getPendingSelectionRestore, restoreSegmentSelection, getTextCompensationTransform, applyChartBuildReveal, formatAxisValue, hasPressureVariation, getInkReplayStyles, INK_REPLAY_KEYFRAMES, resolveInkColor, resolveInkWidth, resolveInkOpacity, pressuresToWidths, getContentPartReplayStyles, resolveOleType, getOleTypeColor, getOleTypeLabel, resolveGroupChildFill, shouldUseSvgWarp, buildPreviewElements, themeToCssVars, DEFAULT_INSERT_CHART_TYPE, hasCopyableFormat, printPropertiesFrameSlides, printPropertiesSlidesPerPage, VIEWER_OPTIONS_TABS, DEFAULT_QUICK_ACCESS_COMMAND_IDS, buildJoinCollaborationConfig, buildCreateCollaborationConfig, generateBroadcastRoomId, DEFAULT_BROADCAST_SERVER_URL, buildBroadcastViewerUrl, resolveTransportForServerUrl, resolveDrawingShapeNodeId, getImageSvgFilters, buildDuotoneCacheKey, getDuotoneCachedResult, applyDuotone, setDuotoneCachedResult, buildCacheKey, DEFAULT_COLOR_CHANGE_TOLERANCE, getCachedResult, applyColorChange, setCachedResult, findChartPartTarget, dragValueForPart, withChartPointValue, dragAnchorViewY, withChartTitle, computeSmartArtLayout, buildSmartArt3DModel, extractPathPoints, generatePressureCircles, isBrowserOpenableMime, formatBytes, getOleBadgeLabel, openUrlInNewTab, getWarpPath, getSlideBackgroundStyle, filterCommands, resolveTitleBarStatusKey, TITLE_BAR_CLASSES, TITLE_BAR_DEFAULT_FILE_KEY, shouldConfirmExternalHyperlink, safeOpenUrl, isPpactionUrl, parsePpactionUrl, formatVersionTimestamp, formatRelativeTime, scanAvailableFontFamilies, PRESETS, CATEGORIES, convertOmmlToLatex, clampPercent, HANDOUT_OPTIONS, TOOLBAR_TABS, SHORTCUT_REFERENCE_ITEMS, resolveViewerAddinRows, availableQuickAccessCommands, addQuickAccessCommand, removeQuickAccessCommand, moveQuickAccessCommand, activateModalFocus, buildCollaborationShareUrl, presentationInkPath, mobileElapsedSince, isFirstSlide, isLastSlide, formatMobileElapsed, mobileSlideCounter, formatElapsed, computeInlineEditorRect, findSmartArtNodeText, rebuildDrawingShapesIfCleared, shouldCommitSmartArtNodeText, groupIntoParagraphs, substituteFieldText, TAB_ROW_ACTION_CLASSES, listBackstageRecentFiles, BACKSTAGE_NAV, INSERT_CHART_TYPES, SLIDE_VIRTUALIZATION_THRESHOLD, getShapeAdjustmentHandleDescriptor, getSlideTransitionAnimations, SLIDE_TRANSITION_KEYFRAMES, formatSlideCounter, isUrlSafe, computeHandoutLayout, getPrintableArea, generateNoteLineCount, computeAllNotesPages, getNotesPrintableArea, QUICK_ACCESS_COMMAND_CATALOG, notesSegmentsToSpans, erasePresentationInkAt, movePresenterPointer, appendPresentationInkPoint, NOTES_FONT_SIZE_DEFAULT, formatTime, NOTES_FONT_SIZE_MIN, clampNotesFontSize, NOTES_FONT_SIZE_STEP, NOTES_FONT_SIZE_MAX, BACKSTAGE_TEMPLATES, formatBackstageDate, formatBackstageSize, DEFAULT_VIEWER_PROFILE, resolveProfileInitial, AVATAR_COLOR_SWATCHES, getConnectionSites, generateTicks, getCommentMarkerPosition, buildThemeColorGrid, THEME_COLOR_LABELS, buildSmartArtPresetData, getLocalStorageUsageSummary, saveViewerProfile, clearAllLocalViewerData, TABLE_STYLE_PRESETS, withFrameSlides, withSlidesPerPage, formatCommentTimestamp, DIRECTIONAL_PRESETS, computeMergeCellRight, computeMergeCellDown, computeSplitCell, DUOTONE_PRESETS, ARTISTIC_EFFECTS, LBL, SEL, FILL_MODE_OPTIONS, SECTION_HEADING, NUM, GRADIENT_TYPE_OPTIONS, PATTERN_OPTIONS } from './chunk-45A3IISI.mjs';
 import { LOCALE_CATALOG, translationsEn } from './chunk-2X72MOPZ.mjs';
 import { hasShapeProperties, hasTextProperties, isInkElement, SWITCHABLE_LAYOUT_TYPES, isImageLikeElement, getLinkedTextBoxSegments, getSubstituteFontFamily, themeColorSchemesEqual, setSmartArtNodeStyle, updateSmartArtNodeText, THEME_COLOR_SCHEME_KEYS, chartDataChangeType, chartDataUpdatePoint, chartDataAddCategory, chartDataRemoveCategory, chartDataAddSeries, chartDataRemoveSeries, setChartAxisLogScale, setChartAxisTitleStyle, setChartAxisGridlineStyle, setChartSeriesMarker, setChartSeriesChartType, setChartDataPointFill, setChartDataPointExplosion, setChartDataPointMarker, setChartDataPointLabel, getOleObjectTypeLabel, pptxActionToElementAction, applyThemeOverrideToSlide, COLOR_MAP_ALIAS_KEYS, DEFAULT_COLOR_MAP, addSmartArtNodeAsChild, removeSmartArtNode, elementActionToPptxAction, switchSmartArtLayout, addSmartArtNode, demoteSmartArtNode, promoteSmartArtNode, reorderSmartArtNode } from './chunk-LTBO2ZJC.mjs';
@@ -6,6 +6,7 @@ import React18, { createContext, useMemo, useState, useCallback, forwardRef, use
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import { useTranslation } from 'react-i18next';
 import { LuRotateCw, LuMessageSquare, LuEyeOff, LuSettings, LuX, LuCalendarDays, LuHash, LuText, LuCast, LuSave, LuUndo, LuRedo, LuSearch, LuShieldCheck, LuPlus, LuPanelLeftClose, LuStickyNote, LuMonitor, LuColumns2, LuPresentation, LuMinus, LuLayers, LuSettings2, LuClock, LuDownload, LuTrash2, LuCheck, LuLock, LuEye, LuFileText, LuType, LuLoader, LuShieldAlert, LuSignature, LuInfo, LuTriangleAlert, LuPrinter, LuPenTool, LuChevronUp, LuChevronDown, LuWifi, LuWifiOff, LuUsers, LuCopy, LuChevronLeft, LuChevronRight, LuPlay, LuPause, LuMenu, LuSparkles, LuShare2, LuPanelLeft, LuPanelRight, LuArrowLeft, LuFolderOpen, LuPackage, LuFileImage, LuVideo, LuBox, LuClipboardPaste, LuScissors, LuPaintbrush, LuUpload, LuSquare, LuImage, LuDatabase, LuAArrowUp, LuAArrowDown, LuRemoveFormatting, LuHighlighter, LuList, LuListOrdered, LuIndentDecrease, LuIndentIncrease, LuReplace, LuMousePointer2, LuShapes, LuPaintBucket, LuPenLine, LuPalette, LuPencil, LuStar, LuMoveRight, LuMousePointerClick, LuClock3, LuMonitorPlay, LuListVideo, LuCaptions, LuCamera, LuEraser, LuRotateCcw, LuCircleHelp, LuSpellCheck, LuBookOpen, LuLanguages, LuGlobe, LuGitCompare, LuMessageSquarePlus, LuLockKeyhole, LuPanelTop, LuLayoutGrid, LuGrid3X3, LuPipette, LuRuler, LuZoomIn, LuMaximize2, LuCode, LuCaseSensitive, LuTimer, LuGripVertical, LuBold, LuItalic, LuUnderline, LuStrikethrough, LuLink, LuGrid2X2, LuCopyPlus, LuCirclePlay, LuCirclePause, LuZoomOut, LuScan, LuMonitorOff, LuClipboardCopy, LuWand, LuTextCursorInput, LuFile, LuEllipsis, LuUserRound, LuFilePlus2, LuHouse, LuUser, LuHardDrive, LuLogIn, LuFolderPlus, LuAlignLeft, LuAlignCenter, LuAlignRight, LuAlignJustify, LuColumns3, LuSpline, LuAlignHorizontalSpaceAround, LuAlignVerticalSpaceAround, LuMove, LuRadio, LuLockOpen, LuArrowDown, LuArrowUp, LuArrowRight, LuReply, LuBookmark } from 'react-icons/lu';
+import JSZip from 'jszip';
 
 var ViewerThemeContext = createContext(void 0);
 function ViewerThemeProvider({ theme, children }) {
@@ -1334,7 +1335,7 @@ function AccountPage() {
       return void 0;
     });
   };
-  const version = "2.0.24" ;
+  const version = "2.0.27" ;
   return /* @__PURE__ */ jsxs("div", { className: "mt-8 max-w-[700px] space-y-6", children: [
     /* @__PURE__ */ jsxs("section", { className: cardClass, children: [
       /* @__PURE__ */ jsxs("h2", { className: "flex items-center gap-2 text-sm font-semibold", children: [
@@ -7029,6 +7030,13 @@ var COMMON_FONTS = [
   "Verdana"
 ];
 var COMMON_SIZES = [8, 9, 10, 11, 12, 14, 16, 18, 20, 24, 28, 32, 36, 40, 44, 48, 54, 60, 72, 96];
+var CUSTOM_FONT_FILE_EXTENSION = /\.(?:ttf|otf|woff2?)$/iu;
+var getZipEntryBaseName = (path) => path.replace(/\\/gu, "/").split("/").filter(Boolean).pop() ?? path;
+var isUsableZipFontEntry = (path) => {
+  const normalized = path.replace(/\\/gu, "/").toLowerCase();
+  if (normalized.includes("__macosx/") || normalized.endsWith("/.ds_store")) return false;
+  return CUSTOM_FONT_FILE_EXTENSION.test(normalized);
+};
 function HomeSection(p) {
   const { t } = useTranslation();
   const [fontMenuOpen, setFontMenuOpen] = useState(false);
@@ -7061,33 +7069,89 @@ function HomeSection(p) {
     p.onUpdateTextStyle?.({ fontFamily: family });
     setFontMenuOpen(false);
   };
-  const registerLocalFont = async (file) => {
-    const stem = file.name.replace(/\.(?:ttf|otf|woff2?)$/iu, "");
+  const fontSourceFromFile = async (file) => {
+    const baseName = getZipEntryBaseName(file.name);
+    const stem = baseName.replace(CUSTOM_FONT_FILE_EXTENSION, "");
     const bold = /(?:^|[-_\s])(?:bold|semibold|demibold|black)(?:$|[-_\s])/iu.test(stem);
     const italic = /(?:^|[-_\s])(?:italic|oblique)(?:$|[-_\s])/iu.test(stem);
     const family = stem.replace(/(?:[-_\s])(?:regular|normal|book|medium|bold|semibold|demibold|black|italic|oblique)+$/iu, "").replace(/[-_]+/gu, " ").trim();
-    if (!family || typeof FontFace === "undefined") {
-      return;
+    if (!family) return null;
+    const normalizedName = baseName.toLowerCase();
+    const format = normalizedName.endsWith(".woff2") ? "woff2" : normalizedName.endsWith(".woff") ? "woff" : normalizedName.endsWith(".otf") ? "opentype" : "truetype";
+    return {
+      family,
+      src: URL.createObjectURL(file),
+      format,
+      weight: bold ? 700 : 400,
+      style: italic ? "italic" : "normal",
+      data: await file.arrayBuffer()
+    };
+  };
+  const registerFontSources = async (sources) => {
+    if (typeof FontFace === "undefined") return;
+    const loadedSources = [];
+    for (const source of sources) {
+      try {
+        const face = new FontFace(source.family, source.data, {
+          weight: String(source.weight ?? 400),
+          style: source.style ?? "normal"
+        });
+        await face.load();
+        document.fonts.add(face);
+        loadedSources.push(source);
+      } catch (error) {
+        console.warn(`[PowerPointViewer] Could not load custom font ${source.family}.`, error);
+      }
     }
-    const face = new FontFace(family, await file.arrayBuffer(), {
-      weight: bold ? "700" : "400",
-      style: italic ? "italic" : "normal"
-    });
-    await face.load();
-    document.fonts.add(face);
-    const next = Array.from(/* @__PURE__ */ new Set([...customFontFamilies, family]));
+    if (loadedSources.length === 0) {
+      throw new Error("None of the selected font files could be loaded by this browser.");
+    }
+    const next = Array.from(/* @__PURE__ */ new Set([...customFontFamilies, ...loadedSources.map((source) => source.family)]));
     setCustomFontFamilies(next);
     const fontWindow = window;
     fontWindow.__AIXA_PPTX_CUSTOM_FONT_FAMILIES__ = next;
     window.dispatchEvent(new CustomEvent("aixa:pptx-custom-fonts", { detail: next }));
-    applyFont(family);
+    if (loadedSources[0]) applyFont(loadedSources[0].family);
+  };
+  const registerLocalFontPackage = async (file) => {
+    let sources = [];
+    if (/\.zip$/iu.test(file.name)) {
+      const zip = await JSZip.loadAsync(file);
+      const entries = Object.values(zip.files).filter(
+        (entry) => !entry.dir && isUsableZipFontEntry(entry.name)
+      );
+      sources = (await Promise.all(entries.map(async (entry) => {
+        const blob = await entry.async("blob");
+        return fontSourceFromFile(
+          new File([blob], getZipEntryBaseName(entry.name), { type: blob.type })
+        );
+      }))).filter((source) => Boolean(source));
+    } else {
+      const source = await fontSourceFromFile(file);
+      if (source) sources = [source];
+    }
+    if (sources.length === 0) throw new Error("No browser-compatible font files were found.");
+    await p.onUploadCustomFontPackage?.(
+      file,
+      sources.map(({ data: _data, ...source }) => source)
+    );
+    await registerFontSources(sources);
+    p.onEmbedCustomFonts?.(
+      sources.map((source) => ({
+        name: source.family,
+        dataUrl: "",
+        bold: Number(source.weight ?? 400) >= 600,
+        italic: source.style === "italic" || source.style === "oblique",
+        format: source.format,
+        rawFontData: new Uint8Array(source.data.slice(0))
+      }))
+    );
   };
   useEffect(() => {
     const handleCustomFonts = (event) => {
       const families = event.detail;
-      setCustomFontFamilies(
-        Array.isArray(families) ? families.filter((family) => typeof family === "string" && family.trim().length > 0) : []
-      );
+      const incoming = Array.isArray(families) ? families.filter((family) => typeof family === "string" && family.trim().length > 0) : [];
+      setCustomFontFamilies((current) => Array.from(/* @__PURE__ */ new Set([...current, ...incoming])));
     };
     window.addEventListener("aixa:pptx-custom-fonts", handleCustomFonts);
     return () => window.removeEventListener("aixa:pptx-custom-fonts", handleCustomFonts);
@@ -7278,7 +7342,7 @@ function HomeSection(p) {
                 onClick: () => fontFileInputRef.current?.click(),
                 children: [
                   /* @__PURE__ */ jsx(LuUpload, { className: "h-4 w-4" }),
-                  "Add custom font file"
+                  "Add custom font package"
                 ]
               }
             ),
@@ -7287,11 +7351,11 @@ function HomeSection(p) {
               {
                 ref: fontFileInputRef,
                 type: "file",
-                accept: ".ttf,.otf,.woff,.woff2,font/ttf,font/otf,font/woff,font/woff2",
+                accept: ".zip,.ttf,.otf,.woff,.woff2,application/zip,font/ttf,font/otf,font/woff,font/woff2",
                 className: "hidden",
                 onChange: (event) => {
                   const file = event.currentTarget.files?.[0];
-                  if (file) void registerLocalFont(file);
+                  if (file) void registerLocalFontPackage(file);
                   event.currentTarget.value = "";
                 }
               }
@@ -10479,7 +10543,9 @@ function Toolbar(p) {
                   selectedElement: p.selectedElement,
                   onUpdateTextStyle: p.onUpdateTextStyle,
                   themeFonts: p.themeFonts,
-                  embeddedFontFamilies: p.embeddedFontFamilies
+                  embeddedFontFamilies: p.embeddedFontFamilies,
+                  onEmbedCustomFonts: p.onEmbedCustomFonts,
+                  onUploadCustomFontPackage: p.onUploadCustomFontPackage
                 }
               ),
               sIns && /* @__PURE__ */ jsx(
@@ -29974,6 +30040,8 @@ function ViewerToolbarSection(props) {
     onOpenHeaderFooter,
     onOpenShareDialog,
     onOpenFile,
+    onUploadCustomFontPackage,
+    onEmbedCustomFonts,
     onOpenRecentFile,
     onToggleFormatPainter: onToggleFormatPainterProp,
     fileName,
@@ -30308,6 +30376,8 @@ function ViewerToolbarSection(props) {
           body: s.theme?.fontScheme?.minorFont?.latin
         },
         embeddedFontFamilies: Array.from(new Set(s.embeddedFonts.map((font) => font.name))),
+        onUploadCustomFontPackage,
+        onEmbedCustomFonts,
         onInsertSlideFromLayout: slideOps.handleInsertSlideFromLayout,
         onApplyLayout: (path) => void onApplyLayout(path),
         customShows: s.customShows,
@@ -34033,6 +34103,7 @@ var PowerPointViewer = forwardRef(
       content: incomingContent,
       singleSlideOnly = false,
       fonts = [],
+      onUploadCustomFontPackage,
       filePath,
       fileName,
       canEdit = false,
@@ -34566,7 +34637,22 @@ var PowerPointViewer = forwardRef(
                     hiddenActions,
                     aiEnabled: Boolean(ai),
                     isAiPanelOpen: aiPanel.isOpen,
-                    onToggleAiPanel: aiPanel.toggle
+                    onToggleAiPanel: aiPanel.toggle,
+                    onUploadCustomFontPackage,
+                    onEmbedCustomFonts: (fonts2) => {
+                      state.setEmbeddedFonts((current) => {
+                        const merged = [...current];
+                        for (const font of fonts2) {
+                          const index = merged.findIndex(
+                            (existing) => existing.name === font.name && Boolean(existing.bold) === Boolean(font.bold) && Boolean(existing.italic) === Boolean(font.italic)
+                          );
+                          if (index >= 0) merged[index] = font;
+                          else merged.push(font);
+                        }
+                        return merged;
+                      });
+                      state.setIsDirty(true);
+                    }
                   }
                 ),
                 /* @__PURE__ */ jsx(