@salsita-ai/sdk 0.50.0-develop.b47f1774a2 → 0.50.0-develop.b5d443db78

package/dist/docs/3d-scene/materials/transformer.mdx

@@ -217,7 +217,6 @@ import { TextureLoader } from 'three'
 import { isStandardMaterial } from '@salsita-ai/sdk/configurator'
 
 import type * as Model from '../../../.phoenix/application-types.js'
-import { phx } from '../../../.phoenix/phx.js'
 
 const MIN_CHILLI_SIZE = 40
 const MAX_CHILLI_SIZE = 100
@@ -515,7 +514,6 @@ import {
 import { AttributeCardSelector } from '@salsita-ai/sdk/react'
 import { PropertyContainer } from '@salsita-ai/sdk/ui'
 
-import { phx } from '../../.phoenix/phx.js'
 import {
   animateBodyChange,
   animateBodyMaterialChange,
@@ -601,8 +599,6 @@ export default [
 ### ./src/expressions/expressions.ts
 
 ```ts
-import { phx } from '../../.phoenix/phx.js'
-
 export default phx.domain.implementCustomExpressions({
   Pepper: {
     $chilliTypeOptions: () => {

package/dist/docs/3d-scene/materials/transition.mdx

@@ -224,8 +224,6 @@ import { memoEval, propertyPageComponent } from '@salsita-ai/sdk/domain'
 import { MaterialSwatchSelector } from '@salsita-ai/sdk/react'
 import { PropertyContainer } from '@salsita-ai/sdk/ui'
 
-import { phx } from '../../.phoenix/phx.js'
-
 export default [
   phx.domain.attachComponent
     .withComponent(propertyPageComponent, 'main')
@@ -250,8 +248,6 @@ export default [
 ```ts
 import type { SwatchOption } from '@salsita-ai/sdk/domain'
 
-import { phx } from '../../.phoenix/phx.js'
-
 export const TopColorMattSwatchMap: Record<string, SwatchOption> = {
   Black: {
     swatchName: 'Black',

package/dist/docs/3d-scene/materials/transmissive.mdx

@@ -107,8 +107,6 @@ components:
 ```tsx
 import { sceneEntityObjectDecalComponent } from '@salsita-ai/sdk/domain'
 
-import { phx } from '../../.phoenix/phx.js'
-
 export default [
   phx.domain.attachComponent
     .withComponent(sceneEntityObjectDecalComponent, 'product')
@@ -140,8 +138,6 @@ import { ContactShadows, Environment } from '@react-three/drei'
 import { useThree } from '@react-three/fiber'
 import { useEffect } from 'react'
 
-import { phx } from '../../.phoenix/phx.js'
-
 export default phx.frontend.createCustomPhoenixLayoutElement('SceneEnvironment', () => {
   const { gl } = useThree()
 

package/dist/docs/3d-scene/postprocessing.mdx

@@ -1281,7 +1281,6 @@ export const SelectiveBloomCustomEffect = memo(Effect)
 ```tsx
 import { memoEval, propertyPageComponent } from '@salsita-ai/sdk/domain'
 
-import { phx } from '../../.phoenix/phx.js'
 import { AppSidebar } from '../_shared/AppSidebar.js'
 
 export default [
@@ -1304,7 +1303,6 @@ export default [
 ```tsx
 import { ContactShadows, Environment } from '@react-three/drei'
 
-import { phx } from '../../.phoenix/phx.js'
 import { Effects } from '../_shared/effects/Effects.js'
 
 export default phx.frontend.createCustomPhoenixLayoutElement('SceneEnvironment', () => {

package/dist/docs/3d-scene/rendering/basic.mdx

@@ -10,7 +10,7 @@
 
 These rendering components form the foundation for displaying 3D content in any configurator. Whether you're building furniture configurators, product customizers, or other applications that visualize domain entities in 3D space, you'll use these components to make your entities visible in the scene.
 
-Most configurators load 3D models from GLTF/GLB files using `sceneEntityRemoteObject`, then position and transform them with `sceneEntityObjectProperties` for individual objects and `sceneEntityProperties` for entire entity groups. For advanced cases where you need simple geometry or procedural shapes, `sceneEntityCustomObjectComponent` lets you create THREE.js objects directly in code.
+Most configurators load 3D models from GLTF/GLB files using `sceneEntityRemoteObject`, then position and transform them with `sceneEntityObjectProperties` for individual objects and `sceneEntityProperties` for entire entity groups. For advanced cases where you need simple geometry or procedural shapes, `sceneEntityObjectComponent` lets you create THREE.js objects directly in code.
 
 ## Guide
 
@@ -113,7 +113,7 @@ Define helper functions that create and return THREE.js objects. Use `memoEval`
 ```typescript
 import * as THREE from 'three'
 
-import { memoEval, sceneEntityCustomObjectComponent } from '@salsita-ai/sdk/domain'
+import { memoEval, sceneEntityObjectComponent } from '@salsita-ai/sdk/domain'
 
 import { attachComponent, defineFrontend } from '../domain/index.js'
 
@@ -130,7 +130,7 @@ const createCabinObject = () => {
 export default defineFrontend({
   components: [
     attachComponent
-      .withComponent(sceneEntityCustomObjectComponent, 'cabin')
+      .withComponent(sceneEntityObjectComponent, 'cabin')
       .withEntity('Train')
       .attach(memoEval(() => [], createCabinObject)),
   ],
@@ -166,7 +166,7 @@ The complete rendering pattern:
 1. Load models using `sceneEntityRemoteObject` in YAML for artist-created assets (preferred approach)
 2. Position each object instance using `sceneEntityObjectProperties` in YAML, setting static positions and binding dynamic transforms to entity state
 3. Apply entity-level transforms with `sceneEntityProperties` to move or rotate the entire entity as a unit
-4. For advanced cases, create custom objects with `sceneEntityCustomObjectComponent` in frontend code when you need procedural geometry
+4. For advanced cases, create custom objects with `sceneEntityObjectComponent` in frontend code when you need procedural geometry
 
 The Boxes entity demonstrates the standard pattern: remote objects loaded from GLTF files, positioned and animated through `sceneEntityObjectProperties`. The Train entity shows the advanced pattern with custom THREE.js objects.
 
@@ -428,7 +428,7 @@ export type SceneEntityPropertiesComponentState = {
 ```typescript
 /**
  * Configuration for custom THREE.js objects created programmatically.
- * Used with sceneEntityCustomObjectComponent in frontend code.
+ * Used with sceneEntityObjectComponent in frontend code.
  */
 export type SceneEntityObjectComponentState = {
   /**
@@ -758,8 +758,6 @@ import { memoEval, propertyPageComponent, sceneEntityObjectComponent } from '@sa
 import { AngleDimensionSlider, DistanceDimensionSlider, GenericDimensionSlider } from '@salsita-ai/sdk/react'
 import { PropertyContainer } from '@salsita-ai/sdk/ui'
 
-import { phx } from '../../.phoenix/phx.js'
-
 const createCabinObject = () => {
   const geometry = new THREE.BoxGeometry(2, 2.25, 1.5)
   const material = new THREE.MeshStandardMaterial({ color: 'firebrick' })
@@ -910,8 +908,6 @@ export default [
 ### ./src/expressions/boxes.ts
 
 ```ts
-import { phx } from '../../.phoenix/phx.js'
-
 export default phx.domain.implementCustomExpressions({
   Boxes: {
     $box1OpenedScaled: s => s.box1Opened / 100,

package/dist/docs/3d-scene/rendering/custom-entity.mdx

@@ -38,8 +38,6 @@ components:
 Create the element using `phx.frontend.createCustomPhoenixEntityElement()`. This registers a React component that renders whenever an entity with the matching `customSceneEntity` component appears in the scene:
 
 ```tsx
-import { phx } from '../../.phoenix/phx.js'
-
 export default phx.frontend.createCustomPhoenixEntityElement('CustomEntity', () => {
   return (
     <group>
@@ -241,8 +239,6 @@ components:
 ```tsx
 import { Environment, Sky } from '@react-three/drei'
 
-import { phx } from '../../.phoenix/phx.js'
-
 export default phx.frontend.createCustomPhoenixLayoutElement('CanvasEnvironment', () => {
   const rootEntity = phx.frontend.useRootEntityState()
   const isWinter = rootEntity?.isWinter ?? false
@@ -296,8 +292,6 @@ import { useFrame } from '@react-three/fiber'
 import { useMemo, useRef } from 'react'
 import * as THREE from 'three'
 
-import { phx } from '../../.phoenix/phx.js'
-
 interface SeasonProps {
   readonly isWinter: boolean
 }

package/dist/docs/3d-scene/rendering/lights/ambient-light.mdx

@@ -317,8 +317,6 @@ export default []
 import { Environment } from '@react-three/drei'
 import { useThree } from '@react-three/fiber'
 
-import { phx } from '../../.phoenix/phx.js'
-
 const TONE_MAPPING_EXPOSURE = 0.15
 
 export default phx.frontend.createCustomPhoenixLayoutElement('CanvasEnvironment', () => {

package/dist/docs/3d-scene/rendering/lights/directional-light.mdx

@@ -378,8 +378,6 @@ export default []
 import { Environment } from '@react-three/drei'
 import { useThree } from '@react-three/fiber'
 
-import { phx } from '../../.phoenix/phx.js'
-
 const TONE_MAPPING_EXPOSURE = 0.15
 
 export default phx.frontend.createCustomPhoenixLayoutElement('CanvasEnvironment', () => {

package/dist/docs/3d-scene/rendering/lights/point-light.mdx

@@ -357,8 +357,6 @@ export default []
 import { Environment } from '@react-three/drei'
 import { useThree } from '@react-three/fiber'
 
-import { phx } from '../../.phoenix/phx.js'
-
 const TONE_MAPPING_EXPOSURE = 0.15
 
 export default phx.frontend.createCustomPhoenixLayoutElement('CanvasEnvironment', () => {

package/dist/docs/3d-scene/rendering/lights/rect-area-light.mdx

@@ -380,8 +380,6 @@ export default []
 import { Environment } from '@react-three/drei'
 import { useThree } from '@react-three/fiber'
 
-import { phx } from '../../.phoenix/phx.js'
-
 const TONE_MAPPING_EXPOSURE = 0.15
 
 export default phx.frontend.createCustomPhoenixLayoutElement('CanvasEnvironment', () => {

package/dist/docs/3d-scene/rendering/lights/spot-light.mdx

@@ -386,8 +386,6 @@ export default []
 import { Environment } from '@react-three/drei'
 import { useThree } from '@react-three/fiber'
 
-import { phx } from '../../.phoenix/phx.js'
-
 const TONE_MAPPING_EXPOSURE = 0.15
 
 export default phx.frontend.createCustomPhoenixLayoutElement('CanvasEnvironment', () => {

package/dist/docs/3d-scene/rendering/object-groups.mdx

@@ -279,8 +279,6 @@ components:
 ### ./src/expressions/cabinet.ts
 
 ```ts
-import { phx } from '../../.phoenix/phx.js'
-
 export default phx.domain.implementCustomExpressions({
   Cabinet: {
     $doorParent: s => (s.visualizeDoorOpening ? 'door' : null),

package/dist/docs/3d-scene/rendering/objects.mdx

@@ -98,8 +98,6 @@ The `top` material uses dynamic expressions for color and textures, while the `l
 Create expressions that map attribute values to their corresponding object names and material properties:
 
 ```typescript
-import { phx } from '../../.phoenix/phx.js'
-
 const TopObjects = {
   oval: 'OVAAL_OVAL',
   rectangle: 'RECHTHOEK_RECTANGLE',
@@ -326,8 +324,6 @@ components:
 ### ./src/expressions/expressions.ts
 
 ```ts
-import { phx } from '../../.phoenix/phx.js'
-
 const TopOjects = {
   oval: 'OVAAL_OVAL',
   rectangle: 'RECHTHOEK_RECTANGLE',

package/dist/docs/3d-scene/rendering/scene-entity-object.mdx

@@ -39,8 +39,6 @@ components:
 Create the element using `createCustomPhoenixEntityElement()`:
 
 ```tsx
-import { phx } from '../../.phoenix/phx.js'
-
 export default phx.frontend.createCustomPhoenixEntityElement('HouseElement', () => (
   <group>
     <mesh position={[0, 40, 0]} castShadow>
@@ -174,7 +172,6 @@ export function Tree({ isWinter, foliageColors, scale }: TreeProps) {
 
 ```tsx
 // elements/SmallSummerTreeElement.tsx
-import { phx } from '../../.phoenix/phx.js'
 import { Tree } from '../_library/Tree.js'
 
 const SUMMER_FOLIAGE = ['#228b22', '#2e8b2e', '#32cd32']
@@ -1921,8 +1918,6 @@ import { useFrame } from '@react-three/fiber'
 import { useMemo, useRef } from 'react'
 import * as THREE from 'three'
 
-import { phx } from '../../.phoenix/phx.js'
-
 function Snowflakes() {
   const particlesRef = useRef<THREE.InstancedMesh>(null)
   const particleCount = 100
@@ -2079,7 +2074,6 @@ export default phx.frontend.createCustomPhoenixLayoutElement('CanvasEnvironment'
 ### ./src/elements/CircularSummerGardenElement.tsx
 
 ```tsx
-import { phx } from '../../.phoenix/phx.js'
 import { CircularGarden } from '../_library/Garden.js'
 
 export default phx.frontend.createCustomPhoenixEntityElement('CircularSummerGardenElement', () => (
@@ -2090,7 +2084,6 @@ export default phx.frontend.createCustomPhoenixEntityElement('CircularSummerGard
 ### ./src/elements/CircularWinterGardenElement.tsx
 
 ```tsx
-import { phx } from '../../.phoenix/phx.js'
 import { CircularGarden } from '../_library/Garden.js'
 
 export default phx.frontend.createCustomPhoenixEntityElement('CircularWinterGardenElement', () => (
@@ -2101,7 +2094,6 @@ export default phx.frontend.createCustomPhoenixEntityElement('CircularWinterGard
 ### ./src/elements/ClassicSummerHouseElement.tsx
 
 ```tsx
-import { phx } from '../../.phoenix/phx.js'
 import { ClassicHouse } from '../_library/ClassicHouse.js'
 
 export default phx.frontend.createCustomPhoenixEntityElement('ClassicSummerHouseElement', () => (
@@ -2112,7 +2104,6 @@ export default phx.frontend.createCustomPhoenixEntityElement('ClassicSummerHouse
 ### ./src/elements/ClassicWinterHouseElement.tsx
 
 ```tsx
-import { phx } from '../../.phoenix/phx.js'
 import { ClassicHouse } from '../_library/ClassicHouse.js'
 
 export default phx.frontend.createCustomPhoenixEntityElement('ClassicWinterHouseElement', () => (
@@ -2123,7 +2114,6 @@ export default phx.frontend.createCustomPhoenixEntityElement('ClassicWinterHouse
 ### ./src/elements/CottageSummerHouseElement.tsx
 
 ```tsx
-import { phx } from '../../.phoenix/phx.js'
 import { CottageHouse } from '../_library/CottageHouse.js'
 
 export default phx.frontend.createCustomPhoenixEntityElement('CottageSummerHouseElement', () => (
@@ -2134,7 +2124,6 @@ export default phx.frontend.createCustomPhoenixEntityElement('CottageSummerHouse
 ### ./src/elements/CottageWinterHouseElement.tsx
 
 ```tsx
-import { phx } from '../../.phoenix/phx.js'
 import { CottageHouse } from '../_library/CottageHouse.js'
 
 export default phx.frontend.createCustomPhoenixEntityElement('CottageWinterHouseElement', () => (
@@ -2145,7 +2134,6 @@ export default phx.frontend.createCustomPhoenixEntityElement('CottageWinterHouse
 ### ./src/elements/HexagonalSummerGardenElement.tsx
 
 ```tsx
-import { phx } from '../../.phoenix/phx.js'
 import { HexagonalGarden } from '../_library/Garden.js'
 
 export default phx.frontend.createCustomPhoenixEntityElement('HexagonalSummerGardenElement', () => (
@@ -2162,7 +2150,6 @@ export default phx.frontend.createCustomPhoenixEntityElement('HexagonalSummerGar
 ### ./src/elements/HexagonalWinterGardenElement.tsx
 
 ```tsx
-import { phx } from '../../.phoenix/phx.js'
 import { HexagonalGarden } from '../_library/Garden.js'
 
 export default phx.frontend.createCustomPhoenixEntityElement('HexagonalWinterGardenElement', () => (
@@ -2173,7 +2160,6 @@ export default phx.frontend.createCustomPhoenixEntityElement('HexagonalWinterGar
 ### ./src/elements/LargeSummerTreeElement.tsx
 
 ```tsx
-import { phx } from '../../.phoenix/phx.js'
 import { Tree } from '../_library/Tree.js'
 
 const SUMMER_FOLIAGE = ['#228b22', '#2e8b2e', '#32cd32']
@@ -2186,7 +2172,6 @@ export default phx.frontend.createCustomPhoenixEntityElement('LargeSummerTreeEle
 ### ./src/elements/LargeWinterTreeElement.tsx
 
 ```tsx
-import { phx } from '../../.phoenix/phx.js'
 import { Tree } from '../_library/Tree.js'
 
 const WINTER_FOLIAGE = ['#f0f0f0', '#e8e8e8', '#ffffff']
@@ -2199,7 +2184,6 @@ export default phx.frontend.createCustomPhoenixEntityElement('LargeWinterTreeEle
 ### ./src/elements/MediumSummerTreeElement.tsx
 
 ```tsx
-import { phx } from '../../.phoenix/phx.js'
 import { Tree } from '../_library/Tree.js'
 
 const SUMMER_FOLIAGE = ['#228b22', '#2e8b2e', '#32cd32']
@@ -2212,7 +2196,6 @@ export default phx.frontend.createCustomPhoenixEntityElement('MediumSummerTreeEl
 ### ./src/elements/MediumWinterTreeElement.tsx
 
 ```tsx
-import { phx } from '../../.phoenix/phx.js'
 import { Tree } from '../_library/Tree.js'
 
 const WINTER_FOLIAGE = ['#f0f0f0', '#e8e8e8', '#ffffff']
@@ -2225,7 +2208,6 @@ export default phx.frontend.createCustomPhoenixEntityElement('MediumWinterTreeEl
 ### ./src/elements/ModernCircularSummerFenceElement.tsx
 
 ```tsx
-import { phx } from '../../.phoenix/phx.js'
 import { ModernFence } from '../_library/Fence.js'
 
 export default phx.frontend.createCustomPhoenixEntityElement('ModernCircularSummerFenceElement', () => (
@@ -2236,7 +2218,6 @@ export default phx.frontend.createCustomPhoenixEntityElement('ModernCircularSumm
 ### ./src/elements/ModernCircularWinterFenceElement.tsx
 
 ```tsx
-import { phx } from '../../.phoenix/phx.js'
 import { ModernFence } from '../_library/Fence.js'
 
 export default phx.frontend.createCustomPhoenixEntityElement('ModernCircularWinterFenceElement', () => (
@@ -2247,7 +2228,6 @@ export default phx.frontend.createCustomPhoenixEntityElement('ModernCircularWint
 ### ./src/elements/ModernHexagonalSummerFenceElement.tsx
 
 ```tsx
-import { phx } from '../../.phoenix/phx.js'
 import { ModernFence } from '../_library/Fence.js'
 
 export default phx.frontend.createCustomPhoenixEntityElement('ModernHexagonalSummerFenceElement', () => (
@@ -2258,7 +2238,6 @@ export default phx.frontend.createCustomPhoenixEntityElement('ModernHexagonalSum
 ### ./src/elements/ModernHexagonalWinterFenceElement.tsx
 
 ```tsx
-import { phx } from '../../.phoenix/phx.js'
 import { ModernFence } from '../_library/Fence.js'
 
 export default phx.frontend.createCustomPhoenixEntityElement('ModernHexagonalWinterFenceElement', () => (
@@ -2269,7 +2248,6 @@ export default phx.frontend.createCustomPhoenixEntityElement('ModernHexagonalWin
 ### ./src/elements/ModernSquareSummerFenceElement.tsx
 
 ```tsx
-import { phx } from '../../.phoenix/phx.js'
 import { ModernFence } from '../_library/Fence.js'
 
 export default phx.frontend.createCustomPhoenixEntityElement('ModernSquareSummerFenceElement', () => (
@@ -2280,7 +2258,6 @@ export default phx.frontend.createCustomPhoenixEntityElement('ModernSquareSummer
 ### ./src/elements/ModernSquareWinterFenceElement.tsx
 
 ```tsx
-import { phx } from '../../.phoenix/phx.js'
 import { ModernFence } from '../_library/Fence.js'
 
 export default phx.frontend.createCustomPhoenixEntityElement('ModernSquareWinterFenceElement', () => (
@@ -2291,7 +2268,6 @@ export default phx.frontend.createCustomPhoenixEntityElement('ModernSquareWinter
 ### ./src/elements/ModernSummerHouseElement.tsx
 
 ```tsx
-import { phx } from '../../.phoenix/phx.js'
 import { ModernHouse } from '../_library/ModernHouse.js'
 
 export default phx.frontend.createCustomPhoenixEntityElement('ModernSummerHouseElement', () => (
@@ -2302,7 +2278,6 @@ export default phx.frontend.createCustomPhoenixEntityElement('ModernSummerHouseE
 ### ./src/elements/ModernWinterHouseElement.tsx
 
 ```tsx
-import { phx } from '../../.phoenix/phx.js'
 import { ModernHouse } from '../_library/ModernHouse.js'
 
 export default phx.frontend.createCustomPhoenixEntityElement('ModernWinterHouseElement', () => (
@@ -2313,7 +2288,6 @@ export default phx.frontend.createCustomPhoenixEntityElement('ModernWinterHouseE
 ### ./src/elements/PicketCircularSummerFenceElement.tsx
 
 ```tsx
-import { phx } from '../../.phoenix/phx.js'
 import { PicketFence } from '../_library/Fence.js'
 
 export default phx.frontend.createCustomPhoenixEntityElement('PicketCircularSummerFenceElement', () => (
@@ -2324,7 +2298,6 @@ export default phx.frontend.createCustomPhoenixEntityElement('PicketCircularSumm
 ### ./src/elements/PicketCircularWinterFenceElement.tsx
 
 ```tsx
-import { phx } from '../../.phoenix/phx.js'
 import { PicketFence } from '../_library/Fence.js'
 
 export default phx.frontend.createCustomPhoenixEntityElement('PicketCircularWinterFenceElement', () => (
@@ -2335,7 +2308,6 @@ export default phx.frontend.createCustomPhoenixEntityElement('PicketCircularWint
 ### ./src/elements/PicketHexagonalSummerFenceElement.tsx
 
 ```tsx
-import { phx } from '../../.phoenix/phx.js'
 import { PicketFence } from '../_library/Fence.js'
 
 export default phx.frontend.createCustomPhoenixEntityElement('PicketHexagonalSummerFenceElement', () => (
@@ -2346,7 +2318,6 @@ export default phx.frontend.createCustomPhoenixEntityElement('PicketHexagonalSum
 ### ./src/elements/PicketHexagonalWinterFenceElement.tsx
 
 ```tsx
-import { phx } from '../../.phoenix/phx.js'
 import { PicketFence } from '../_library/Fence.js'
 
 export default phx.frontend.createCustomPhoenixEntityElement('PicketHexagonalWinterFenceElement', () => (
@@ -2357,7 +2328,6 @@ export default phx.frontend.createCustomPhoenixEntityElement('PicketHexagonalWin
 ### ./src/elements/PicketSquareSummerFenceElement.tsx
 
 ```tsx
-import { phx } from '../../.phoenix/phx.js'
 import { PicketFence } from '../_library/Fence.js'
 
 export default phx.frontend.createCustomPhoenixEntityElement('PicketSquareSummerFenceElement', () => (
@@ -2368,7 +2338,6 @@ export default phx.frontend.createCustomPhoenixEntityElement('PicketSquareSummer
 ### ./src/elements/PicketSquareWinterFenceElement.tsx
 
 ```tsx
-import { phx } from '../../.phoenix/phx.js'
 import { PicketFence } from '../_library/Fence.js'
 
 export default phx.frontend.createCustomPhoenixEntityElement('PicketSquareWinterFenceElement', () => (
@@ -2379,7 +2348,6 @@ export default phx.frontend.createCustomPhoenixEntityElement('PicketSquareWinter
 ### ./src/elements/SmallSummerTreeElement.tsx
 
 ```tsx
-import { phx } from '../../.phoenix/phx.js'
 import { Tree } from '../_library/Tree.js'
 
 const SUMMER_FOLIAGE = ['#228b22', '#2e8b2e', '#32cd32']
@@ -2392,7 +2360,6 @@ export default phx.frontend.createCustomPhoenixEntityElement('SmallSummerTreeEle
 ### ./src/elements/SmallWinterTreeElement.tsx
 
 ```tsx
-import { phx } from '../../.phoenix/phx.js'
 import { Tree } from '../_library/Tree.js'
 
 const WINTER_FOLIAGE = ['#f0f0f0', '#e8e8e8', '#ffffff']
@@ -2405,7 +2372,6 @@ export default phx.frontend.createCustomPhoenixEntityElement('SmallWinterTreeEle
 ### ./src/elements/SquareSummerGardenElement.tsx
 
 ```tsx
-import { phx } from '../../.phoenix/phx.js'
 import { SquareGarden } from '../_library/Garden.js'
 
 export default phx.frontend.createCustomPhoenixEntityElement('SquareSummerGardenElement', () => (
@@ -2416,7 +2382,6 @@ export default phx.frontend.createCustomPhoenixEntityElement('SquareSummerGarden
 ### ./src/elements/SquareWinterGardenElement.tsx
 
 ```tsx
-import { phx } from '../../.phoenix/phx.js'
 import { SquareGarden } from '../_library/Garden.js'
 
 export default phx.frontend.createCustomPhoenixEntityElement('SquareWinterGardenElement', () => (
@@ -2427,7 +2392,6 @@ export default phx.frontend.createCustomPhoenixEntityElement('SquareWinterGarden
 ### ./src/elements/StoneCircularSummerFenceElement.tsx
 
 ```tsx
-import { phx } from '../../.phoenix/phx.js'
 import { StoneFence } from '../_library/Fence.js'
 
 export default phx.frontend.createCustomPhoenixEntityElement('StoneCircularSummerFenceElement', () => (
@@ -2438,7 +2402,6 @@ export default phx.frontend.createCustomPhoenixEntityElement('StoneCircularSumme
 ### ./src/elements/StoneCircularWinterFenceElement.tsx
 
 ```tsx
-import { phx } from '../../.phoenix/phx.js'
 import { StoneFence } from '../_library/Fence.js'
 
 export default phx.frontend.createCustomPhoenixEntityElement('StoneCircularWinterFenceElement', () => (
@@ -2449,7 +2412,6 @@ export default phx.frontend.createCustomPhoenixEntityElement('StoneCircularWinte
 ### ./src/elements/StoneHexagonalSummerFenceElement.tsx
 
 ```tsx
-import { phx } from '../../.phoenix/phx.js'
 import { StoneFence } from '../_library/Fence.js'
 
 export default phx.frontend.createCustomPhoenixEntityElement('StoneHexagonalSummerFenceElement', () => (
@@ -2460,7 +2422,6 @@ export default phx.frontend.createCustomPhoenixEntityElement('StoneHexagonalSumm
 ### ./src/elements/StoneHexagonalWinterFenceElement.tsx
 
 ```tsx
-import { phx } from '../../.phoenix/phx.js'
 import { StoneFence } from '../_library/Fence.js'
 
 export default phx.frontend.createCustomPhoenixEntityElement('StoneHexagonalWinterFenceElement', () => (
@@ -2471,7 +2432,6 @@ export default phx.frontend.createCustomPhoenixEntityElement('StoneHexagonalWint
 ### ./src/elements/StoneSquareSummerFenceElement.tsx
 
 ```tsx
-import { phx } from '../../.phoenix/phx.js'
 import { StoneFence } from '../_library/Fence.js'
 
 export default phx.frontend.createCustomPhoenixEntityElement('StoneSquareSummerFenceElement', () => (
@@ -2482,7 +2442,6 @@ export default phx.frontend.createCustomPhoenixEntityElement('StoneSquareSummerF
 ### ./src/elements/StoneSquareWinterFenceElement.tsx
 
 ```tsx
-import { phx } from '../../.phoenix/phx.js'
 import { StoneFence } from '../_library/Fence.js'
 
 export default phx.frontend.createCustomPhoenixEntityElement('StoneSquareWinterFenceElement', () => (
@@ -2495,8 +2454,6 @@ export default phx.frontend.createCustomPhoenixEntityElement('StoneSquareWinterF
 ```ts
 import { match } from 'ts-pattern'
 
-import { phx } from '../../.phoenix/phx.js'
-
 const SMOKE_POSITIONS = {
   classic: { x: 25, y: 125, z: -10 },
   modern: { x: -45, y: 85, z: 25 },

package/dist/docs/3d-scene/rendering/smma.mdx

@@ -192,7 +192,6 @@ export const SmaaControls = () => {
 import { memoEval, propertyPageComponent } from '@salsita-ai/sdk/domain'
 
 import { getConsoleRenderingComponents } from '../../../../common/console-rendering.js'
-import { phx } from '../../.phoenix/phx.js'
 import { SmaaControls } from '../_shared/SmaaControls.js'
 
 export default [
@@ -221,7 +220,6 @@ import { useObservableEagerState } from 'observable-hooks'
 
 import { Postprocessing } from '@salsita-ai/sdk/configurator'
 
-import { phx } from '../../.phoenix/phx.js'
 import { smaaState$ } from '../_shared/SmaaControls.js'
 
 export default phx.frontend.createCustomPhoenixLayoutElement('CanvasEnvironment', () => {

package/dist/docs/3d-scene/rendering/soft-shadows.mdx

@@ -196,8 +196,6 @@ components:
 ```tsx
 import { Environment } from '@react-three/drei'
 
-import { phx } from '../../.phoenix/phx.js'
-
 export default phx.frontend.createCustomPhoenixLayoutElement('CanvasEnvironment', () => {
   return (
     <>

package/dist/docs/3d-scene/rendering/transformer.mdx

@@ -21,7 +21,7 @@ First we register the custom `SceneEntityObject` using
 
 ```ts
 attachComponent
-  .withComponent(sceneEntityCustomObjectComponent, 'gem')
+  .withComponent(sceneEntityObjectComponent, 'gem')
   .withEntity('Scene')
   .attach(
     memoEval(
@@ -227,7 +227,6 @@ import { PropertyContainer } from '@salsita-ai/sdk/ui'
 
 import { EGemCut, isGemUserData } from '../../../../common/gem-rendering/gem.js'
 import { renderGem } from '../../../../common/gem-rendering/render-gem.js'
-import { phx } from '../../.phoenix/phx.js'
 import { GemColorSwatchMap } from '../_shared/swatches.js'
 
 export default [
@@ -307,7 +306,6 @@ export default [
 ### ./src/expressions/expressions.ts
 
 ```ts
-import { phx } from '../../.phoenix/phx.js'
 import { GemColorSwatchMap } from '../_shared/swatches.js'
 
 export default phx.domain.implementCustomExpressions({

package/dist/docs/complex-use-cases/custom-ui-on-root-level.mdx

@@ -81,7 +81,6 @@ import { propertyPageComponent } from '@salsita-ai/sdk/domain'
 
 import { MockSidebarOne } from '../../../../common/MockSidebar'
 import { getMockChairComponents } from '../../../../common/mock-chair-model/mock-chair-model-components'
-import { phx } from '../../.phoenix/phx.js'
 
 export default [
   phx.domain.attachComponent