pptx-react-viewer 4.1.6 → 4.2.0

package/dist/SmartArt3DScene-NHD7CZJ5.js

@@ -1,502 +0,0 @@
-'use strict';
-
-var chunkDNR6CH6I_js = require('./chunk-DNR6CH6I.js');
-var chunkIXS7DALE_js = require('./chunk-IXS7DALE.js');
-var chunk3N6AC4HA_js = require('./chunk-3N6AC4HA.js');
-require('./chunk-4VNS5WPM.js');
-var react = require('react');
-var jsxRuntime = require('react/jsx-runtime');
-
-// ../shared/dist/smartart-3d/index.mjs
-var SUPERSAMPLE = 4;
-var FILL = 0.86;
-function wrapLines(ctx, text, maxWidth) {
-  const words = text.split(/\s+/u).filter(Boolean);
-  if (words.length === 0) {
-    return [];
-  }
-  const lines = [];
-  let line = words[0];
-  for (let i = 1; i < words.length; i++) {
-    const candidate = `${line} ${words[i]}`;
-    if (ctx.measureText(candidate).width <= maxWidth) {
-      line = candidate;
-    } else {
-      lines.push(line);
-      line = words[i];
-    }
-  }
-  lines.push(line);
-  return lines;
-}
-function resolveEmphasisFont(color, emphasis) {
-  const weight = emphasis?.bold === void 0 ? "600" : emphasis.bold ? "700" : "400";
-  const italic = emphasis?.italic ? "italic " : "";
-  const scale = typeof emphasis?.fontScale === "number" && Number.isFinite(emphasis.fontScale) && emphasis.fontScale > 0 ? emphasis.fontScale : 1;
-  return { weight, italic, color: emphasis?.color ?? color, scale };
-}
-function makeTextTexture(text, color, fontSize, footW, footH, emphasis) {
-  if (typeof document === "undefined" || !text.trim() || footW <= 0 || footH <= 0) {
-    return null;
-  }
-  const { weight, italic, color: effectiveColor, scale } = resolveEmphasisFont(color, emphasis);
-  const worldWidth = footW * FILL;
-  const worldHeight = footH * FILL;
-  const canvas = document.createElement("canvas");
-  canvas.width = Math.max(8, Math.round(worldWidth * SUPERSAMPLE));
-  canvas.height = Math.max(8, Math.round(worldHeight * SUPERSAMPLE));
-  const ctx = canvas.getContext("2d");
-  if (!ctx) {
-    return null;
-  }
-  const family = "system-ui, -apple-system, Segoe UI, Roboto, sans-serif";
-  const maxTextWidth = canvas.width * 0.94;
-  const fontString = (px2) => `${italic}${weight} ${px2}px ${family}`;
-  let px = Math.max(6, fontSize) * scale * SUPERSAMPLE;
-  let lines = [];
-  for (let attempt = 0; attempt < 12; attempt++) {
-    ctx.font = fontString(px);
-    lines = wrapLines(ctx, text, maxTextWidth);
-    const lineHeight2 = px * 1.2;
-    if (lines.length * lineHeight2 <= canvas.height * 0.96 || px <= 6 * SUPERSAMPLE) {
-      break;
-    }
-    px *= 0.88;
-  }
-  ctx.clearRect(0, 0, canvas.width, canvas.height);
-  ctx.fillStyle = effectiveColor;
-  ctx.textAlign = "center";
-  ctx.textBaseline = "middle";
-  ctx.font = fontString(px);
-  const lineHeight = px * 1.2;
-  const blockHeight = lines.length * lineHeight;
-  const startY = canvas.height / 2 - blockHeight / 2 + lineHeight / 2;
-  for (let i = 0; i < lines.length; i++) {
-    const y = startY + i * lineHeight;
-    ctx.fillText(lines[i], canvas.width / 2, y);
-    if (emphasis?.underline) {
-      const w = ctx.measureText(lines[i]).width;
-      ctx.strokeStyle = effectiveColor;
-      ctx.lineWidth = Math.max(1, px * 0.06);
-      ctx.beginPath();
-      ctx.moveTo(canvas.width / 2 - w / 2, y + px * 0.32);
-      ctx.lineTo(canvas.width / 2 + w / 2, y + px * 0.32);
-      ctx.stroke();
-    }
-  }
-  const texture = new chunk3N6AC4HA_js.CanvasTexture(canvas);
-  texture.colorSpace = chunk3N6AC4HA_js.SRGBColorSpace;
-  texture.minFilter = chunk3N6AC4HA_js.LinearFilter;
-  texture.magFilter = chunk3N6AC4HA_js.LinearFilter;
-  texture.flipY = false;
-  texture.premultiplyAlpha = false;
-  texture.wrapT = chunk3N6AC4HA_js.RepeatWrapping;
-  texture.repeat.set(1, -1);
-  texture.offset.set(0, 1);
-  texture.needsUpdate = true;
-  return { texture, worldWidth, worldHeight };
-}
-function extrudeGeometry(m) {
-  const shape = new chunk3N6AC4HA_js.Shape();
-  m.outline.forEach((p, i) => {
-    if (i === 0) {
-      shape.moveTo(p.x, p.y);
-    } else {
-      shape.lineTo(p.x, p.y);
-    }
-  });
-  shape.closePath();
-  const bevelEnabled = m.bevel > 0;
-  return new chunk3N6AC4HA_js.ExtrudeGeometry(shape, {
-    depth: m.depth,
-    bevelEnabled,
-    bevelThickness: m.bevel,
-    bevelSize: m.bevel,
-    bevelSegments: 2,
-    curveSegments: m.rounded ? 24 : 1,
-    steps: 1
-  });
-}
-function addBlock(group, disposables, m) {
-  const geo = extrudeGeometry(m);
-  const material = new chunk3N6AC4HA_js.MeshStandardMaterial({
-    color: new chunk3N6AC4HA_js.Color(m.fill),
-    metalness: 0.12,
-    roughness: 0.52,
-    transparent: m.opacity < 1,
-    opacity: m.opacity
-  });
-  const mesh = new chunk3N6AC4HA_js.Mesh(geo, material);
-  mesh.position.set(m.position.x, m.position.y, m.position.z);
-  mesh.rotation.set(m.rotation.x, m.rotation.y, m.rotation.z);
-  group.add(mesh);
-  disposables.push(geo, material);
-  if (m.strokeWidth > 0) {
-    const edges = new chunk3N6AC4HA_js.EdgesGeometry(geo, 30);
-    const lineMaterial = new chunk3N6AC4HA_js.LineBasicMaterial({ color: new chunk3N6AC4HA_js.Color(m.stroke) });
-    const line = new chunk3N6AC4HA_js.LineSegments(edges, lineMaterial);
-    line.position.copy(mesh.position);
-    line.rotation.copy(mesh.rotation);
-    group.add(line);
-    disposables.push(edges, lineMaterial);
-  }
-  return geo;
-}
-function buildLabelPlane(m, textStyle) {
-  if (!m.text) {
-    return null;
-  }
-  const tex = makeTextTexture(
-    m.text,
-    m.textColor,
-    m.fontSize,
-    m.halfWidth * 2,
-    m.halfHeight * 2,
-    textStyle
-  );
-  if (!tex) {
-    return null;
-  }
-  const planeGeo = new chunk3N6AC4HA_js.PlaneGeometry(tex.worldWidth, tex.worldHeight);
-  const planeMaterial = new chunk3N6AC4HA_js.MeshBasicMaterial({
-    map: tex.texture,
-    transparent: true,
-    depthWrite: false,
-    depthTest: false,
-    side: chunk3N6AC4HA_js.DoubleSide
-  });
-  const plane = new chunk3N6AC4HA_js.Mesh(planeGeo, planeMaterial);
-  plane.renderOrder = 1;
-  const euler = new chunk3N6AC4HA_js.Euler(m.rotation.x, m.rotation.y, m.rotation.z);
-  const offset = new chunk3N6AC4HA_js.Vector3(0, 0, m.depth + m.bevel + 0.4).applyEuler(euler);
-  plane.position.set(m.position.x + offset.x, m.position.y + offset.y, m.position.z + offset.z);
-  plane.rotation.copy(euler);
-  return { plane, disposables: [planeGeo, planeMaterial, tex.texture] };
-}
-function addConnectors(group, disposables, model) {
-  for (const c of model.connectors) {
-    if (c.points.length < 2) {
-      continue;
-    }
-    const geo = new chunk3N6AC4HA_js.BufferGeometry().setFromPoints(c.points.map((p) => new chunk3N6AC4HA_js.Vector3(p.x, p.y, p.z)));
-    const material = new chunk3N6AC4HA_js.LineBasicMaterial({
-      color: new chunk3N6AC4HA_js.Color(c.color),
-      transparent: true,
-      opacity: 0.7
-    });
-    group.add(new chunk3N6AC4HA_js.Line(geo, material));
-    disposables.push(geo, material);
-  }
-}
-function clearLabel(group, entry) {
-  if (entry.plane) {
-    group.remove(entry.plane);
-  }
-  for (const d of entry.disposables) {
-    d.dispose();
-  }
-  entry.plane = null;
-  entry.disposables = [];
-}
-function buildMeshGroup(model, textStyle) {
-  const group = new chunk3N6AC4HA_js.Group();
-  const blockDisposables = [];
-  const labelEntries = model.meshes.map((m) => {
-    addBlock(group, blockDisposables, m);
-    const built = buildLabelPlane(m, textStyle);
-    if (built) {
-      group.add(built.plane);
-    }
-    return { node: m, plane: built?.plane ?? null, disposables: built?.disposables ?? [] };
-  });
-  addConnectors(group, blockDisposables, model);
-  return {
-    group,
-    setTextStyle(style) {
-      for (const entry of labelEntries) {
-        clearLabel(group, entry);
-        const built = buildLabelPlane(entry.node, style);
-        if (built) {
-          group.add(built.plane);
-          entry.plane = built.plane;
-          entry.disposables = built.disposables;
-        }
-      }
-    },
-    forEachLabelPlane(fn) {
-      for (const entry of labelEntries) {
-        if (entry.plane) {
-          fn(entry.plane);
-        }
-      }
-    },
-    dispose() {
-      for (const d of blockDisposables) {
-        d.dispose();
-      }
-      for (const entry of labelEntries) {
-        clearLabel(group, entry);
-      }
-    }
-  };
-}
-var FOV = 42;
-function expandForMesh(expand, m) {
-  const hx = m.halfWidth + m.bevel;
-  const hy = m.halfHeight + m.bevel;
-  const hz = m.depth / 2 + m.bevel;
-  const midZ = m.position.z + m.depth / 2;
-  const cosY = Math.cos(m.rotation.y);
-  const sinY = Math.sin(m.rotation.y);
-  const worldHalfX = Math.abs(hx * cosY) + Math.abs(hz * sinY);
-  const worldHalfZ = Math.abs(hx * sinY) + Math.abs(hz * cosY);
-  expand(m.position.x, m.position.y, midZ, worldHalfX, hy, worldHalfZ);
-}
-function contentSphere(model) {
-  let minX = Infinity;
-  let minY = Infinity;
-  let minZ = Infinity;
-  let maxX = -Infinity;
-  let maxY = -Infinity;
-  let maxZ = -Infinity;
-  const expand = (x, y, z, rx, ry, rz) => {
-    minX = Math.min(minX, x - rx);
-    minY = Math.min(minY, y - ry);
-    minZ = Math.min(minZ, z - rz);
-    maxX = Math.max(maxX, x + rx);
-    maxY = Math.max(maxY, y + ry);
-    maxZ = Math.max(maxZ, z + rz);
-  };
-  for (const m of model.meshes) {
-    expandForMesh(expand, m);
-  }
-  for (const c of model.connectors) {
-    for (const p of c.points) {
-      expand(p.x, p.y, p.z, 1, 1, 1);
-    }
-  }
-  if (!Number.isFinite(minX)) {
-    const halfW = model.bounds.width / 2 || 1;
-    const halfH = model.bounds.height / 2 || 1;
-    const fallback = Math.max(halfW, halfH);
-    return { cx: 0, cy: 0, cz: 0, radius: fallback, halfW, halfH, halfD: 1 };
-  }
-  return {
-    cx: (minX + maxX) / 2,
-    cy: (minY + maxY) / 2,
-    cz: (minZ + maxZ) / 2,
-    radius: 0.5 * Math.hypot(maxX - minX, maxY - minY, maxZ - minZ) || 1,
-    halfW: (maxX - minX) / 2,
-    halfH: (maxY - minY) / 2,
-    halfD: (maxZ - minZ) / 2
-  };
-}
-function frameDistance(radius, aspect) {
-  const vFov = FOV * Math.PI / 180;
-  const hFov = 2 * Math.atan(Math.tan(vFov / 2) * aspect);
-  const minFov = Math.min(vFov, hFov);
-  return radius / Math.sin(minFov / 2) * 1.1;
-}
-var FRAME_FILL = 0.92;
-function placeCamera(bounds, family, dist) {
-  const { cx, cy, cz, radius } = bounds;
-  const elevation = cameraElevation(family, radius, dist);
-  return {
-    position: [cx + radius * 0.25, cy + elevation, cz + dist],
-    target: [cx, cy, cz],
-    dist
-  };
-}
-function projectedFill(bounds, placement, aspect) {
-  const vFov = FOV * Math.PI / 180;
-  const tanV = Math.tan(vFov / 2);
-  const tanH = tanV * aspect;
-  const [px, py, pz] = placement.position;
-  const [tx, ty, tz] = placement.target;
-  let fx = tx - px, fy = ty - py, fz = tz - pz;
-  const fl = Math.hypot(fx, fy, fz) || 1;
-  fx /= fl;
-  fy /= fl;
-  fz /= fl;
-  let rx = -fz, rz = fx;
-  const rl = Math.hypot(rx, rz) || 1;
-  rx /= rl;
-  rz /= rl;
-  const ux = -rz * fy, uy = rz * fx - rx * fz, uz = rx * fy;
-  let worst = 0;
-  for (const sx of [-1, 1]) {
-    for (const sy of [-1, 1]) {
-      for (const sz of [-1, 1]) {
-        const dx = bounds.cx + sx * bounds.halfW - px;
-        const dy = bounds.cy + sy * bounds.halfH - py;
-        const dz = bounds.cz + sz * bounds.halfD - pz;
-        const depth = dx * fx + dy * fy + dz * fz;
-        if (depth <= 1e-6) {
-          return Infinity;
-        }
-        const x = Math.abs(dx * rx + dz * rz) / (depth * tanH);
-        const y = Math.abs(dx * ux + dy * uy + dz * uz) / (depth * tanV);
-        worst = Math.max(worst, x, y);
-      }
-    }
-  }
-  return worst;
-}
-function fitCamera(bounds, family, aspect) {
-  let dist = frameDistance(bounds.radius, aspect);
-  let placement = placeCamera(bounds, family, dist);
-  for (let step = 0; step < 8; step++) {
-    const fill = projectedFill(bounds, placement, aspect);
-    if (!Number.isFinite(fill)) {
-      dist *= 2;
-    } else {
-      const ratio = fill / FRAME_FILL;
-      if (Math.abs(ratio - 1) < 0.01) {
-        break;
-      }
-      dist *= ratio;
-    }
-    placement = placeCamera(bounds, family, dist);
-  }
-  return placement;
-}
-var CAROUSEL_ELEVATION_DEG = 34;
-function cameraElevation(family, radius, dist) {
-  if (family === "cycle" || family === "radial") {
-    return dist * Math.tan(CAROUSEL_ELEVATION_DEG * Math.PI / 180);
-  }
-  return radius * 0.3;
-}
-function billboardLabels(built, camera) {
-  built.forEachLabelPlane((plane) => {
-    const dx = camera.position.x - plane.position.x;
-    const dz = camera.position.z - plane.position.z;
-    plane.rotation.set(0, Math.atan2(dx, dz), 0);
-  });
-}
-function mountSmartArt3D(canvas, model, width, height, options = {}) {
-  const renderer = new chunk3N6AC4HA_js.WebGLRenderer({ canvas, antialias: true, alpha: !options.background });
-  renderer.setPixelRatio(
-    Math.min(
-      typeof window === "undefined" ? 1 : window.devicePixelRatio || 1,
-      options.maxPixelRatio ?? 2
-    )
-  );
-  renderer.setSize(width, height, false);
-  const scene = new chunk3N6AC4HA_js.Scene();
-  if (options.background) {
-    scene.background = new chunk3N6AC4HA_js.Color(options.background);
-  }
-  const bounds = contentSphere(model);
-  const { cx, cy, cz, radius } = bounds;
-  const aspect = width / Math.max(1, height);
-  const placement = fitCamera(bounds, model.family, aspect);
-  const { dist } = placement;
-  const camera = new chunk3N6AC4HA_js.PerspectiveCamera(FOV, aspect, 0.1, dist * 8 + radius * 4);
-  camera.position.set(...placement.position);
-  camera.lookAt(...placement.target);
-  scene.add(new chunk3N6AC4HA_js.AmbientLight(16777215, 0.62));
-  const key = new chunk3N6AC4HA_js.DirectionalLight(16777215, 0.95);
-  key.position.set(cx + radius, cy + radius * 1.4, cz + dist);
-  scene.add(key);
-  const fill = new chunk3N6AC4HA_js.DirectionalLight(16777215, 0.3);
-  fill.position.set(cx - radius, cy - radius * 0.6, cz + dist * 0.6);
-  scene.add(fill);
-  const built = buildMeshGroup(model, options.textStyle);
-  scene.add(built.group);
-  let controls = null;
-  const enableControls = (on) => {
-    if (on && !controls) {
-      controls = new chunkIXS7DALE_js.OrbitControls(camera, canvas);
-      controls.enablePan = false;
-      controls.target.set(cx, cy, cz);
-      controls.minDistance = dist * 0.4;
-      controls.maxDistance = dist * 3;
-      controls.update();
-    } else if (!on && controls) {
-      controls.dispose();
-      controls = null;
-    }
-    if (controls) {
-      controls.autoRotate = Boolean(options.autoRotate);
-      controls.autoRotateSpeed = 1.2;
-    }
-  };
-  enableControls(Boolean(options.interactive));
-  let frame = 0;
-  let disposed = false;
-  const renderLoop = () => {
-    if (disposed) {
-      return;
-    }
-    frame = requestAnimationFrame(renderLoop);
-    billboardLabels(built, camera);
-    controls?.update();
-    renderer.render(scene, camera);
-  };
-  frame = requestAnimationFrame(renderLoop);
-  return {
-    resize(w, h) {
-      camera.aspect = w / Math.max(1, h);
-      camera.updateProjectionMatrix();
-      renderer.setSize(w, h, false);
-    },
-    setInteractive(on) {
-      enableControls(on);
-    },
-    setTextStyle(style) {
-      built.setTextStyle(style);
-    },
-    dispose() {
-      disposed = true;
-      cancelAnimationFrame(frame);
-      controls?.dispose();
-      built.dispose();
-      renderer.dispose();
-    }
-  };
-}
-function SmartArt3DScene({
-  model,
-  width,
-  height,
-  interactive,
-  textStyle
-}) {
-  const canvasRef = react.useRef(null);
-  const handleRef = react.useRef(null);
-  const textStyleRef = chunkDNR6CH6I_js.useLatestRef(textStyle);
-  react.useEffect(() => {
-    const canvas = canvasRef.current;
-    if (!canvas) {
-      return;
-    }
-    const handle = mountSmartArt3D(canvas, model, width, height, {
-      interactive,
-      textStyle: textStyleRef.current
-    });
-    handleRef.current = handle;
-    return () => {
-      handle.dispose();
-      handleRef.current = null;
-    };
-  }, [model]);
-  react.useEffect(() => {
-    handleRef.current?.resize(width, height);
-  }, [width, height]);
-  react.useEffect(() => {
-    handleRef.current?.setInteractive(interactive);
-  }, [interactive]);
-  react.useEffect(() => {
-    handleRef.current?.setTextStyle(textStyle);
-  }, [textStyle]);
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "canvas",
-    {
-      ref: canvasRef,
-      style: { width, height, display: "block", pointerEvents: interactive ? "auto" : "none" }
-    }
-  );
-}
-
-module.exports = SmartArt3DScene;

package/dist/SurfaceChart3DScene-IFBUOLNB.mjs

@@ -1,62 +0,0 @@
-import { useStableChart3DInteraction, useLatestRef } from './chunk-T6GFCLSM.mjs';
-import { mountSurfaceChart3D } from './chunk-FT3MMIXW.mjs';
-import './chunk-XGB3TDIC.mjs';
-import { useRef, useEffect } from 'react';
-import { jsx } from 'react/jsx-runtime';
-
-function SurfaceChart3DScene({
-  options,
-  interaction,
-  selectedPart = null,
-  textStyle
-}) {
-  const containerRef = useRef(null);
-  const handleRef = useRef(null);
-  const stableInteraction = useStableChart3DInteraction(interaction);
-  const selectedPartRef = useLatestRef(selectedPart);
-  const textStyleRef = useLatestRef(textStyle);
-  useEffect(() => {
-    const container = containerRef.current;
-    if (!container) {
-      return;
-    }
-    let disposed = false;
-    void mountSurfaceChart3D(container, options, stableInteraction).then((handle) => {
-      if (disposed) {
-        handle.dispose();
-      } else {
-        handleRef.current = handle;
-        handle.setSelectedPart(selectedPartRef.current);
-        handle.setTextStyle(textStyleRef.current);
-      }
-      return void 0;
-    });
-    return () => {
-      disposed = true;
-      handleRef.current?.dispose();
-      handleRef.current = null;
-    };
-  }, [options, stableInteraction]);
-  useEffect(() => {
-    handleRef.current?.resize(options.width, options.height);
-  }, [options.width, options.height]);
-  useEffect(() => {
-    handleRef.current?.setSelectedPart(selectedPart);
-  }, [selectedPart]);
-  useEffect(() => {
-    handleRef.current?.setTextStyle(textStyle);
-  }, [textStyle]);
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      ref: containerRef,
-      style: {
-        width: options.width,
-        height: options.height,
-        willChange: "transform"
-      }
-    }
-  );
-}
-
-export { SurfaceChart3DScene as default };

package/dist/SurfaceChart3DScene-PUWIMT7V.js

@@ -1,64 +0,0 @@
-'use strict';
-
-var chunkDNR6CH6I_js = require('./chunk-DNR6CH6I.js');
-var chunkQMSSDBKN_js = require('./chunk-QMSSDBKN.js');
-require('./chunk-4VNS5WPM.js');
-var react = require('react');
-var jsxRuntime = require('react/jsx-runtime');
-
-function SurfaceChart3DScene({
-  options,
-  interaction,
-  selectedPart = null,
-  textStyle
-}) {
-  const containerRef = react.useRef(null);
-  const handleRef = react.useRef(null);
-  const stableInteraction = chunkDNR6CH6I_js.useStableChart3DInteraction(interaction);
-  const selectedPartRef = chunkDNR6CH6I_js.useLatestRef(selectedPart);
-  const textStyleRef = chunkDNR6CH6I_js.useLatestRef(textStyle);
-  react.useEffect(() => {
-    const container = containerRef.current;
-    if (!container) {
-      return;
-    }
-    let disposed = false;
-    void chunkQMSSDBKN_js.mountSurfaceChart3D(container, options, stableInteraction).then((handle) => {
-      if (disposed) {
-        handle.dispose();
-      } else {
-        handleRef.current = handle;
-        handle.setSelectedPart(selectedPartRef.current);
-        handle.setTextStyle(textStyleRef.current);
-      }
-      return void 0;
-    });
-    return () => {
-      disposed = true;
-      handleRef.current?.dispose();
-      handleRef.current = null;
-    };
-  }, [options, stableInteraction]);
-  react.useEffect(() => {
-    handleRef.current?.resize(options.width, options.height);
-  }, [options.width, options.height]);
-  react.useEffect(() => {
-    handleRef.current?.setSelectedPart(selectedPart);
-  }, [selectedPart]);
-  react.useEffect(() => {
-    handleRef.current?.setTextStyle(textStyle);
-  }, [textStyle]);
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "div",
-    {
-      ref: containerRef,
-      style: {
-        width: options.width,
-        height: options.height,
-        willChange: "transform"
-      }
-    }
-  );
-}
-
-module.exports = SurfaceChart3DScene;

package/dist/chunk-DNR6CH6I.js

@@ -1,30 +0,0 @@
-'use strict';
-
-var react = require('react');
-
-// src/viewer/components/elements/chart3d-interaction-hooks.ts
-function useStableChart3DInteraction(interaction) {
-  const ref = react.useRef(interaction);
-  ref.current = interaction;
-  const onSelect = react.useCallback((part) => {
-    ref.current?.onSelect?.(part);
-  }, []);
-  const onValueDragPreview = react.useCallback((part, value) => {
-    ref.current?.onValueDragPreview?.(part, value);
-  }, []);
-  const onValueDragCommit = react.useCallback((part, value) => {
-    ref.current?.onValueDragCommit?.(part, value);
-  }, []);
-  return react.useMemo(
-    () => ({ onSelect, onValueDragPreview, onValueDragCommit }),
-    [onSelect, onValueDragPreview, onValueDragCommit]
-  );
-}
-function useLatestRef(value) {
-  const ref = react.useRef(value);
-  ref.current = value;
-  return ref;
-}
-
-exports.useLatestRef = useLatestRef;
-exports.useStableChart3DInteraction = useStableChart3DInteraction;