@viamrobotics/motion-tools 1.14.0 → 1.15.0

package/dist/FrameConfigUpdater.svelte.d.ts

@@ -1,7 +1,7 @@
-import type { Entity } from 'koota';
 import type { Pose } from '@viamrobotics/sdk';
-import type { Frame } from './frame';
+import type { Entity } from 'koota';
 import type { Vector3Like } from 'three';
+import type { Frame } from './frame';
 type UpdateFrameCallback = {
     (componentName: string, referenceFrame: string, pose: Pose, geometry?: Frame['geometry']): void;
 };

package/dist/HoverUpdater.svelte.d.ts

@@ -1,5 +1,5 @@
-import type { Entity } from 'koota';
 import type { IntersectionEvent } from '@threlte/extras';
+import type { Entity } from 'koota';
 export interface HoverInfo {
     index: number;
     x: number;

package/dist/attribute.js

@@ -1,4 +1,4 @@
-import { BufferGeometry, BufferAttribute } from 'three';
+import { BufferAttribute, BufferGeometry } from 'three';
 import { STRIDE } from './buffer';
 const colorStride = (colors, positions) => {
     const numVertices = positions.length / STRIDE.POSITIONS;

package/dist/color.d.ts

@@ -1,5 +1,5 @@
-import { Color, type ColorRepresentation, type RGB } from 'three';
 import { ResourceName } from '@viamrobotics/sdk';
+import { Color, type ColorRepresentation, type RGB } from 'three';
 /**
  * Darkens a THREE.Color by a given percentage while preserving hue.
  * @param color The original THREE.Color instance.

package/dist/color.js

@@ -1,6 +1,6 @@
-import { Color } from 'three';
-import twColors from 'tailwindcss/colors';
 import { ResourceName } from '@viamrobotics/sdk';
+import twColors from 'tailwindcss/colors';
+import { Color } from 'three';
 // Step 3: linear sRGB → sRGB
 const linearToSrgb = (x) => {
     return x <= 0.0031308 ? 12.92 * x : 1.055 * Math.pow(x, 1 / 2.4) - 0.055;

package/dist/components/App.svelte

@@ -1,36 +1,40 @@
 <script lang="ts">
+	import type { Struct } from '@viamrobotics/sdk'
 	import type { Snippet } from 'svelte'
+
+	import { SvelteQueryDevtools } from '@tanstack/svelte-query-devtools'
 	import { Canvas } from '@threlte/core'
 	import { PortalTarget } from '@threlte/extras'
-	import { SvelteQueryDevtools } from '@tanstack/svelte-query-devtools'
+	import { useXR } from '@threlte/xr'
 	import { provideToast, ToastContainer } from '@viamrobotics/prime-core'
-	import type { Struct } from '@viamrobotics/sdk'
-	import Scene from './Scene.svelte'
-	import TreeContainer from './overlay/left-pane/TreeContainer.svelte'
+
+	import type { CameraPose } from '../hooks/useControls.svelte'
+
+	import Dashboard from './overlay/dashboard/Dashboard.svelte'
 	import Details from './overlay/Details.svelte'
-	import SceneProviders from './SceneProviders.svelte'
+	import TreeContainer from './overlay/left-pane/TreeContainer.svelte'
+	import Settings from './overlay/settings/Settings.svelte'
 	import XR from './xr/XR.svelte'
-	import { createPartIDContext } from '../hooks/usePartID.svelte'
-	import Dashboard from './overlay/dashboard/Dashboard.svelte'
-	import { domPortal } from '../portal'
-	import { provideSettings } from '../hooks/useSettings.svelte'
-	import FileDrop from './FileDrop/FileDrop.svelte'
-	import { provideWeblabs } from '../hooks/useWeblabs.svelte'
-	import { providePartConfig } from '../hooks/usePartConfig.svelte'
-	import LiveUpdatesBanner from './overlay/LiveUpdatesBanner.svelte'
-	import ArmPositions from './overlay/widgets/ArmPositions.svelte'
-	import { provideEnvironment } from '../hooks/useEnvironment.svelte'
-	import type { CameraPose } from '../hooks/useControls.svelte'
 	import { provideWorld } from '../ecs'
 	import {
-		provideDrawConnectionConfig,
 		type DrawConnectionConfig,
+		provideDrawConnectionConfig,
 	} from '../hooks/useDrawConnectionConfig.svelte'
-	import Camera from './overlay/widgets/Camera.svelte'
+	import { provideEnvironment } from '../hooks/useEnvironment.svelte'
+	import { providePartConfig } from '../hooks/usePartConfig.svelte'
+	import { createPartIDContext } from '../hooks/usePartID.svelte'
+	import { provideSettings } from '../hooks/useSettings.svelte'
+	import { provideWeblabs } from '../hooks/useWeblabs.svelte'
+	import { domPortal } from '../portal'
+
+	import FileDrop from './FileDrop/FileDrop.svelte'
 	import HoveredEntities from './hover/HoveredEntities.svelte'
-	import Settings from './overlay/settings/Settings.svelte'
-	import { useXR } from '@threlte/xr'
+	import LiveUpdatesBanner from './overlay/LiveUpdatesBanner.svelte'
 	import Logs from './overlay/Logs.svelte'
+	import ArmPositions from './overlay/widgets/ArmPositions.svelte'
+	import Camera from './overlay/widgets/Camera.svelte'
+	import Scene from './Scene.svelte'
+	import SceneProviders from './SceneProviders.svelte'
 
 	interface LocalConfigProps {
 		current: Struct
@@ -96,7 +100,7 @@
 {/if}
 
 <div
-	class="relative h-full w-full overflow-hidden"
+	class="relative h-full w-full overflow-hidden dark:bg-white"
 	bind:this={root}
 >
 	<Canvas renderMode="on-demand">

package/dist/components/App.svelte.d.ts

@@ -1,5 +1,5 @@
-import type { Snippet } from 'svelte';
 import type { Struct } from '@viamrobotics/sdk';
+import type { Snippet } from 'svelte';
 import type { CameraPose } from '../hooks/useControls.svelte';
 import { type DrawConnectionConfig } from '../hooks/useDrawConnectionConfig.svelte';
 interface LocalConfigProps {

package/dist/components/BatchedArrows.svelte

@@ -1,11 +1,13 @@
 <script lang="ts">
+	import type { Entity } from 'koota'
+
 	import { T } from '@threlte/core'
 	import { Portal } from '@threlte/extras'
-	import { BatchedArrow } from '../three/BatchedArrow'
-	import { traits, useWorld } from '../ecs'
-	import type { Entity } from 'koota'
 	import { Color, Vector3 } from 'three'
 
+	import { traits, useWorld } from '../ecs'
+	import { BatchedArrow } from '../three/BatchedArrow'
+
 	const arrowBatchMap = $state<Record<string, BatchedArrow>>({
 		world: new BatchedArrow(),
 	})

package/dist/components/Camera.svelte

@@ -1,5 +1,6 @@
 <script lang="ts">
 	import { T } from '@threlte/core'
+
 	import { useSettings } from '../hooks/useSettings.svelte'
 
 	let { children, ...rest } = $props()

package/dist/components/CameraControls.svelte

@@ -1,11 +1,13 @@
 <script lang="ts">
-	import { MathUtils } from 'three'
 	import { CameraControls, type CameraControlsRef, Gizmo, Portal } from '@threlte/extras'
-	import { useCameraControls, useTransformControls } from '../hooks/useControls.svelte'
-	import KeyboardControls from './KeyboardControls.svelte'
+	import { MathUtils } from 'three'
+
 	import Button from './overlay/dashboard/Button.svelte'
+	import { useCameraControls, useTransformControls } from '../hooks/useControls.svelte'
 	import { useSettings } from '../hooks/useSettings.svelte'
 
+	import KeyboardControls from './KeyboardControls.svelte'
+
 	const cameraControls = useCameraControls()
 	const settings = useSettings()
 	const transformControls = useTransformControls()

package/dist/components/Entities/Arrows/ArrowGroups.svelte

@@ -1,10 +1,13 @@
 <script lang="ts">
-	import { InstancedArrows } from '../../../three/InstancedArrows/InstancedArrows'
-	import { traits, useWorld } from '../../../ecs'
 	import type { Entity } from 'koota'
-	import { STRIDE } from '../../../buffer'
+
 	import { SvelteMap } from 'svelte/reactivity'
 	import { Color } from 'three'
+
+	import { STRIDE } from '../../../buffer'
+	import { traits, useWorld } from '../../../ecs'
+	import { InstancedArrows } from '../../../three/InstancedArrows/InstancedArrows'
+
 	import Arrows from './Arrows.svelte'
 
 	const world = useWorld()

package/dist/components/Entities/Arrows/Arrows.svelte

@@ -1,10 +1,13 @@
 <script lang="ts">
+	import type { Entity } from 'koota'
+
 	import { T } from '@threlte/core'
 	import { Portal } from '@threlte/extras'
-	import type { Entity } from 'koota'
-	import { traits } from '../../../ecs'
-	import { useEntityEvents } from '../hooks/useEntityEvents.svelte'
+
 	import type { InstancedArrows } from '../../../three/InstancedArrows/InstancedArrows'
+
+	import { useEntityEvents } from '../hooks/useEntityEvents.svelte'
+	import { traits } from '../../../ecs'
 	import { useFocusedEntity, useSelectedEntity } from '../../../hooks/useSelection.svelte'
 	import { meshBoundsRaycast, raycast } from '../../../three/InstancedArrows/raycast'
 

package/dist/components/Entities/Entities.svelte

@@ -1,14 +1,16 @@
 <script lang="ts">
-	import Pose from './Pose.svelte'
+	import { Not, Or } from 'koota'
+
+	import { traits, useQuery } from '../../ecs'
+
+	import Arrows from './Arrows/ArrowGroups.svelte'
 	import Frame from './Frame.svelte'
+	import Geometry from './Geometry.svelte'
 	import GLTF from './GLTF.svelte'
 	import Label from './Label.svelte'
 	import Line from './Line.svelte'
 	import Points from './Points.svelte'
-	import Arrows from './Arrows/ArrowGroups.svelte'
-	import { traits, useQuery } from '../../ecs'
-	import { Not, Or } from 'koota'
-	import Geometry from './Geometry.svelte'
+	import Pose from './Pose.svelte'
 
 	/**
 	 * Frames from a live machine are bucketed into their own query

package/dist/components/Entities/Frame.svelte

@@ -10,19 +10,22 @@ Renders a Viam Frame object
 </script>
 
 <script lang="ts">
+	import type { Pose } from '@viamrobotics/sdk'
+	import type { Entity } from 'koota'
 	import type { Snippet } from 'svelte'
-	import { Group, type Object3D } from 'three'
+
 	import { T, useThrelte } from '@threlte/core'
 	import { Portal, PortalTarget } from '@threlte/extras'
-	import { useEntityEvents } from './hooks/useEntityEvents.svelte'
-	import Mesh from './Mesh.svelte'
+	import { Group, type Object3D } from 'three'
+
 	import { colors, resourceColors } from '../../color'
-	import type { Entity } from 'koota'
 	import { traits, useTrait } from '../../ecs'
-	import type { Pose } from '@viamrobotics/sdk'
 	import { useResourceByName } from '../../hooks/useResourceByName.svelte'
 	import { poseToObject3d } from '../../transform'
 
+	import { useEntityEvents } from './hooks/useEntityEvents.svelte'
+	import Mesh from './Mesh.svelte'
+
 	interface Props {
 		entity: Entity
 		pose?: Pose

package/dist/components/Entities/Frame.svelte.d.ts

@@ -1,7 +1,7 @@
+import type { Pose } from '@viamrobotics/sdk';
+import type { Entity } from 'koota';
 import type { Snippet } from 'svelte';
 import { type Object3D } from 'three';
-import type { Entity } from 'koota';
-import type { Pose } from '@viamrobotics/sdk';
 interface Props {
     entity: Entity;
     pose?: Pose;

package/dist/components/Entities/GLTF.svelte

@@ -2,7 +2,7 @@
 	module
 	lang="ts"
 >
-	import { GLTFLoader, DRACOLoader } from 'three/examples/jsm/Addons.js'
+	import { DRACOLoader, GLTFLoader } from 'three/examples/jsm/Addons.js'
 
 	const dracoLoader = new DRACOLoader()
 	const gltfLoader = new GLTFLoader()
@@ -12,15 +12,18 @@
 </script>
 
 <script lang="ts">
-	import { T, type Props as ThrelteProps } from '@threlte/core'
-	import { Portal, PortalTarget, useGltfAnimations, type ThrelteGltf } from '@threlte/extras'
+	import type { Entity } from 'koota'
 	import type { Snippet } from 'svelte'
+
+	import { T, type Props as ThrelteProps } from '@threlte/core'
+	import { Portal, PortalTarget, type ThrelteGltf, useGltfAnimations } from '@threlte/extras'
 	import { Group, type Object3D } from 'three'
-	import { useEntityEvents } from './hooks/useEntityEvents.svelte'
-	import type { Entity } from 'koota'
+
 	import { traits, useTrait } from '../../ecs'
 	import { poseToObject3d } from '../../transform'
 
+	import { useEntityEvents } from './hooks/useEntityEvents.svelte'
+
 	interface Props extends ThrelteProps<Object3D> {
 		entity: Entity
 		children?: Snippet

package/dist/components/Entities/GLTF.svelte.d.ts

@@ -1,7 +1,7 @@
-import { type Props as ThrelteProps } from '@threlte/core';
+import type { Entity } from 'koota';
 import type { Snippet } from 'svelte';
+import { type Props as ThrelteProps } from '@threlte/core';
 import { type Object3D } from 'three';
-import type { Entity } from 'koota';
 interface Props extends ThrelteProps<Object3D> {
     entity: Entity;
     children?: Snippet;

package/dist/components/Entities/Geometry.svelte

@@ -4,16 +4,19 @@
 Renders a Viam Geometry object
 -->
 <script lang="ts">
+	import type { Entity } from 'koota'
+	import type { Snippet } from 'svelte'
+
 	import { T, useThrelte } from '@threlte/core'
+	import { Portal } from '@threlte/extras'
+
 	import { traits, useTrait } from '../../ecs'
 	import { use3DModels } from '../../hooks/use3DModels.svelte'
-	import { Portal } from '@threlte/extras'
-	import { poseToObject3d } from '../../transform'
 	import { useSettings } from '../../hooks/useSettings.svelte'
-	import Mesh from './Mesh.svelte'
+	import { poseToObject3d } from '../../transform'
+
 	import { useEntityEvents } from './hooks/useEntityEvents.svelte'
-	import type { Entity } from 'koota'
-	import type { Snippet } from 'svelte'
+	import Mesh from './Mesh.svelte'
 
 	interface Props {
 		entity: Entity

package/dist/components/Entities/Line.svelte

@@ -5,17 +5,20 @@
 </script>
 
 <script lang="ts">
+	import type { Entity } from 'koota'
 	import type { Snippet } from 'svelte'
+
 	import { T, useThrelte } from '@threlte/core'
 	import { meshBounds, Portal, PortalTarget } from '@threlte/extras'
-	import type { Entity } from 'koota'
-	import { traits, useTrait } from '../../ecs'
-	import LineDots from './LineDots.svelte'
+	import { Line2, LineMaterial } from 'three/examples/jsm/Addons.js'
+
 	import { darkenColor } from '../../color'
+	import { traits, useTrait } from '../../ecs'
+	import { poseToObject3d } from '../../transform'
+
 	import { useEntityEvents } from './hooks/useEntityEvents.svelte'
-	import { Line2, LineMaterial } from 'three/examples/jsm/Addons.js'
+	import LineDots from './LineDots.svelte'
 	import LineGeometry from './LineGeometry.svelte'
-	import { poseToObject3d } from '../../transform'
 
 	interface Props {
 		entity: Entity

package/dist/components/Entities/Line.svelte.d.ts

@@ -1,5 +1,5 @@
-import type { Snippet } from 'svelte';
 import type { Entity } from 'koota';
+import type { Snippet } from 'svelte';
 interface Props {
     entity: Entity;
     children?: Snippet;

package/dist/components/Entities/LineDots.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
 	import { T } from '@threlte/core'
-	import { BatchedMesh, Matrix4, SphereGeometry, Vector3, type ColorRepresentation } from 'three'
+	import { BatchedMesh, type ColorRepresentation, Matrix4, SphereGeometry, Vector3 } from 'three'
 
 	interface Props {
 		color: ColorRepresentation

package/dist/components/Entities/LineGeometry.svelte

@@ -1,7 +1,7 @@
 <script>
-	import { LineGeometry } from 'three/examples/jsm/Addons.js'
 	import { T } from '@threlte/core'
 	import { untrack } from 'svelte'
+	import { LineGeometry } from 'three/examples/jsm/Addons.js'
 
 	let { positions } = $props()
 

package/dist/components/Entities/Mesh.svelte

@@ -1,14 +1,17 @@
 <script lang="ts">
-	import { T, useThrelte, type Props as ThrelteProps } from '@threlte/core'
+	import type { Pose } from '@viamrobotics/sdk'
+	import type { Entity } from 'koota'
+
+	import { T, type Props as ThrelteProps, useThrelte } from '@threlte/core'
 	import { type Snippet } from 'svelte'
 	import { BufferGeometry, Color, DoubleSide, FrontSide, Mesh } from 'three'
-	import { CapsuleGeometry } from '../../three/CapsuleGeometry'
+
 	import { colors, darkenColor } from '../../color'
-	import AxesHelper from '../AxesHelper.svelte'
-	import type { Entity } from 'koota'
 	import { traits, useTrait } from '../../ecs'
+	import { CapsuleGeometry } from '../../three/CapsuleGeometry'
 	import { poseToObject3d } from '../../transform'
-	import type { Pose } from '@viamrobotics/sdk'
+
+	import AxesHelper from '../AxesHelper.svelte'
 
 	interface Props extends ThrelteProps<Mesh> {
 		entity: Entity

package/dist/components/Entities/Points.svelte

@@ -1,13 +1,16 @@
 <script lang="ts">
-	import { Points, PointsMaterial, OrthographicCamera } from 'three'
+	import type { Entity } from 'koota'
+	import type { Snippet } from 'svelte'
+
 	import { T, useTask, useThrelte } from '@threlte/core'
 	import { Portal } from '@threlte/extras'
-	import { useEntityEvents } from './hooks/useEntityEvents.svelte'
-	import { poseToObject3d } from '../../transform'
-	import { useSettings } from '../../hooks/useSettings.svelte'
-	import type { Snippet } from 'svelte'
-	import type { Entity } from 'koota'
+	import { OrthographicCamera, Points, PointsMaterial } from 'three'
+
 	import { traits, useTrait } from '../../ecs'
+	import { useSettings } from '../../hooks/useSettings.svelte'
+	import { poseToObject3d } from '../../transform'
+
+	import { useEntityEvents } from './hooks/useEntityEvents.svelte'
 
 	interface Props {
 		entity: Entity

package/dist/components/Entities/Points.svelte.d.ts

@@ -1,6 +1,6 @@
-import { Points } from 'three';
-import type { Snippet } from 'svelte';
 import type { Entity } from 'koota';
+import type { Snippet } from 'svelte';
+import { Points } from 'three';
 interface Props {
     entity: Entity;
     children?: Snippet;

package/dist/components/Entities/Pose.svelte

@@ -1,11 +1,12 @@
 <script lang="ts">
-	import { traits, useTrait } from '../../ecs'
-	import { usePose } from '../../hooks/usePose.svelte'
-	import { matrixToPose, poseToMatrix } from '../../transform'
 	import type { Pose } from '@viamrobotics/sdk'
 	import type { Entity } from 'koota'
 	import type { Snippet } from 'svelte'
 
+	import { traits, useTrait } from '../../ecs'
+	import { usePose } from '../../hooks/usePose.svelte'
+	import { matrixToPose, poseToMatrix } from '../../transform'
+
 	interface Props {
 		entity: Entity
 		children: Snippet<[{ pose: Pose | undefined }]>

package/dist/components/Entities/hooks/useEntityEvents.svelte.d.ts

@@ -1,5 +1,5 @@
-import { type IntersectionEvent } from '@threlte/extras';
 import type { Entity } from 'koota';
+import { type IntersectionEvent } from '@threlte/extras';
 export declare const useEntityEvents: (entity: () => Entity | undefined) => {
     readonly visible: boolean;
     onpointerenter: (event: IntersectionEvent<MouseEvent>) => void;

package/dist/components/Entities/hooks/useEntityEvents.svelte.js

@@ -1,8 +1,8 @@
 import { useCursor } from '@threlte/extras';
-import { useFocusedEntity, useSelectedEntity } from '../../../hooks/useSelection.svelte';
-import { useVisibility } from '../../../hooks/useVisibility.svelte';
 import { Vector2 } from 'three';
 import { traits } from '../../../ecs';
+import { useFocusedEntity, useSelectedEntity } from '../../../hooks/useSelection.svelte';
+import { useVisibility } from '../../../hooks/useVisibility.svelte';
 import { updateHoverInfo } from '../../../HoverUpdater.svelte';
 import { createPose, matrixToPose, poseToMatrix } from '../../../transform';
 export const useEntityEvents = (entity) => {

package/dist/components/FileDrop/FileDrop.svelte

@@ -1,13 +1,17 @@
 <script lang="ts">
 	import type { HTMLAttributes } from 'svelte/elements'
-	import { useToast, ToastVariant } from '@viamrobotics/prime-core'
-	import { useFileDrop } from './useFileDrop.svelte'
-	import { useWorld } from '../../ecs/useWorld'
-	import type { FileDropperSuccess } from './file-dropper'
+
+	import { ToastVariant, useToast } from '@viamrobotics/prime-core'
+
+	import { createBufferGeometry } from '../../attribute'
 	import { traits } from '../../ecs'
-	import { spawnSnapshotEntities } from '../../snapshot'
+	import { useWorld } from '../../ecs/useWorld'
 	import { useCameraControls } from '../../hooks/useControls.svelte'
-	import { createBufferGeometry } from '../../attribute'
+	import { spawnSnapshotEntities } from '../../snapshot'
+
+	import type { FileDropperSuccess } from './file-dropper'
+
+	import { useFileDrop } from './useFileDrop.svelte'
 
 	const props: HTMLAttributes<HTMLDivElement> = $props()
 

package/dist/components/FileDrop/file-dropper.d.ts

@@ -1,6 +1,6 @@
+import type { BufferGeometry } from 'three';
 import type { Snapshot } from '../../buf/draw/v1/snapshot_pb';
 import type { SuccessMessage } from '../../loaders/pcd/messages';
-import type { BufferGeometry } from 'three';
 interface FileDropSuccess {
     success: true;
     name: string;

package/dist/components/FileDrop/pcd-dropper.js

@@ -1,6 +1,6 @@
 import { isArrayBuffer } from 'lodash-es';
-import { FileDropperError } from './file-dropper';
 import { parsePcdInWorker } from '../../loaders/pcd';
+import { FileDropperError } from './file-dropper';
 export const pcdDropper = async (params) => {
     const { name, content } = params;
     if (!isArrayBuffer(content)) {

package/dist/components/FileDrop/ply-dropper.js

@@ -1,6 +1,6 @@
 import { isArrayBuffer } from 'lodash-es';
-import { FileDropperError } from './file-dropper';
 import { PLYLoader } from 'three/examples/jsm/loaders/PLYLoader.js';
+import { FileDropperError } from './file-dropper';
 export const plyDropper = async (params) => {
     const { name, content } = params;
     if (!isArrayBuffer(content)) {

package/dist/components/FileDrop/snapshot-dropper.js

@@ -1,5 +1,5 @@
-import { Snapshot } from '../../buf/draw/v1/snapshot_pb';
 import { isArrayBuffer, isString } from 'lodash-es';
+import { Snapshot } from '../../buf/draw/v1/snapshot_pb';
 import { FileDropperError, } from './file-dropper';
 import { Extensions } from './file-names';
 const decodeJson = (params) => {

package/dist/components/Focus.svelte

@@ -1,11 +1,13 @@
 <script lang="ts">
 	import { T } from '@threlte/core'
-	import { TrackballControls, Gizmo, Portal } from '@threlte/extras'
+	import { Gizmo, Portal, TrackballControls } from '@threlte/extras'
 	import { Box3, type Object3D, Vector3 } from 'three'
 	import { TrackballControls as ThreeTrackballControls } from 'three/examples/jsm/controls/TrackballControls.js'
-	import Camera from './Camera.svelte'
+
 	import Button from './overlay/dashboard/Button.svelte'
 
+	import Camera from './Camera.svelte'
+
 	interface Props {
 		object3d: Object3D
 	}

package/dist/components/KeyboardControls.svelte

@@ -1,8 +1,10 @@
 <script lang="ts">
-	import { MathUtils } from 'three'
-	import { useTask } from '@threlte/core'
 	import type { CameraControlsRef } from '@threlte/extras'
+
+	import { useTask } from '@threlte/core'
 	import { PressedKeys } from 'runed'
+	import { MathUtils } from 'three'
+
 	import { useFocusedEntity, useSelectedEntity } from '../hooks/useSelection.svelte'
 	import { useSettings } from '../hooks/useSettings.svelte'
 	import { useVisibility } from '../hooks/useVisibility.svelte'

package/dist/components/Lasso/Debug.svelte

@@ -4,10 +4,13 @@
 Shows all steps for querying points within a lasso selection
 -->
 <script lang="ts">
+	import type { Entity } from 'koota'
+
 	import { T } from '@threlte/core'
 	import { Box3, BufferAttribute, BufferGeometry, Vector3 } from 'three'
-	import { useTrait, traits } from '../../ecs'
-	import type { Entity } from 'koota'
+
+	import { traits, useTrait } from '../../ecs'
+
 	import * as lassoTraits from './traits'
 
 	const box3 = new Box3()

package/dist/components/Lasso/Lasso.svelte

@@ -1,14 +1,17 @@
 <script lang="ts">
-	import { Raycaster, Box3, Vector3, Vector2, Plane, Triangle } from 'three'
+	import type { ShapecastCallbacks } from 'three-mesh-bvh'
+
 	import { useThrelte } from '@threlte/core'
-	import { Not } from 'koota'
-	import { useCameraControls } from '../../hooks/useControls.svelte'
 	import earcut from 'earcut'
-	import { traits, useQuery, useWorld } from '../../ecs'
-	import type { ShapecastCallbacks } from 'three-mesh-bvh'
+	import { Not } from 'koota'
+	import { Box3, Plane, Raycaster, Triangle, Vector2, Vector3 } from 'three'
+
 	import { createBufferGeometry } from '../../attribute'
-	import * as lassoTraits from './traits'
+	import { traits, useQuery, useWorld } from '../../ecs'
+	import { useCameraControls } from '../../hooks/useControls.svelte'
+
 	import Debug from './Debug.svelte'
+	import * as lassoTraits from './traits'
 
 	interface Props {
 		debug?: boolean