pptx-react-viewer 3.16.0 → 3.16.2

package/CHANGELOG.md

@@ -7,6 +7,35 @@ A release listed with no entries carried no Conventional Commit in this package'
 scope: scripts/release-plan.mjs re-releases a package whenever any of its files
 change, not only on conventional ones.
 
+## [3.16.1](https://github.com/ChristopherVR/pptx-viewer/releases/tag/pptx-react-viewer@3.16.1) - 2026-09-11
+
+### Bug Fixes
+
+- Preserve unchanged table text during merge and split (by @Sudhansh6) ([22df796](https://github.com/ChristopherVR/pptx-viewer/commit/22df7968570c89f03b72766b10473401cc179e9c))
+- Keep split available for a single merged table cell (by @Sudhansh6) ([38727de](https://github.com/ChristopherVR/pptx-viewer/commit/38727de2d0bd2105d4e263c12bc6fdbe7b013cb8))
+
+## [3.16.0](https://github.com/ChristopherVR/pptx-viewer/releases/tag/pptx-react-viewer@3.16.0) - 2026-09-10
+
+### Features
+
+- **core:** SmartArt fanned-root hanging forests and choose-wrapped text templates (by @ChristopherVR) ([f303bbb](https://github.com/ChristopherVR/pptx-viewer/commit/f303bbbcc535052a3d5fbc4ba5e1898e3e300781))
+- **core:** Size repeater-rendered SmartArt satellites from the diagram-wide userS (by @ChristopherVR) ([fc5e931](https://github.com/ChristopherVR/pptx-viewer/commit/fc5e9313d1876daec8c64632c3579a7bddf8a02a))
+- **core:** Reserve the fan-axis hang gap in transposed tailed hierarchies (by @ChristopherVR) ([0a367d5](https://github.com/ChristopherVR/pptx-viewer/commit/0a367d519e49cd538da2c0a4cf4408a4d94b3a94))
+- **core:** Size nested SmartArt hub-and-satellite rings from the diagram-wide userS (by @ChristopherVR) ([228d624](https://github.com/ChristopherVR/pptx-viewer/commit/228d6242cc07f1946cc82efcffea5d06cf3cbf4e))
+
+### Bug Fixes
+
+- **shared,vanilla:** Space WordArt envelope glyphs across the box and keep paragraph bands apart (by @ChristopherVR) ([e165d72](https://github.com/ChristopherVR/pptx-viewer/commit/e165d7210ba360a79a384206c5459a7630db19a8))
+- **core:** Preserve table inline content order on save (by @Sudhansh6) ([4f38ac3](https://github.com/ChristopherVR/pptx-viewer/commit/4f38ac34fbe7bb92d365159c7951e14cce48ae7d))
+- **shared,core:** Resolve the open code-scanning alerts (by @ChristopherVR) ([e66f068](https://github.com/ChristopherVR/pptx-viewer/commit/e66f06864f472dcd7d94b31435bb8bd1f7054be5))
+- **core:** Preserve empty soft line breaks on load (by @Sudhansh6) ([be9f5f5](https://github.com/ChristopherVR/pptx-viewer/commit/be9f5f59849434f76cc074ea1d49024460ad9164))
+- **core:** Drop the removed ensureItems argument after the soft-break fix (by @ChristopherVR) ([83f9b37](https://github.com/ChristopherVR/pptx-viewer/commit/83f9b37cf590952abeba2e3e7138e4ed7fab81ca))
+- Preserve rich table cells during row and column edits (by @Sudhansh6) ([e83c2eb](https://github.com/ChristopherVR/pptx-viewer/commit/e83c2ebe92b78a7d32ed1d90ebe6765573a2c148))
+
+### Refactor
+
+- **shared:** Move the WordArt canvas measurement helpers to their own module (by @ChristopherVR) ([ed9f400](https://github.com/ChristopherVR/pptx-viewer/commit/ed9f4009b523985c28ea5740404191d3118a03a4))
+
 ## [3.15.0](https://github.com/ChristopherVR/pptx-viewer/releases/tag/pptx-react-viewer@3.15.0) - 2026-09-10
 
 ### Features

package/dist/{AiChatPanel-FAAO6JYZ.mjs → AiChatPanel-D77PKWZT.mjs}

@@ -1,6 +1,6 @@
-import { deckIdFromBridge, isAiAvailable, createAiChatSession, toolCanvasTarget, createChatHistoryStore, focusTargetChips, isTwoTableFocus, mergeTablesDirective, humanizeDiffLine, buildDeckContext, describeToolActivity, summarizeToolArgs, toolLabel } from './chunk-A6UVUZUX.mjs';
-import { cn } from './chunk-ERCY52HH.mjs';
-import './chunk-QVEPXTUB.mjs';
+import { deckIdFromBridge, isAiAvailable, createAiChatSession, toolCanvasTarget, createChatHistoryStore, focusTargetChips, isTwoTableFocus, mergeTablesDirective, humanizeDiffLine, buildDeckContext, describeToolActivity, summarizeToolArgs, toolLabel } from './chunk-K5DP3GFC.mjs';
+import { cn } from './chunk-TX77ZJH6.mjs';
+import './chunk-F3B7MWQ5.mjs';
 import './chunk-HMX3MQR7.mjs';
 import './chunk-XGB3TDIC.mjs';
 import { useMemo, useRef, useState, useEffect, useReducer, useCallback } from 'react';

package/dist/{AiChatPanel-WSH2K7T4.js → AiChatPanel-SNG6LWGZ.js}

@@ -1,8 +1,8 @@
 'use strict';
 
-var chunkY2UFUL7P_js = require('./chunk-Y2UFUL7P.js');
-var chunkW5W75MFP_js = require('./chunk-W5W75MFP.js');
-require('./chunk-L2MOKP3E.js');
+var chunk5ETLPGKA_js = require('./chunk-5ETLPGKA.js');
+var chunk3URR46TX_js = require('./chunk-3URR46TX.js');
+require('./chunk-42YQYM4M.js');
 require('./chunk-3AJ54EAB.js');
 require('./chunk-4VNS5WPM.js');
 var react = require('react');
@@ -23,7 +23,7 @@ function useAiChat(bridge, config) {
     setInitError(void 0);
     void (async () => {
       try {
-        const available = await chunkY2UFUL7P_js.isAiAvailable();
+        const available = await chunk5ETLPGKA_js.isAiAvailable();
         if (cancelled) {
           return;
         }
@@ -31,7 +31,7 @@ function useAiChat(bridge, config) {
           setState("unavailable");
           return;
         }
-        const built = await chunkY2UFUL7P_js.createAiChatSession(bridge, configRef.current);
+        const built = await chunk5ETLPGKA_js.createAiChatSession(bridge, configRef.current);
         if (cancelled) {
           return;
         }
@@ -137,7 +137,7 @@ function withDeckContext(inner, bridge, strategy) {
       }
       let context = "";
       try {
-        context = await chunkY2UFUL7P_js.buildDeckContext(bridge, { strategy, focus: {} });
+        context = await chunk5ETLPGKA_js.buildDeckContext(bridge, { strategy, focus: {} });
       } catch {
         context = "";
       }
@@ -200,7 +200,7 @@ function useAiConversation(useChat, session, config, bridge, options = {}) {
         continue;
       }
       seen.add(call.toolCallId);
-      onToolTargetRef.current?.(chunkY2UFUL7P_js.toolCanvasTarget(call.toolName, call.input));
+      onToolTargetRef.current?.(chunk5ETLPGKA_js.toolCanvasTarget(call.toolName, call.input));
     }
   }, [chat.messages]);
   const send = react.useCallback(
@@ -276,7 +276,7 @@ function deriveTitle(messages) {
 }
 function useAiHistory(input) {
   const { deckId, messages, setMessages } = input;
-  const store = react.useMemo(() => input.store ?? chunkY2UFUL7P_js.createChatHistoryStore(), [input.store]);
+  const store = react.useMemo(() => input.store ?? chunk5ETLPGKA_js.createChatHistoryStore(), [input.store]);
   const [activeChatId, setActiveChatId] = react.useState(newChatId);
   const [chats, setChats] = react.useState([]);
   const createdAtRef = react.useRef(Date.now());
@@ -419,7 +419,7 @@ function AiComposer({
         disabled: value.trim().length === 0,
         title: t("pptx.ai.send"),
         "aria-label": t("pptx.ai.send"),
-        className: chunkW5W75MFP_js.cn(
+        className: chunk3URR46TX_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"
         ),
@@ -442,15 +442,15 @@ function AiFocusBar({
   onClearPicks
 }) {
   const { t } = reactI18next.useTranslation();
-  const chips = chunkY2UFUL7P_js.focusTargetChips(targets, slides);
-  const twoTables = chunkY2UFUL7P_js.isTwoTableFocus(targets, slides);
+  const chips = chunk5ETLPGKA_js.focusTargetChips(targets, slides);
+  const twoTables = chunk5ETLPGKA_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: chunkW5W75MFP_js.cn(
+          className: chunk3URR46TX_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"
           ),
@@ -466,7 +466,7 @@ function AiFocusBar({
           {
             type: "button",
             onClick: () => onSendDirective(
-              chunkY2UFUL7P_js.mergeTablesDirective(
+              chunk5ETLPGKA_js.mergeTablesDirective(
                 twoTables.slideIndex,
                 twoTables.elementIdA,
                 twoTables.elementIdB
@@ -487,7 +487,7 @@ function AiFocusBar({
             title: t("pptx.ai.pickElement"),
             "aria-label": t("pptx.ai.pickAria"),
             "aria-pressed": pickMode,
-            className: chunkW5W75MFP_js.cn(
+            className: chunk3URR46TX_js.cn(
               "rounded-sm p-1 max-md:min-w-[44px]! max-md:min-h-[44px]! flex items-center justify-center",
               pickMode ? "bg-primary text-primary-foreground" : "text-muted-foreground hover:bg-accent"
             ),
@@ -566,7 +566,7 @@ function AiHistoryList({ chats, activeChatId, onResume, onDelete }) {
       {
         type: "button",
         onClick: () => onResume(chat.id),
-        className: chunkW5W75MFP_js.cn(
+        className: chunk3URR46TX_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"
         ),
@@ -721,26 +721,26 @@ function AiToolCallCard({ part }) {
   const failed = part.state === "output-error";
   const done = part.state === "output-available";
   const running = !failed && !done;
-  const activity = chunkY2UFUL7P_js.describeToolActivity(part.toolName, part.input, running ? "present" : "past");
+  const activity = chunk5ETLPGKA_js.describeToolActivity(part.toolName, part.input, running ? "present" : "past");
   const Icon = ICONS[activity.icon] ?? lu.LuWrench;
-  const rawSummary = chunkY2UFUL7P_js.summarizeToolArgs(part.input);
+  const rawSummary = chunk5ETLPGKA_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: chunkW5W75MFP_js.cn(
+          className: chunk3URR46TX_js.cn(
             "w-3.5 h-3.5 shrink-0",
             failed ? "text-destructive" : "text-muted-foreground"
           )
         }
       ),
-      /* @__PURE__ */ jsxRuntime.jsx("span", { className: chunkW5W75MFP_js.cn("truncate", failed ? "text-destructive" : "text-foreground"), children: activity.label }),
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: chunk3URR46TX_js.cn("truncate", failed ? "text-destructive" : "text-foreground"), children: activity.label }),
       /* @__PURE__ */ jsxRuntime.jsxs(
         "span",
         {
-          className: chunkW5W75MFP_js.cn(
+          className: chunk3URR46TX_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"
           ),
@@ -757,7 +757,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: [
-        chunkY2UFUL7P_js.toolLabel(part.toolName),
+        chunk5ETLPGKA_js.toolLabel(part.toolName),
         ": ",
         rawSummary
       ] })
@@ -788,7 +788,7 @@ function AiMessageList({ messages, isStreaming, bridge }) {
         /* @__PURE__ */ jsxRuntime.jsx(
           "div",
           {
-            className: chunkW5W75MFP_js.cn(
+            className: chunk3URR46TX_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"
             ),
@@ -835,7 +835,7 @@ function AiMessageList({ messages, isStreaming, bridge }) {
 }
 function AiProposalCard({ proposal, onAccept, onReject }) {
   const { t } = reactI18next.useTranslation();
-  const lines = proposal.summary.map(chunkY2UFUL7P_js.humanizeDiffLine);
+  const lines = proposal.summary.map(chunk5ETLPGKA_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 }),
@@ -1043,7 +1043,7 @@ function AiChatPanel({
 }) {
   const { t } = reactI18next.useTranslation();
   const { state, session, initError } = useAiChat(bridge, config);
-  const deckId = react.useMemo(() => chunkY2UFUL7P_js.deckIdFromBridge(bridge), [bridge]);
+  const deckId = react.useMemo(() => chunk5ETLPGKA_js.deckIdFromBridge(bridge), [bridge]);
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
     {

package/dist/{Area3DChartScene-LGLVVQEB.mjs → Area3DChartScene-3RNVCXU6.mjs}

@@ -1,5 +1,5 @@
 import { useStableChart3DInteraction, useLatestRef } from './chunk-T6GFCLSM.mjs';
-import { mountAreaChart3D } from './chunk-QVEPXTUB.mjs';
+import { mountAreaChart3D } from './chunk-F3B7MWQ5.mjs';
 import './chunk-XGB3TDIC.mjs';
 import { useRef, useEffect } from 'react';
 import { jsx } from 'react/jsx-runtime';

package/dist/{Area3DChartScene-PTKML4PN.js → Area3DChartScene-4IS4EKPJ.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 var chunkDNR6CH6I_js = require('./chunk-DNR6CH6I.js');
-var chunkL2MOKP3E_js = require('./chunk-L2MOKP3E.js');
+var chunk42YQYM4M_js = require('./chunk-42YQYM4M.js');
 require('./chunk-4VNS5WPM.js');
 var react = require('react');
 var jsxRuntime = require('react/jsx-runtime');
@@ -23,7 +23,7 @@ function Area3DChartScene({
       return;
     }
     let disposed = false;
-    void chunkL2MOKP3E_js.mountAreaChart3D(container, options, stableInteraction).then((handle) => {
+    void chunk42YQYM4M_js.mountAreaChart3D(container, options, stableInteraction).then((handle) => {
       if (disposed) {
         handle.dispose();
       } else {

package/dist/{Bar3DChartScene-UXC4LE44.js → Bar3DChartScene-OODRQGK6.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 var chunkDNR6CH6I_js = require('./chunk-DNR6CH6I.js');
-var chunkL2MOKP3E_js = require('./chunk-L2MOKP3E.js');
+var chunk42YQYM4M_js = require('./chunk-42YQYM4M.js');
 require('./chunk-4VNS5WPM.js');
 var react = require('react');
 var jsxRuntime = require('react/jsx-runtime');
@@ -23,7 +23,7 @@ function Bar3DChartScene({
       return;
     }
     let disposed = false;
-    void chunkL2MOKP3E_js.mountBarChart3D(container, options, stableInteraction).then((handle) => {
+    void chunk42YQYM4M_js.mountBarChart3D(container, options, stableInteraction).then((handle) => {
       if (disposed) {
         handle.dispose();
       } else {

package/dist/{Bar3DChartScene-HCP7MA3A.mjs → Bar3DChartScene-VKGLA3KB.mjs}

@@ -1,5 +1,5 @@
 import { useStableChart3DInteraction, useLatestRef } from './chunk-T6GFCLSM.mjs';
-import { mountBarChart3D } from './chunk-QVEPXTUB.mjs';
+import { mountBarChart3D } from './chunk-F3B7MWQ5.mjs';
 import './chunk-XGB3TDIC.mjs';
 import { useRef, useEffect } from 'react';
 import { jsx } from 'react/jsx-runtime';

package/dist/{Line3DChartScene-JF54KXMH.mjs → Line3DChartScene-EPLCFAC5.mjs}

@@ -1,5 +1,5 @@
 import { useStableChart3DInteraction, useLatestRef } from './chunk-T6GFCLSM.mjs';
-import { mountLineChart3D } from './chunk-QVEPXTUB.mjs';
+import { mountLineChart3D } from './chunk-F3B7MWQ5.mjs';
 import './chunk-XGB3TDIC.mjs';
 import { useRef, useEffect } from 'react';
 import { jsx } from 'react/jsx-runtime';

package/dist/{Line3DChartScene-Z2EVGX4C.js → Line3DChartScene-Y6QDWIFG.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 var chunkDNR6CH6I_js = require('./chunk-DNR6CH6I.js');
-var chunkL2MOKP3E_js = require('./chunk-L2MOKP3E.js');
+var chunk42YQYM4M_js = require('./chunk-42YQYM4M.js');
 require('./chunk-4VNS5WPM.js');
 var react = require('react');
 var jsxRuntime = require('react/jsx-runtime');
@@ -23,7 +23,7 @@ function Line3DChartScene({
       return;
     }
     let disposed = false;
-    void chunkL2MOKP3E_js.mountLineChart3D(container, options, stableInteraction).then((handle) => {
+    void chunk42YQYM4M_js.mountLineChart3D(container, options, stableInteraction).then((handle) => {
       if (disposed) {
         handle.dispose();
       } else {

package/dist/{Model3DScene-YWQBX477.mjs → Model3DScene-3MYNMS6E.mjs}

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

package/dist/{Model3DScene-ZBOF56VV.js → Model3DScene-TS35CVPY.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunkL2MOKP3E_js = require('./chunk-L2MOKP3E.js');
+var chunk42YQYM4M_js = require('./chunk-42YQYM4M.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 chunkL2MOKP3E_js.mountModel3D(container, modelUrl, { width, height, interactive }).then((handle) => {
+    void chunk42YQYM4M_js.mountModel3D(container, modelUrl, { width, height, interactive }).then((handle) => {
       if (disposed) {
         handle.dispose();
       } else {

package/dist/{PieChart3DScene-JPQTAS34.js → PieChart3DScene-FMVV6AYF.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 var chunkDNR6CH6I_js = require('./chunk-DNR6CH6I.js');
-var chunkL2MOKP3E_js = require('./chunk-L2MOKP3E.js');
+var chunk42YQYM4M_js = require('./chunk-42YQYM4M.js');
 require('./chunk-4VNS5WPM.js');
 var react = require('react');
 var jsxRuntime = require('react/jsx-runtime');
@@ -21,7 +21,7 @@ function PieChart3DScene({
       return;
     }
     let disposed = false;
-    void chunkL2MOKP3E_js.mountPieChart3D(container, options, stableInteraction).then((handle) => {
+    void chunk42YQYM4M_js.mountPieChart3D(container, options, stableInteraction).then((handle) => {
       if (disposed) {
         handle.dispose();
       } else {

package/dist/{PieChart3DScene-4TRQ4V3M.mjs → PieChart3DScene-UZQFG6GM.mjs}

@@ -1,5 +1,5 @@
 import { useStableChart3DInteraction, useLatestRef } from './chunk-T6GFCLSM.mjs';
-import { mountPieChart3D } from './chunk-QVEPXTUB.mjs';
+import { mountPieChart3D } from './chunk-F3B7MWQ5.mjs';
 import './chunk-XGB3TDIC.mjs';
 import { useRef, useEffect } from 'react';
 import { jsx } from 'react/jsx-runtime';

package/dist/{SurfaceChart3DScene-P3LX35OP.js → SurfaceChart3DScene-T6HOOYKR.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 var chunkDNR6CH6I_js = require('./chunk-DNR6CH6I.js');
-var chunkL2MOKP3E_js = require('./chunk-L2MOKP3E.js');
+var chunk42YQYM4M_js = require('./chunk-42YQYM4M.js');
 require('./chunk-4VNS5WPM.js');
 var react = require('react');
 var jsxRuntime = require('react/jsx-runtime');
@@ -23,7 +23,7 @@ function SurfaceChart3DScene({
       return;
     }
     let disposed = false;
-    void chunkL2MOKP3E_js.mountSurfaceChart3D(container, options, stableInteraction).then((handle) => {
+    void chunk42YQYM4M_js.mountSurfaceChart3D(container, options, stableInteraction).then((handle) => {
       if (disposed) {
         handle.dispose();
       } else {

package/dist/{SurfaceChart3DScene-N76RNCUY.mjs → SurfaceChart3DScene-UWRHDZMG.mjs}

@@ -1,5 +1,5 @@
 import { useStableChart3DInteraction, useLatestRef } from './chunk-T6GFCLSM.mjs';
-import { mountSurfaceChart3D } from './chunk-QVEPXTUB.mjs';
+import { mountSurfaceChart3D } from './chunk-F3B7MWQ5.mjs';
 import './chunk-XGB3TDIC.mjs';
 import { useRef, useEffect } from 'react';
 import { jsx } from 'react/jsx-runtime';