pptx-react-viewer 3.0.4 → 3.1.1

package/CHANGELOG.md

@@ -7,6 +7,69 @@ 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.1.0](https://github.com/ChristopherVR/pptx-viewer/releases/tag/pptx-react-viewer@3.1.0) - 2026-08-28
+
+### Features
+
+- **core:** Decrypt RC4-encrypted legacy .ppt files (by @ChristopherVR) ([b95adc7](https://github.com/ChristopherVR/pptx-viewer/commit/b95adc74f036eefd4d44af441fa600512ff44282))
+- **ole:** Make embedded OLE objects' Object Name editable (by @ChristopherVR) ([e06b32c](https://github.com/ChristopherVR/pptx-viewer/commit/e06b32c1b4e9375c37916097b494ab05bf4b7850))
+- **shared:** Add Pareto as an insertable chart type (by @ChristopherVR) ([8fea110](https://github.com/ChristopherVR/pptx-viewer/commit/8fea110ef6aa4036fee97f232f4f7d8ecd5f7b94))
+- **core:** Support writing ECMA-376 Standard scheme encryption (by @ChristopherVR) ([210d2a2](https://github.com/ChristopherVR/pptx-viewer/commit/210d2a22603467092f667f031bc7881f7e7833bf))
+- **shared:** Apply the shadeToTitle background gradient effect (by @ChristopherVR) ([f287389](https://github.com/ChristopherVR/pptx-viewer/commit/f2873891828125b315f2cae2155824c84609626f))
+- **core:** Allow animation drag-to-reorder across deck-native effects (by @ChristopherVR) ([6f48a34](https://github.com/ChristopherVR/pptx-viewer/commit/6f48a3455338c78f34c4d0978bcc4cf0be075db2))
+- Author animation effect sound and after-animation controls (by @ChristopherVR) ([78daeb4](https://github.com/ChristopherVR/pptx-viewer/commit/78daeb4276733fe5ed048872d262a8cf080bfc3b))
+- **shared:** Honour p:seq @concurrent/@nextAc/@prevAc and p:cTn @restart (by @ChristopherVR) ([3e3427d](https://github.com/ChristopherVR/pptx-viewer/commit/3e3427d9d747ae97485a5186b59e3d5aa80c1579))
+- **shared:** Honour animRot/animScale absolute values, tavLst, txEl ranges, p:excl and bldLvl in playback (by @ChristopherVR) ([f71396b](https://github.com/ChristopherVR/pptx-viewer/commit/f71396bbc1309909aa3eecfd4855268f4e6fbfac))
+- **shared:** Resolve 9 more SMIL animEffect filter families to real reveals (by @ChristopherVR) ([e47aa40](https://github.com/ChristopherVR/pptx-viewer/commit/e47aa409b5bcd10c24eadad3fb9aa8ab8f055fbd))
+- Author and embed transition sounds from the ribbon Sound picker (by @ChristopherVR) ([ada8cdb](https://github.com/ChristopherVR/pptx-viewer/commit/ada8cdb65a0689660b9afc852d0a85e2a1b04534))
+- Expose transition speed and morph-option controls in all five bindings (by @ChristopherVR) ([122894d](https://github.com/ChristopherVR/pptx-viewer/commit/122894db9366c91a87371311bf4f69ccbf53ffb4))
+- **ink:** Retain pen-tilt InkML channels and render a calligraphic nib (by @ChristopherVR) ([6adab79](https://github.com/ChristopherVR/pptx-viewer/commit/6adab79f7cf8ae19346c3e74d34413cccd2eb08f))
+- **shared:** Raycast hover tooltip for surface chart marks (by @ChristopherVR) ([c943646](https://github.com/ChristopherVR/pptx-viewer/commit/c9436468d2a1997168f12d079e0da758ab488758))
+- **shared:** Resolve stretch, newsflash and random animEffect filters (by @ChristopherVR) ([58c898e](https://github.com/ChristopherVR/pptx-viewer/commit/58c898e55c2fb520cde7845baf8ae4b2e7a1c224))
+- **core,shared:** Surface p:tavLst attrName, honour colour ramps (by @ChristopherVR) ([2ccf45f](https://github.com/ChristopherVR/pptx-viewer/commit/2ccf45fbcb23da9e0084769c0895b35cfc027326))
+- **shared:** Widen native-animation preset playback coverage to 54/200 (by @ChristopherVR) ([41e2b52](https://github.com/ChristopherVR/pptx-viewer/commit/41e2b526dc654e4f7c24f3dd9026eb3124c47dd5))
+- **shared:** True 3D bar3D chart scene via three.js, opt-in all bindings (by @ChristopherVR) ([ac920da](https://github.com/ChristopherVR/pptx-viewer/commit/ac920da1d2cc302f36ba7b2b19dc4011ac5aae07))
+- **shared:** True 3D line3D/area3D chart scenes via three.js, opt-in all bindings (by @ChristopherVR) ([1447517](https://github.com/ChristopherVR/pptx-viewer/commit/1447517ee8c95ca958146f668a5cd0f64616b473))
+- **charts:** Give pie3D charts true 3D rendering across all bindings (by @ChristopherVR) ([a1b32e7](https://github.com/ChristopherVR/pptx-viewer/commit/a1b32e7b9c44230f35d9c73cf786f8594b4b4157))
+
+### Bug Fixes
+
+- Author Draw-tab ink as a PowerPoint-compatible content part (by @ChristopherVR) ([d91ce08](https://github.com/ChristopherVR/pptx-viewer/commit/d91ce08757c3697eab6891808e527c5e1eaea555))
+- **animation:** Correct swapped exit/emphasis presets, cover 4 more IDs (by @ChristopherVR) ([11c2d2e](https://github.com/ChristopherVR/pptx-viewer/commit/11c2d2e8e68b0539c9920d8c6de4de93ca2cc5e1))
+- **shared:** Capture Draw tool pressure in all five bindings (by @ChristopherVR) ([b8a124a](https://github.com/ChristopherVR/pptx-viewer/commit/b8a124ae7cd48733b00baac11dda325eeefeea43))
+- **shared:** Sample ink pressure curves along the actual Bezier path (by @ChristopherVR) ([629ab5d](https://github.com/ChristopherVR/pptx-viewer/commit/629ab5dc8af3fee409376176a2b92e0e0ed26c12))
+- **core:** Honour text-run reflection scale/skew/rotation/fade/anchor (by @ChristopherVR) ([41dfa76](https://github.com/ChristopherVR/pptx-viewer/commit/41dfa76c9540136b5c09fee52e21d8d0bc3e079c))
+- **shared:** Render rect path gradients as nested rectangles, not an ellipse (by @ChristopherVR) ([f6f479e](https://github.com/ChristopherVR/pptx-viewer/commit/f6f479ece08a4c632db8bb4840377641079dcf3b))
+- **shared:** Add elliptical tilt foreshortening to pie3D charts (by @ChristopherVR) ([63f57ba](https://github.com/ChristopherVR/pptx-viewer/commit/63f57ba146b6918e068ace19449ce3964140968a))
+- **shared:** Claim morph proximity pairs closest-first, not by document order (by @ChristopherVR) ([b68a04d](https://github.com/ChristopherVR/pptx-viewer/commit/b68a04d120f15db4d2fd4c2f2c33ac31761f208b))
+- **deps:** Converge ai-sdk adapters on a single ai package version, fix two flaky tests (by @ChristopherVR) ([4365a02](https://github.com/ChristopherVR/pptx-viewer/commit/4365a0222d80abc4ba2d651a464dfb353f882656))
+- **core:** Author Draw-tab ink InkML that real PowerPoint actually opens (by @ChristopherVR) ([38633c7](https://github.com/ChristopherVR/pptx-viewer/commit/38633c7f25af358c24ea91c42019ad76b786ca54))
+- **animation:** Correct tests left stale by combining independent preset fix waves (by @ChristopherVR) ([02371bb](https://github.com/ChristopherVR/pptx-viewer/commit/02371bbdb1b6124b47be1932a7af80c5ddfbee20))
+- **charts:** Repair merge conflicts left broken by a diff3 edge case, wire remaining demos (by @ChristopherVR) ([42d550d](https://github.com/ChristopherVR/pptx-viewer/commit/42d550d6016ab0fc8ae2b5c643958cdf43f1020b))
+
+### Testing
+
+- **core:** Cover lte/equ ops and multi-hop bounds for SmartArt constraints (by @ChristopherVR) ([3d8c5a0](https://github.com/ChristopherVR/pptx-viewer/commit/3d8c5a08c85f7652dd2ba08cf9e345f98a767f8c))
+- **react:** Fix stale duplicate preset-mapping expectations (by @ChristopherVR) ([7b302b6](https://github.com/ChristopherVR/pptx-viewer/commit/7b302b64d95acb4ba877b8c7592806ceb8478c28))
+
+### Chores
+
+- Reformat limitations.md table and a core test after merge (by @ChristopherVR) ([d9db1f7](https://github.com/ChristopherVR/pptx-viewer/commit/d9db1f7c32e0ee7383837ac6db668e10a6060752))
+- Fix oxfmt comment placement in ppt-import.test.ts (by @ChristopherVR) ([7cb2d3d](https://github.com/ChristopherVR/pptx-viewer/commit/7cb2d3dabe470f4a0ad2a2023d90a1f9642d2c28))
+
+## [3.0.4](https://github.com/ChristopherVR/pptx-viewer/releases/tag/pptx-react-viewer@3.0.4) - 2026-08-26
+
+### Bug Fixes
+
+- Stop duplicate inline-edit text render and fix ribbon popup clipping (by @ChristopherVR) ([f084c64](https://github.com/ChristopherVR/pptx-viewer/commit/f084c64c6bb69135b60f083200180933a7f770f7))
+- Derive mobile chrome from the browser viewport, not the container (by @ChristopherVR) ([29e5ea1](https://github.com/ChristopherVR/pptx-viewer/commit/29e5ea17b87411fa2058e2d0a25a2323ce6a1133))
+
+### Dependencies
+
+- **deps:** Bump @ai-sdk/react from 4.0.80 to 4.0.76 ([#180](https://github.com/ChristopherVR/pptx-viewer/issues/180)) (by @dependabot[bot]) ([52c368d](https://github.com/ChristopherVR/pptx-viewer/commit/52c368d47e20e8afc977b4374ee59c594071c89b))
+- **deps:** Update fast-xml-parser requirement from ^5.10.1 to ^5.11.0 ([#177](https://github.com/ChristopherVR/pptx-viewer/issues/177)) (by @dependabot[bot]) ([a876e0f](https://github.com/ChristopherVR/pptx-viewer/commit/a876e0f5fd07fd2e7063619882313cc23c4a0162))
+- **deps:** Update dompurify requirement from ^3.4.13 to ^3.4.14 ([#173](https://github.com/ChristopherVR/pptx-viewer/issues/173)) (by @dependabot[bot]) ([19afbe1](https://github.com/ChristopherVR/pptx-viewer/commit/19afbe117520bbdeb2c8e930332ae5133df21c30))
+
 ## [3.0.3](https://github.com/ChristopherVR/pptx-viewer/releases/tag/pptx-react-viewer@3.0.3) - 2026-08-22
 
 ### Bug Fixes

package/dist/{AiChatPanel-E4V3FYLR.js → AiChatPanel-6PERJN7M.js}

@@ -1,9 +1,9 @@
 'use strict';
 
-var chunk5IYGA2HX_js = require('./chunk-5IYGA2HX.js');
-var chunkZ4F5BCQB_js = require('./chunk-Z4F5BCQB.js');
-require('./chunk-U6A5FWWE.js');
-require('./chunk-7HPI5HBA.js');
+var chunkOZGFMZEX_js = require('./chunk-OZGFMZEX.js');
+var chunkGCE2TYHF_js = require('./chunk-GCE2TYHF.js');
+require('./chunk-PIUB7R2K.js');
+require('./chunk-IDTNKL4S.js');
 require('./chunk-4VNS5WPM.js');
 var react = require('react');
 var reactI18next = require('react-i18next');
@@ -23,7 +23,7 @@ function useAiChat(bridge, config) {
     setInitError(void 0);
     void (async () => {
       try {
-        const available = await chunk5IYGA2HX_js.isAiAvailable();
+        const available = await chunkOZGFMZEX_js.isAiAvailable();
         if (cancelled) {
           return;
         }
@@ -31,7 +31,7 @@ function useAiChat(bridge, config) {
           setState("unavailable");
           return;
         }
-        const built = await chunk5IYGA2HX_js.createAiChatSession(bridge, configRef.current);
+        const built = await chunkOZGFMZEX_js.createAiChatSession(bridge, configRef.current);
         if (cancelled) {
           return;
         }
@@ -137,7 +137,7 @@ function withDeckContext(inner, bridge, strategy) {
       }
       let context = "";
       try {
-        context = await chunk5IYGA2HX_js.buildDeckContext(bridge, { strategy, focus: {} });
+        context = await chunkOZGFMZEX_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?.(chunk5IYGA2HX_js.toolCanvasTarget(call.toolName, call.input));
+      onToolTargetRef.current?.(chunkOZGFMZEX_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 ?? chunk5IYGA2HX_js.createChatHistoryStore(), [input.store]);
+  const store = react.useMemo(() => input.store ?? chunkOZGFMZEX_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: chunkZ4F5BCQB_js.cn(
+        className: chunkGCE2TYHF_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"
         ),
@@ -445,15 +445,15 @@ function AiFocusBar({
   onClearPicks
 }) {
   const { t } = reactI18next.useTranslation();
-  const chips = chunk5IYGA2HX_js.focusTargetChips(targets, slides);
-  const twoTables = chunk5IYGA2HX_js.isTwoTableFocus(targets, slides);
+  const chips = chunkOZGFMZEX_js.focusTargetChips(targets, slides);
+  const twoTables = chunkOZGFMZEX_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: chunkZ4F5BCQB_js.cn(
+          className: chunkGCE2TYHF_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"
           ),
@@ -486,7 +486,7 @@ function AiFocusBar({
             title: t("pptx.ai.pickElement"),
             "aria-label": t("pptx.ai.pickAria"),
             "aria-pressed": pickMode,
-            className: chunkZ4F5BCQB_js.cn(
+            className: chunkGCE2TYHF_js.cn(
               "rounded-sm p-1",
               pickMode ? "bg-primary text-primary-foreground" : "text-muted-foreground hover:bg-accent"
             ),
@@ -565,7 +565,7 @@ function AiHistoryList({ chats, activeChatId, onResume, onDelete }) {
       {
         type: "button",
         onClick: () => onResume(chat.id),
-        className: chunkZ4F5BCQB_js.cn(
+        className: chunkGCE2TYHF_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"
         ),
@@ -720,26 +720,26 @@ function AiToolCallCard({ part }) {
   const failed = part.state === "output-error";
   const done = part.state === "output-available";
   const running = !failed && !done;
-  const activity = chunk5IYGA2HX_js.describeToolActivity(part.toolName, part.input, running ? "present" : "past");
+  const activity = chunkOZGFMZEX_js.describeToolActivity(part.toolName, part.input, running ? "present" : "past");
   const Icon = ICONS[activity.icon] ?? lu.LuWrench;
-  const rawSummary = chunk5IYGA2HX_js.summarizeToolArgs(part.input);
+  const rawSummary = chunkOZGFMZEX_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: chunkZ4F5BCQB_js.cn(
+          className: chunkGCE2TYHF_js.cn(
             "w-3.5 h-3.5 shrink-0",
             failed ? "text-destructive" : "text-muted-foreground"
           )
         }
       ),
-      /* @__PURE__ */ jsxRuntime.jsx("span", { className: chunkZ4F5BCQB_js.cn("truncate", failed ? "text-destructive" : "text-foreground"), children: activity.label }),
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: chunkGCE2TYHF_js.cn("truncate", failed ? "text-destructive" : "text-foreground"), children: activity.label }),
       /* @__PURE__ */ jsxRuntime.jsxs(
         "span",
         {
-          className: chunkZ4F5BCQB_js.cn(
+          className: chunkGCE2TYHF_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"
           ),
@@ -756,7 +756,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: [
-        chunk5IYGA2HX_js.toolLabel(part.toolName),
+        chunkOZGFMZEX_js.toolLabel(part.toolName),
         ": ",
         rawSummary
       ] })
@@ -787,7 +787,7 @@ function AiMessageList({ messages, isStreaming, bridge }) {
         /* @__PURE__ */ jsxRuntime.jsx(
           "div",
           {
-            className: chunkZ4F5BCQB_js.cn(
+            className: chunkGCE2TYHF_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"
             ),
@@ -834,7 +834,7 @@ function AiMessageList({ messages, isStreaming, bridge }) {
 }
 function AiProposalCard({ proposal, onAccept, onReject }) {
   const { t } = reactI18next.useTranslation();
-  const lines = proposal.summary.map(chunk5IYGA2HX_js.humanizeDiffLine);
+  const lines = proposal.summary.map(chunkOZGFMZEX_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 }),
@@ -1042,7 +1042,7 @@ function AiChatPanel({
 }) {
   const { t } = reactI18next.useTranslation();
   const { state, session, initError } = useAiChat(bridge, config);
-  const deckId = react.useMemo(() => chunk5IYGA2HX_js.deckIdFromBridge(bridge), [bridge]);
+  const deckId = react.useMemo(() => chunkOZGFMZEX_js.deckIdFromBridge(bridge), [bridge]);
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
     {

package/dist/{AiChatPanel-GSTUOESI.mjs → AiChatPanel-EIENGCKW.mjs}

@@ -1,7 +1,7 @@
-import { deckIdFromBridge, isAiAvailable, createAiChatSession, toolCanvasTarget, createChatHistoryStore, focusTargetChips, isTwoTableFocus, humanizeDiffLine, buildDeckContext, describeToolActivity, summarizeToolArgs, toolLabel } from './chunk-J4KXCPQ3.mjs';
-import { cn } from './chunk-6ILXI752.mjs';
-import './chunk-L5MNLIQF.mjs';
-import './chunk-V7ZLEZ5W.mjs';
+import { deckIdFromBridge, isAiAvailable, createAiChatSession, toolCanvasTarget, createChatHistoryStore, focusTargetChips, isTwoTableFocus, humanizeDiffLine, buildDeckContext, describeToolActivity, summarizeToolArgs, toolLabel } from './chunk-5ERW2B25.mjs';
+import { cn } from './chunk-OUX4O5XK.mjs';
+import './chunk-MKPSUHUH.mjs';
+import './chunk-ISDTM2V3.mjs';
 import './chunk-XGB3TDIC.mjs';
 import { useMemo, useRef, useState, useEffect, useReducer, useCallback } from 'react';
 import { useTranslation } from 'react-i18next';

package/dist/Area3DChartScene-TXCLQLBQ.js

@@ -0,0 +1,47 @@
+'use strict';
+
+var chunkIDTNKL4S_js = require('./chunk-IDTNKL4S.js');
+require('./chunk-4VNS5WPM.js');
+var react = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+
+function Area3DChartScene({ options }) {
+  const containerRef = react.useRef(null);
+  const handleRef = react.useRef(null);
+  react.useEffect(() => {
+    const container = containerRef.current;
+    if (!container) {
+      return;
+    }
+    let disposed = false;
+    void chunkIDTNKL4S_js.mountAreaChart3D(container, options).then((handle) => {
+      if (disposed) {
+        handle.dispose();
+      } else {
+        handleRef.current = handle;
+      }
+      return void 0;
+    });
+    return () => {
+      disposed = true;
+      handleRef.current?.dispose();
+      handleRef.current = null;
+    };
+  }, [options]);
+  react.useEffect(() => {
+    handleRef.current?.resize(options.width, options.height);
+  }, [options.width, options.height]);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      ref: containerRef,
+      style: {
+        width: options.width,
+        height: options.height,
+        willChange: "transform"
+      }
+    }
+  );
+}
+
+module.exports = Area3DChartScene;

package/dist/Area3DChartScene-W6SVC235.mjs

@@ -0,0 +1,45 @@
+import { mountAreaChart3D } from './chunk-ISDTM2V3.mjs';
+import './chunk-XGB3TDIC.mjs';
+import { useRef, useEffect } from 'react';
+import { jsx } from 'react/jsx-runtime';
+
+function Area3DChartScene({ options }) {
+  const containerRef = useRef(null);
+  const handleRef = useRef(null);
+  useEffect(() => {
+    const container = containerRef.current;
+    if (!container) {
+      return;
+    }
+    let disposed = false;
+    void mountAreaChart3D(container, options).then((handle) => {
+      if (disposed) {
+        handle.dispose();
+      } else {
+        handleRef.current = handle;
+      }
+      return void 0;
+    });
+    return () => {
+      disposed = true;
+      handleRef.current?.dispose();
+      handleRef.current = null;
+    };
+  }, [options]);
+  useEffect(() => {
+    handleRef.current?.resize(options.width, options.height);
+  }, [options.width, options.height]);
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref: containerRef,
+      style: {
+        width: options.width,
+        height: options.height,
+        willChange: "transform"
+      }
+    }
+  );
+}
+
+export { Area3DChartScene as default };

package/dist/Bar3DChartScene-6RHPFLZT.js

@@ -0,0 +1,47 @@
+'use strict';
+
+var chunkIDTNKL4S_js = require('./chunk-IDTNKL4S.js');
+require('./chunk-4VNS5WPM.js');
+var react = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+
+function Bar3DChartScene({ options }) {
+  const containerRef = react.useRef(null);
+  const handleRef = react.useRef(null);
+  react.useEffect(() => {
+    const container = containerRef.current;
+    if (!container) {
+      return;
+    }
+    let disposed = false;
+    void chunkIDTNKL4S_js.mountBarChart3D(container, options).then((handle) => {
+      if (disposed) {
+        handle.dispose();
+      } else {
+        handleRef.current = handle;
+      }
+      return void 0;
+    });
+    return () => {
+      disposed = true;
+      handleRef.current?.dispose();
+      handleRef.current = null;
+    };
+  }, [options]);
+  react.useEffect(() => {
+    handleRef.current?.resize(options.width, options.height);
+  }, [options.width, options.height]);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      ref: containerRef,
+      style: {
+        width: options.width,
+        height: options.height,
+        willChange: "transform"
+      }
+    }
+  );
+}
+
+module.exports = Bar3DChartScene;

package/dist/Bar3DChartScene-FCVUZIJ3.mjs

@@ -0,0 +1,45 @@
+import { mountBarChart3D } from './chunk-ISDTM2V3.mjs';
+import './chunk-XGB3TDIC.mjs';
+import { useRef, useEffect } from 'react';
+import { jsx } from 'react/jsx-runtime';
+
+function Bar3DChartScene({ options }) {
+  const containerRef = useRef(null);
+  const handleRef = useRef(null);
+  useEffect(() => {
+    const container = containerRef.current;
+    if (!container) {
+      return;
+    }
+    let disposed = false;
+    void mountBarChart3D(container, options).then((handle) => {
+      if (disposed) {
+        handle.dispose();
+      } else {
+        handleRef.current = handle;
+      }
+      return void 0;
+    });
+    return () => {
+      disposed = true;
+      handleRef.current?.dispose();
+      handleRef.current = null;
+    };
+  }, [options]);
+  useEffect(() => {
+    handleRef.current?.resize(options.width, options.height);
+  }, [options.width, options.height]);
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref: containerRef,
+      style: {
+        width: options.width,
+        height: options.height,
+        willChange: "transform"
+      }
+    }
+  );
+}
+
+export { Bar3DChartScene as default };

package/dist/Line3DChartScene-2ZFE53KO.js

@@ -0,0 +1,47 @@
+'use strict';
+
+var chunkIDTNKL4S_js = require('./chunk-IDTNKL4S.js');
+require('./chunk-4VNS5WPM.js');
+var react = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+
+function Line3DChartScene({ options }) {
+  const containerRef = react.useRef(null);
+  const handleRef = react.useRef(null);
+  react.useEffect(() => {
+    const container = containerRef.current;
+    if (!container) {
+      return;
+    }
+    let disposed = false;
+    void chunkIDTNKL4S_js.mountLineChart3D(container, options).then((handle) => {
+      if (disposed) {
+        handle.dispose();
+      } else {
+        handleRef.current = handle;
+      }
+      return void 0;
+    });
+    return () => {
+      disposed = true;
+      handleRef.current?.dispose();
+      handleRef.current = null;
+    };
+  }, [options]);
+  react.useEffect(() => {
+    handleRef.current?.resize(options.width, options.height);
+  }, [options.width, options.height]);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      ref: containerRef,
+      style: {
+        width: options.width,
+        height: options.height,
+        willChange: "transform"
+      }
+    }
+  );
+}
+
+module.exports = Line3DChartScene;

package/dist/Line3DChartScene-MJXFXSPW.mjs

@@ -0,0 +1,45 @@
+import { mountLineChart3D } from './chunk-ISDTM2V3.mjs';
+import './chunk-XGB3TDIC.mjs';
+import { useRef, useEffect } from 'react';
+import { jsx } from 'react/jsx-runtime';
+
+function Line3DChartScene({ options }) {
+  const containerRef = useRef(null);
+  const handleRef = useRef(null);
+  useEffect(() => {
+    const container = containerRef.current;
+    if (!container) {
+      return;
+    }
+    let disposed = false;
+    void mountLineChart3D(container, options).then((handle) => {
+      if (disposed) {
+        handle.dispose();
+      } else {
+        handleRef.current = handle;
+      }
+      return void 0;
+    });
+    return () => {
+      disposed = true;
+      handleRef.current?.dispose();
+      handleRef.current = null;
+    };
+  }, [options]);
+  useEffect(() => {
+    handleRef.current?.resize(options.width, options.height);
+  }, [options.width, options.height]);
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref: containerRef,
+      style: {
+        width: options.width,
+        height: options.height,
+        willChange: "transform"
+      }
+    }
+  );
+}
+
+export { Line3DChartScene as default };

package/dist/{Model3DScene-45JR5NXN.js → Model3DScene-7VQNRY5B.js}

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

package/dist/{Model3DScene-634CXE46.mjs → Model3DScene-A5RV3KNJ.mjs}

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