@layoutit/polycss-react 0.2.2 → 0.2.4

package/README.md

@@ -84,6 +84,7 @@ export default function App() {
 - `autoCenter` shifts the mesh bbox center to local origin.
 - `meshResolution` chooses `"lossy"` (default) or `"lossless"` optimization. STL imports use the conservative lossless path in both modes.
 - `castShadow` emits CSS-projected shadows in dynamic lighting mode.
+- Tooling can reuse `buildPolyMeshTransform`, `worldPositionToPolyCss`, `worldDirectionToPolyCss`, `worldDistanceToPolyCss`, `polyCssDistanceToWorld`, and `polyCssPositionToWorld` for renderer-compatible transforms and world/CSS conversions.
 
 ### Controls
 

package/dist/index.cjs

@@ -63,6 +63,7 @@ __export(src_exports, {
   bakeSolidTextureSampledPolygons: () => import_polycss_core27.bakeSolidTextureSampledPolygons,
   bakeSolidTextureSamples: () => import_polycss_core27.bakeSolidTextureSamples,
   boxPolygons: () => import_polycss_core27.boxPolygons,
+  buildPolyMeshTransform: () => import_polycss_core27.buildPolyMeshTransform,
   buildSceneContext: () => import_polycss_core27.buildSceneContext,
   cameraCullNormalGroups: () => import_polycss_core27.cameraCullNormalGroups,
   cameraCullNormalGroupsFromPolygons: () => import_polycss_core27.cameraCullNormalGroupsFromPolygons,
@@ -109,6 +110,8 @@ __export(src_exports, {
   parseVox: () => import_polycss_core27.parseVox,
   planePolygons: () => import_polycss_core27.planePolygons,
   pointInMeshElement: () => pointInMeshElement,
+  polyCssDistanceToWorld: () => import_polycss_core27.cssDistanceToWorld,
+  polyCssPositionToWorld: () => import_polycss_core27.cssPositionToWorld,
   polygonCssSurfaceNormal: () => import_polycss_core27.polygonCssSurfaceNormal,
   polygonFaces: () => import_polycss_core27.polygonFaces,
   polygonFacesCamera: () => import_polycss_core27.polygonFacesCamera,
@@ -131,7 +134,10 @@ __export(src_exports, {
   usePolyMesh: () => usePolyMesh,
   usePolySceneContext: () => usePolySceneContext,
   usePolySelect: () => usePolySelect,
-  usePolySelectionApi: () => usePolySelectionApi
+  usePolySelectionApi: () => usePolySelectionApi,
+  worldDirectionToPolyCss: () => import_polycss_core27.worldDirectionToCss,
+  worldDistanceToPolyCss: () => import_polycss_core27.worldDistanceToCss,
+  worldPositionToPolyCss: () => import_polycss_core27.worldPositionToCss
 });
 module.exports = __toCommonJS(src_exports);
 
@@ -3699,27 +3705,6 @@ function solidPaintVars(defaults) {
   }
   return Object.keys(out).length > 0 ? out : null;
 }
-function buildTransform(position, scale, rotation) {
-  const sx = typeof scale === "number" ? scale : scale?.[0] ?? 1;
-  const sy = typeof scale === "number" ? scale : scale?.[1] ?? 1;
-  const sz = typeof scale === "number" ? scale : scale?.[2] ?? 1;
-  const hasScale = sx !== 1 || sy !== 1 || sz !== 1;
-  const hasRotation = !!rotation && (!!rotation[0] || !!rotation[1] || !!rotation[2]);
-  const cssPos = position ? [position[1] * import_polycss_core16.BASE_TILE, position[0] * import_polycss_core16.BASE_TILE, position[2] * import_polycss_core16.BASE_TILE] : [0, 0, 0];
-  const parts = [];
-  if (cssPos[0] !== 0 || cssPos[1] !== 0 || cssPos[2] !== 0) {
-    parts.push(`translate3d(${cssPos[0]}px, ${cssPos[1]}px, ${cssPos[2]}px)`);
-  }
-  if (hasRotation) {
-    if (rotation[0]) parts.push(`rotateY(${-rotation[0]}deg)`);
-    if (rotation[1]) parts.push(`rotateX(${-rotation[1]}deg)`);
-    if (rotation[2]) parts.push(`rotateZ(${-rotation[2]}deg)`);
-  }
-  if (hasScale) {
-    parts.push(`scale3d(${sx}, ${sy}, ${sz})`);
-  }
-  return parts.length > 0 ? parts.join(" ") : void 0;
-}
 function recenterPolygons(polygons) {
   if (polygons.length === 0) return polygons;
   const bbox = (0, import_polycss_core16.computeSceneBbox)(polygons);
@@ -3807,7 +3792,7 @@ var PolyMesh = (0, import_react16.forwardRef)(function PolyMesh2({
     () => autoCenter ? recenterPolygons(sourcePolygons) : sourcePolygons,
     [sourcePolygons, autoCenter]
   );
-  const transform = buildTransform(position, scale, rotation);
+  const transform = (0, import_polycss_core16.buildPolyMeshTransform)({ position, scale, rotation });
   const wrapperRef = (0, import_react16.useRef)(null);
   const propsRef = (0, import_react16.useRef)({ position, scale, rotation });
   propsRef.current = { position, scale, rotation };
@@ -7309,6 +7294,7 @@ var import_polycss_core27 = require("@layoutit/polycss-core");
   bakeSolidTextureSampledPolygons,
   bakeSolidTextureSamples,
   boxPolygons,
+  buildPolyMeshTransform,
   buildSceneContext,
   cameraCullNormalGroups,
   cameraCullNormalGroupsFromPolygons,
@@ -7355,6 +7341,8 @@ var import_polycss_core27 = require("@layoutit/polycss-core");
   parseVox,
   planePolygons,
   pointInMeshElement,
+  polyCssDistanceToWorld,
+  polyCssPositionToWorld,
   polygonCssSurfaceNormal,
   polygonFaces,
   polygonFacesCamera,
@@ -7377,5 +7365,8 @@ var import_polycss_core27 = require("@layoutit/polycss-core");
   usePolyMesh,
   usePolySceneContext,
   usePolySelect,
-  usePolySelectionApi
+  usePolySelectionApi,
+  worldDirectionToPolyCss,
+  worldDistanceToPolyCss,
+  worldPositionToPolyCss
 });

package/dist/index.d.cts

@@ -3,7 +3,7 @@ import React__default, { ReactNode, CSSProperties, MouseEventHandler, PointerEve
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as _layoutit_polycss_core from '@layoutit/polycss-core';
 import { Vec3, CameraState, CameraHandle, Vec2, PolyMaterial, PolyDirectionalLight, PolyTextureLightingMode, TextureQuality, Polygon, PolyAmbientLight, PolySeamBleed, PolyRenderStrategiesOption, LoadMeshOptions, ParseResult, MeshResolution, BoxPolygonsOptions, ConePolygonsOptions, CylinderPolygonsOptions, DodecahedronPolygonsOptions, IcosahedronPolygonsOptions, OctahedronPolygonsOptions, PlanePolygonsOptions, RingPolygonsOptions, SpherePolygonsOptions, TetrahedronPolygonsOptions, TorusPolygonsOptions, PolyAnimationTarget, PolyAnimationMixer, PolyAnimationClip, PolyAnimationAction, ParseAnimationController } from '@layoutit/polycss-core';
-export { ArrowPolygonsOptions, AutoRotateConfig, AutoRotateOption, AxesHelperOptions, BASE_TILE, BoxFace, BoxFaceOptions, BoxPolygonsOptions, CAMERA_BACKFACE_CULL_EPS, CameraCullNormalGroup, CameraCullRotation, CameraHandle, CameraState, CameraStyleInput, ConePolygonsOptions, CoverPlanarPolygonsOptions, CullInteriorOptions, CylinderPolygonsOptions, DEFAULT_CAMERA_STATE, DEFAULT_PROJECTION, DEFAULT_SEAM_FACET_SPLIT_OPTIONS, DEFAULT_SEAM_OVERLAP_OPTIONS, DodecahedronPolygonsOptions, GltfParseOptions, IcosahedronPolygonsOptions, LoadMeshOptions, LoopMode, LoopOnce, LoopPingPong, LoopRepeat, MeshResolution, MtlParseResult, NormalizeResult, ObjParseOptions, OctahedronPolygonsOptions, OptimizeAnimatedMeshPolygonsOptions, OptimizeMeshParseResultOptions, OptimizeMeshPolygonsOptions, ParseAnimationClip, ParseAnimationController, ParseResult, ParseStlColor, ParseStlSolid, ParseStlTopology, ParsedColor, PlanePolygonsOptions, PolyAmbientLight, PolyAnimationAction, PolyAnimationClip, PolyAnimationMixer, PolyAnimationTarget, PolyDirectionalLight, PolyMaterial, PolyRenderStrategiesOption, PolyRenderStrategy, PolyTextureLightingMode, Polygon, PolygonFace, RingPolygonsOptions, SceneBbox, SceneContext, SceneContextBuildArgs, SceneContextBuildResult, SeamFacetSplitCandidate, SeamFacetSplitCandidateReason, SeamFacetSplitOptions, SeamFacetSplitReport, SeamOverlapCandidate, SeamOverlapCandidateKind, SeamOverlapDiagnostics, SeamOverlapOptions, SimplifyTriangleMeshPolygonsOptions, SolidTextureSampleOptions, StlParseOptions, TetrahedronPolygonsOptions, TexturePaintMetrics, TexturePaintMetricsOptions, TextureTriangle, TorusPolygonsOptions, VOXEL_CAMERA_CULL_AXIS_EPS, VOXEL_CAMERA_CULL_NORMAL_LIMIT, Vec2, Vec3, VoxParseOptions, arrowPolygons, axesHelperPolygons, bakeSolidTextureSampledPolygons, bakeSolidTextureSamples, boxPolygons, buildSceneContext, cameraCullNormalGroups, cameraCullNormalGroupsFromPolygons, cameraCullNormalKey, cameraCullVisibleSignature, cameraFacingDepth, clampChannel, computeSceneBbox, computeShapeLighting, computeTexturePaintMetrics, conePolygons, coverPlanarPolygons, createIsometricCamera, createPolyAnimationMixer, cullInteriorPolygons, cylinderPolygons, dodecahedronPolygons, formatColor, icosahedronPolygons, inverseRotateVec3, isAxisAlignedSurfaceNormal, isVoxelCameraCullableNormalGroups, loadMesh, mergePolygons, normalFacesCamera, normalizeInvertMultiplier, normalizePolygons, octahedronPolygons, optimizeAnimatedMeshPolygons, optimizeMeshParseResult, optimizeMeshPolygons, parseColor, parseGltf, parseHexColor, parseMtl, parseObj, parsePureColor, parseRgbColor, parseStl, parseVox, planePolygons, polygonCssSurfaceNormal, polygonFaces, polygonFacesCamera, repairMeshSeams, ringPolygons, rotateVec3, seamFacetSplitPolygons, seamFacetSplitReport, seamOverlapDiagnostics, seamOverlapPolygons, seamOverlapReport, shadeColor, simplifyTriangleMeshPolygons, tetrahedronPolygons, torusPolygons } from '@layoutit/polycss-core';
+export { ArrowPolygonsOptions, AutoRotateConfig, AutoRotateOption, AxesHelperOptions, BASE_TILE, BoxFace, BoxFaceOptions, BoxPolygonsOptions, CAMERA_BACKFACE_CULL_EPS, CameraCullNormalGroup, CameraCullRotation, CameraHandle, CameraState, CameraStyleInput, ConePolygonsOptions, CoverPlanarPolygonsOptions, CullInteriorOptions, CylinderPolygonsOptions, DEFAULT_CAMERA_STATE, DEFAULT_PROJECTION, DEFAULT_SEAM_FACET_SPLIT_OPTIONS, DEFAULT_SEAM_OVERLAP_OPTIONS, DodecahedronPolygonsOptions, GltfParseOptions, IcosahedronPolygonsOptions, LoadMeshOptions, LoopMode, LoopOnce, LoopPingPong, LoopRepeat, MeshResolution, MtlParseResult, NormalizeResult, ObjParseOptions, OctahedronPolygonsOptions, OptimizeAnimatedMeshPolygonsOptions, OptimizeMeshParseResultOptions, OptimizeMeshPolygonsOptions, ParseAnimationClip, ParseAnimationController, ParseResult, ParseStlColor, ParseStlSolid, ParseStlTopology, ParsedColor, PlanePolygonsOptions, PolyAmbientLight, PolyAnimationAction, PolyAnimationClip, PolyAnimationMixer, PolyAnimationTarget, PolyDirectionalLight, PolyMaterial, PolyMeshTransformInput, PolyRenderStrategiesOption, PolyRenderStrategy, PolyTextureLightingMode, Polygon, PolygonFace, RingPolygonsOptions, SceneBbox, SceneContext, SceneContextBuildArgs, SceneContextBuildResult, SeamFacetSplitCandidate, SeamFacetSplitCandidateReason, SeamFacetSplitOptions, SeamFacetSplitReport, SeamOverlapCandidate, SeamOverlapCandidateKind, SeamOverlapDiagnostics, SeamOverlapOptions, SimplifyTriangleMeshPolygonsOptions, SolidTextureSampleOptions, StlParseOptions, TetrahedronPolygonsOptions, TexturePaintMetrics, TexturePaintMetricsOptions, TextureTriangle, TorusPolygonsOptions, VOXEL_CAMERA_CULL_AXIS_EPS, VOXEL_CAMERA_CULL_NORMAL_LIMIT, Vec2, Vec3, VoxParseOptions, arrowPolygons, axesHelperPolygons, bakeSolidTextureSampledPolygons, bakeSolidTextureSamples, boxPolygons, buildPolyMeshTransform, buildSceneContext, cameraCullNormalGroups, cameraCullNormalGroupsFromPolygons, cameraCullNormalKey, cameraCullVisibleSignature, cameraFacingDepth, clampChannel, computeSceneBbox, computeShapeLighting, computeTexturePaintMetrics, conePolygons, coverPlanarPolygons, createIsometricCamera, createPolyAnimationMixer, cullInteriorPolygons, cylinderPolygons, dodecahedronPolygons, formatColor, icosahedronPolygons, inverseRotateVec3, isAxisAlignedSurfaceNormal, isVoxelCameraCullableNormalGroups, loadMesh, mergePolygons, normalFacesCamera, normalizeInvertMultiplier, normalizePolygons, octahedronPolygons, optimizeAnimatedMeshPolygons, optimizeMeshParseResult, optimizeMeshPolygons, parseColor, parseGltf, parseHexColor, parseMtl, parseObj, parsePureColor, parseRgbColor, parseStl, parseVox, planePolygons, cssDistanceToWorld as polyCssDistanceToWorld, cssPositionToWorld as polyCssPositionToWorld, polygonCssSurfaceNormal, polygonFaces, polygonFacesCamera, repairMeshSeams, ringPolygons, rotateVec3, seamFacetSplitPolygons, seamFacetSplitReport, seamOverlapDiagnostics, seamOverlapPolygons, seamOverlapReport, shadeColor, simplifyTriangleMeshPolygons, tetrahedronPolygons, torusPolygons, worldDirectionToCss as worldDirectionToPolyCss, worldDistanceToCss as worldDistanceToPolyCss, worldPositionToCss as worldPositionToPolyCss } from '@layoutit/polycss-core';
 
 interface PolyPerspectiveCameraProps {
     zoom?: number;

package/dist/index.d.ts

@@ -3,7 +3,7 @@ import React__default, { ReactNode, CSSProperties, MouseEventHandler, PointerEve
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as _layoutit_polycss_core from '@layoutit/polycss-core';
 import { Vec3, CameraState, CameraHandle, Vec2, PolyMaterial, PolyDirectionalLight, PolyTextureLightingMode, TextureQuality, Polygon, PolyAmbientLight, PolySeamBleed, PolyRenderStrategiesOption, LoadMeshOptions, ParseResult, MeshResolution, BoxPolygonsOptions, ConePolygonsOptions, CylinderPolygonsOptions, DodecahedronPolygonsOptions, IcosahedronPolygonsOptions, OctahedronPolygonsOptions, PlanePolygonsOptions, RingPolygonsOptions, SpherePolygonsOptions, TetrahedronPolygonsOptions, TorusPolygonsOptions, PolyAnimationTarget, PolyAnimationMixer, PolyAnimationClip, PolyAnimationAction, ParseAnimationController } from '@layoutit/polycss-core';
-export { ArrowPolygonsOptions, AutoRotateConfig, AutoRotateOption, AxesHelperOptions, BASE_TILE, BoxFace, BoxFaceOptions, BoxPolygonsOptions, CAMERA_BACKFACE_CULL_EPS, CameraCullNormalGroup, CameraCullRotation, CameraHandle, CameraState, CameraStyleInput, ConePolygonsOptions, CoverPlanarPolygonsOptions, CullInteriorOptions, CylinderPolygonsOptions, DEFAULT_CAMERA_STATE, DEFAULT_PROJECTION, DEFAULT_SEAM_FACET_SPLIT_OPTIONS, DEFAULT_SEAM_OVERLAP_OPTIONS, DodecahedronPolygonsOptions, GltfParseOptions, IcosahedronPolygonsOptions, LoadMeshOptions, LoopMode, LoopOnce, LoopPingPong, LoopRepeat, MeshResolution, MtlParseResult, NormalizeResult, ObjParseOptions, OctahedronPolygonsOptions, OptimizeAnimatedMeshPolygonsOptions, OptimizeMeshParseResultOptions, OptimizeMeshPolygonsOptions, ParseAnimationClip, ParseAnimationController, ParseResult, ParseStlColor, ParseStlSolid, ParseStlTopology, ParsedColor, PlanePolygonsOptions, PolyAmbientLight, PolyAnimationAction, PolyAnimationClip, PolyAnimationMixer, PolyAnimationTarget, PolyDirectionalLight, PolyMaterial, PolyRenderStrategiesOption, PolyRenderStrategy, PolyTextureLightingMode, Polygon, PolygonFace, RingPolygonsOptions, SceneBbox, SceneContext, SceneContextBuildArgs, SceneContextBuildResult, SeamFacetSplitCandidate, SeamFacetSplitCandidateReason, SeamFacetSplitOptions, SeamFacetSplitReport, SeamOverlapCandidate, SeamOverlapCandidateKind, SeamOverlapDiagnostics, SeamOverlapOptions, SimplifyTriangleMeshPolygonsOptions, SolidTextureSampleOptions, StlParseOptions, TetrahedronPolygonsOptions, TexturePaintMetrics, TexturePaintMetricsOptions, TextureTriangle, TorusPolygonsOptions, VOXEL_CAMERA_CULL_AXIS_EPS, VOXEL_CAMERA_CULL_NORMAL_LIMIT, Vec2, Vec3, VoxParseOptions, arrowPolygons, axesHelperPolygons, bakeSolidTextureSampledPolygons, bakeSolidTextureSamples, boxPolygons, buildSceneContext, cameraCullNormalGroups, cameraCullNormalGroupsFromPolygons, cameraCullNormalKey, cameraCullVisibleSignature, cameraFacingDepth, clampChannel, computeSceneBbox, computeShapeLighting, computeTexturePaintMetrics, conePolygons, coverPlanarPolygons, createIsometricCamera, createPolyAnimationMixer, cullInteriorPolygons, cylinderPolygons, dodecahedronPolygons, formatColor, icosahedronPolygons, inverseRotateVec3, isAxisAlignedSurfaceNormal, isVoxelCameraCullableNormalGroups, loadMesh, mergePolygons, normalFacesCamera, normalizeInvertMultiplier, normalizePolygons, octahedronPolygons, optimizeAnimatedMeshPolygons, optimizeMeshParseResult, optimizeMeshPolygons, parseColor, parseGltf, parseHexColor, parseMtl, parseObj, parsePureColor, parseRgbColor, parseStl, parseVox, planePolygons, polygonCssSurfaceNormal, polygonFaces, polygonFacesCamera, repairMeshSeams, ringPolygons, rotateVec3, seamFacetSplitPolygons, seamFacetSplitReport, seamOverlapDiagnostics, seamOverlapPolygons, seamOverlapReport, shadeColor, simplifyTriangleMeshPolygons, tetrahedronPolygons, torusPolygons } from '@layoutit/polycss-core';
+export { ArrowPolygonsOptions, AutoRotateConfig, AutoRotateOption, AxesHelperOptions, BASE_TILE, BoxFace, BoxFaceOptions, BoxPolygonsOptions, CAMERA_BACKFACE_CULL_EPS, CameraCullNormalGroup, CameraCullRotation, CameraHandle, CameraState, CameraStyleInput, ConePolygonsOptions, CoverPlanarPolygonsOptions, CullInteriorOptions, CylinderPolygonsOptions, DEFAULT_CAMERA_STATE, DEFAULT_PROJECTION, DEFAULT_SEAM_FACET_SPLIT_OPTIONS, DEFAULT_SEAM_OVERLAP_OPTIONS, DodecahedronPolygonsOptions, GltfParseOptions, IcosahedronPolygonsOptions, LoadMeshOptions, LoopMode, LoopOnce, LoopPingPong, LoopRepeat, MeshResolution, MtlParseResult, NormalizeResult, ObjParseOptions, OctahedronPolygonsOptions, OptimizeAnimatedMeshPolygonsOptions, OptimizeMeshParseResultOptions, OptimizeMeshPolygonsOptions, ParseAnimationClip, ParseAnimationController, ParseResult, ParseStlColor, ParseStlSolid, ParseStlTopology, ParsedColor, PlanePolygonsOptions, PolyAmbientLight, PolyAnimationAction, PolyAnimationClip, PolyAnimationMixer, PolyAnimationTarget, PolyDirectionalLight, PolyMaterial, PolyMeshTransformInput, PolyRenderStrategiesOption, PolyRenderStrategy, PolyTextureLightingMode, Polygon, PolygonFace, RingPolygonsOptions, SceneBbox, SceneContext, SceneContextBuildArgs, SceneContextBuildResult, SeamFacetSplitCandidate, SeamFacetSplitCandidateReason, SeamFacetSplitOptions, SeamFacetSplitReport, SeamOverlapCandidate, SeamOverlapCandidateKind, SeamOverlapDiagnostics, SeamOverlapOptions, SimplifyTriangleMeshPolygonsOptions, SolidTextureSampleOptions, StlParseOptions, TetrahedronPolygonsOptions, TexturePaintMetrics, TexturePaintMetricsOptions, TextureTriangle, TorusPolygonsOptions, VOXEL_CAMERA_CULL_AXIS_EPS, VOXEL_CAMERA_CULL_NORMAL_LIMIT, Vec2, Vec3, VoxParseOptions, arrowPolygons, axesHelperPolygons, bakeSolidTextureSampledPolygons, bakeSolidTextureSamples, boxPolygons, buildPolyMeshTransform, buildSceneContext, cameraCullNormalGroups, cameraCullNormalGroupsFromPolygons, cameraCullNormalKey, cameraCullVisibleSignature, cameraFacingDepth, clampChannel, computeSceneBbox, computeShapeLighting, computeTexturePaintMetrics, conePolygons, coverPlanarPolygons, createIsometricCamera, createPolyAnimationMixer, cullInteriorPolygons, cylinderPolygons, dodecahedronPolygons, formatColor, icosahedronPolygons, inverseRotateVec3, isAxisAlignedSurfaceNormal, isVoxelCameraCullableNormalGroups, loadMesh, mergePolygons, normalFacesCamera, normalizeInvertMultiplier, normalizePolygons, octahedronPolygons, optimizeAnimatedMeshPolygons, optimizeMeshParseResult, optimizeMeshPolygons, parseColor, parseGltf, parseHexColor, parseMtl, parseObj, parsePureColor, parseRgbColor, parseStl, parseVox, planePolygons, cssDistanceToWorld as polyCssDistanceToWorld, cssPositionToWorld as polyCssPositionToWorld, polygonCssSurfaceNormal, polygonFaces, polygonFacesCamera, repairMeshSeams, ringPolygons, rotateVec3, seamFacetSplitPolygons, seamFacetSplitReport, seamOverlapDiagnostics, seamOverlapPolygons, seamOverlapReport, shadeColor, simplifyTriangleMeshPolygons, tetrahedronPolygons, torusPolygons, worldDirectionToCss as worldDirectionToPolyCss, worldDistanceToCss as worldDistanceToPolyCss, worldPositionToCss as worldPositionToPolyCss } from '@layoutit/polycss-core';
 
 interface PolyPerspectiveCameraProps {
     zoom?: number;

package/dist/index.js

@@ -2782,6 +2782,7 @@ import {
 } from "react";
 import {
   BASE_TILE as BASE_TILE4,
+  buildPolyMeshTransform,
   buildSharedEdgeMap,
   computeReceiverShadowFaces,
   computeSceneBbox,
@@ -3635,27 +3636,6 @@ function solidPaintVars(defaults) {
   }
   return Object.keys(out).length > 0 ? out : null;
 }
-function buildTransform(position, scale, rotation) {
-  const sx = typeof scale === "number" ? scale : scale?.[0] ?? 1;
-  const sy = typeof scale === "number" ? scale : scale?.[1] ?? 1;
-  const sz = typeof scale === "number" ? scale : scale?.[2] ?? 1;
-  const hasScale = sx !== 1 || sy !== 1 || sz !== 1;
-  const hasRotation = !!rotation && (!!rotation[0] || !!rotation[1] || !!rotation[2]);
-  const cssPos = position ? [position[1] * BASE_TILE4, position[0] * BASE_TILE4, position[2] * BASE_TILE4] : [0, 0, 0];
-  const parts = [];
-  if (cssPos[0] !== 0 || cssPos[1] !== 0 || cssPos[2] !== 0) {
-    parts.push(`translate3d(${cssPos[0]}px, ${cssPos[1]}px, ${cssPos[2]}px)`);
-  }
-  if (hasRotation) {
-    if (rotation[0]) parts.push(`rotateY(${-rotation[0]}deg)`);
-    if (rotation[1]) parts.push(`rotateX(${-rotation[1]}deg)`);
-    if (rotation[2]) parts.push(`rotateZ(${-rotation[2]}deg)`);
-  }
-  if (hasScale) {
-    parts.push(`scale3d(${sx}, ${sy}, ${sz})`);
-  }
-  return parts.length > 0 ? parts.join(" ") : void 0;
-}
 function recenterPolygons(polygons) {
   if (polygons.length === 0) return polygons;
   const bbox = computeSceneBbox(polygons);
@@ -3743,7 +3723,7 @@ var PolyMesh = forwardRef(function PolyMesh2({
     () => autoCenter ? recenterPolygons(sourcePolygons) : sourcePolygons,
     [sourcePolygons, autoCenter]
   );
-  const transform = buildTransform(position, scale, rotation);
+  const transform = buildPolyMeshTransform({ position, scale, rotation });
   const wrapperRef = useRef6(null);
   const propsRef = useRef6({ position, scale, rotation });
   propsRef.current = { position, scale, rotation };
@@ -7296,6 +7276,7 @@ import {
   torusPolygons as torusPolygons2,
   planePolygons as planePolygons3,
   buildSceneContext as buildSceneContext2,
+  buildPolyMeshTransform as buildPolyMeshTransform2,
   computeSceneBbox as computeSceneBbox2,
   BASE_TILE as BASE_TILE8,
   DEFAULT_CAMERA_STATE as DEFAULT_CAMERA_STATE2,
@@ -7307,7 +7288,12 @@ import {
   DEFAULT_SEAM_OVERLAP_OPTIONS,
   LoopOnce,
   LoopRepeat,
-  LoopPingPong
+  LoopPingPong,
+  cssDistanceToWorld,
+  cssPositionToWorld,
+  worldDistanceToCss,
+  worldDirectionToCss as worldDirectionToCss3,
+  worldPositionToCss
 } from "@layoutit/polycss-core";
 export {
   BASE_TILE8 as BASE_TILE,
@@ -7353,6 +7339,7 @@ export {
   bakeSolidTextureSampledPolygons,
   bakeSolidTextureSamples,
   boxPolygons2 as boxPolygons,
+  buildPolyMeshTransform2 as buildPolyMeshTransform,
   buildSceneContext2 as buildSceneContext,
   cameraCullNormalGroups,
   cameraCullNormalGroupsFromPolygons,
@@ -7399,6 +7386,8 @@ export {
   parseVox,
   planePolygons3 as planePolygons,
   pointInMeshElement,
+  cssDistanceToWorld as polyCssDistanceToWorld,
+  cssPositionToWorld as polyCssPositionToWorld,
   polygonCssSurfaceNormal,
   polygonFaces,
   polygonFacesCamera,
@@ -7421,5 +7410,8 @@ export {
   usePolyMesh,
   usePolySceneContext,
   usePolySelect,
-  usePolySelectionApi
+  usePolySelectionApi,
+  worldDirectionToCss3 as worldDirectionToPolyCss,
+  worldDistanceToCss as worldDistanceToPolyCss,
+  worldPositionToCss as worldPositionToPolyCss
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@layoutit/polycss-react",
-  "version": "0.2.2",
+  "version": "0.2.4",
   "description": "React components for the CSS-based polygon mesh rendering engine",
   "type": "module",
   "main": "./dist/index.cjs",
@@ -41,7 +41,7 @@
     "access": "public"
   },
   "dependencies": {
-    "@layoutit/polycss-core": "^0.2.2"
+    "@layoutit/polycss-core": "^0.2.4"
   },
   "peerDependencies": {
     "react": "^18.0.0 || ^19.0.0",