diff --git a/.eslintignore b/.eslintignore
index 40e66fd..edd27e6 100644
--- a/.eslintignore
+++ b/.eslintignore
@@ -17,3 +17,6 @@ yarn.lock
 /src/lib/components-check
 /src/lib/components-internal-check
 generate_svelthree_components.js
+
+# Ignore Error tests
+/src/routes/error_tests
diff --git a/.eslintrc.cjs b/.eslintrc.cjs
index 20fff36..67ca2f8 100644
--- a/.eslintrc.cjs
+++ b/.eslintrc.cjs
@@ -7,24 +7,31 @@ module.exports = {
 	plugins: ["svelte3", "@typescript-eslint"],
 
 	//(default) check *.svelte and *.ts files
-	// ignorePatterns: ["*.cjs"],
+	ignorePatterns: ["*.cjs"],
 
 	// check only *.svelte files
-	ignorePatterns: ["*.cjs", "*.ts"],
+	//ignorePatterns: ["*.cjs", "*.ts"],
 
 	overrides: [
 		{
 			files: ["*.svelte"],
-			processor: "svelte3/svelte3",
+			processor: "svelte3/svelte3"
 
 			// checking specific rules (set to "off" / "error")
 			// errors only
-			rules: {
+			/* rules: {
 				"no-inferrable-types": "error",
 				"no-undef": "error",
 				"no-empty": "error",
 				"no-case-declarations": "error",
 				"no-prototype-builtins": "error"
+			} */
+		},
+		// see: https://typescript-eslint.io/docs/linting/troubleshooting/#i-get-errors-from-the-no-undef-rule-about-global-variables-not-being-defined-even-though-there-are-no-typescript-errors
+		{
+			files: ["*.ts", "*.mts", "*.cts", "*.tsx", "*.svelte"],
+			rules: {
+				"no-undef": "off"
 			}
 		}
 	],
diff --git a/.gitignore b/.gitignore
index 67cbd7f..2f5bbcc 100644
--- a/.gitignore
+++ b/.gitignore
@@ -11,4 +11,10 @@ node_modules
 /generator
 /src/lib/components-check
 /src/lib/components-internal-check
-generate_svelthree_components.js
\ No newline at end of file
+generate_svelthree_components.js
+
+# any routes
+src/routes/
+
+# app.html
+src/app.html
\ No newline at end of file
diff --git a/.prettierrc b/.prettierrc
index b61947c..31cb27e 100644
--- a/.prettierrc
+++ b/.prettierrc
@@ -8,5 +8,18 @@
 	"endOfLine": "crlf",
 	"pluginSearchDirs": ["."],
 	"bracketSameLine": false,
-	"overrides": [{ "files": "*.svelte", "options": { "parser": "svelte" } }]
+	"overrides": [
+		{
+			"files": "*.svelte",
+			"options": {
+				"parser": "svelte"
+			}
+		},
+		{
+			"files": "src/lib/types/*.ts",
+			"options": {
+				"printWidth": 160
+			}
+		}
+	]
 }
diff --git a/postprocess_package.js b/postprocess_package.js
index 352fed4..6342da8 100644
--- a/postprocess_package.js
+++ b/postprocess_package.js
@@ -14,12 +14,14 @@ const replace_tasks = [
 				//regex: /get mat\(\).*}>>;/s,
 				//regex: /get mat\(\).*?};/s,
 				regex: /get mat\(\).*?>;/s, //opt2
-				replacement: `get mat(): MeshProps<AssignedMaterial>['mat'];`
+				//replacement: `get mat(): MeshProps<AssignedMaterial>['mat'];`
+				replacement: `get mat(): PropMat<AssignedMaterial>;`
 			},
 			{
 				//regex: /set mat\(.*}>>\);/s,
 				regex: /set mat\(.*?\);/s, // opt2
-				replacement: `set mat(_: MeshProps<AssignedMaterial>['mat']);`
+				//replacement: `set mat(_: MeshProps<AssignedMaterial>['mat']);`
+				replacement: `set mat(_: PropMat<AssignedMaterial>);`
 			}
 		]
 	},
@@ -30,12 +32,14 @@ const replace_tasks = [
 				//regex: /get mat\(\).*}>>;/s,
 				//regex: /get mat\(\).*?};/s,
 				regex: /get mat\(\).*?>;/s, //opt2
-				replacement: `get mat(): PointsProps<AssignedMaterial>['mat'];`
+				//replacement: `get mat(): PointsProps<AssignedMaterial>['mat'];`
+				replacement: `get mat(): PropMat<AssignedMaterial>;`
 			},
 			{
 				//regex: /set mat\(.*}>>\);/s,
 				regex: /set mat\(.*?\);/s, // opt2
-				replacement: `set mat(_: PointsProps<AssignedMaterial>['mat']);`
+				//replacement: `set mat(_: PointsProps<AssignedMaterial>['mat']);`
+				replacement: `set mat(_: PropMat<AssignedMaterial>);`
 			}
 		]
 	}
@@ -164,7 +168,7 @@ const get_process_comments_fn = (file_path) => {
 
 			for (let [prop_name, comment] of comments_map) {
 				const str_setter = `set ${prop_name}`
-				const regex_setter = new RegExp("\\b" + str_setter + "\\b")
+				const regex_setter = new RegExp(str_setter)
 				const test_setter = content.match(regex_setter)
 				const acc_comment = comment.replace(
 					`/**`,
@@ -172,7 +176,7 @@ const get_process_comments_fn = (file_path) => {
 				)
 
 				if (test_setter) {
-					new_content = new_content.replace(`set ${prop_name}`, `${acc_comment}\n\tset ${prop_name}`)
+					new_content = new_content.replace(`set ${prop_name}(_`, `${acc_comment}\n\tset ${prop_name}(_`)
 				} else {
 					const str_getter = `get ${prop_name}`
 					const regex_getter = new RegExp("\\b" + str_getter + "\\b")
@@ -201,6 +205,8 @@ const get_process_comments_fn = (file_path) => {
 
 // --- ENTRY POINT ---
 
+const schedule_code_replacement_tasks = true
+
 /**
  * - Fix generic `mat` shorthand property type when using accessors:
  * 	- Replace `mat` accessors type definitions (accessor getter and setter) -> only `Mesh` and `Points`,
@@ -217,10 +223,12 @@ const do_postprocess = async () => {
 	console.log("🤖 SVELTHREE > post-processing package: started...")
 
 	// schedule code replacement tasks
-	console.log("🤖 SVELTHREE > post-processing package: scheduling replacement tasks...")
-	for (let i = 0; i < replace_tasks.length; i++) {
-		const task = replace_tasks[i]
-		fns.push(exec_replace_task(task))
+	if (schedule_code_replacement_tasks) {
+		console.log("🤖 SVELTHREE > post-processing package: scheduling replacement tasks...")
+		for (let i = 0; i < replace_tasks.length; i++) {
+			const task = replace_tasks[i]
+			fns.push(exec_replace_task(task))
+		}
 	}
 
 	// schedule accessors-comments optimization in `d.ts` files
diff --git a/src/lib/$app/env/index.ts b/src/lib/$app/env/index.ts
deleted file mode 100644
index 7111125..0000000
--- a/src/lib/$app/env/index.ts
+++ /dev/null
@@ -1,3 +0,0 @@
-// Mimic SvelteKit's `$app/env` foor non-SSR outputs in RollUp only and Vite only setups.
-
-export const browser = true
diff --git a/src/lib/$app/environment/index.ts b/src/lib/$app/environment/index.ts
new file mode 100644
index 0000000..b267124
--- /dev/null
+++ b/src/lib/$app/environment/index.ts
@@ -0,0 +1,3 @@
+// Mimic SvelteKit's `$app/environment` foor non-SSR outputs in RollUp only and Vite only setups.
+
+export const browser = true
diff --git a/src/lib/ani/SvelthreeAni.ts b/src/lib/ani/SvelthreeAni.ts
new file mode 100644
index 0000000..2e7ed8b
--- /dev/null
+++ b/src/lib/ani/SvelthreeAni.ts
@@ -0,0 +1,67 @@
+import type { Scene, Object3D } from "three"
+import type { SvelthreeAnimationFunction, SvelthreeAnimation } from "../types/types-extra"
+import SvelthreeAnimationManager from "./SvelthreeAnimationManager"
+import SvelthreeAnimationObjectFactory from "./SvelthreeAnimationObjectFactory"
+
+export default class SvelthreeAni {
+	private ani_obj_factory: SvelthreeAnimationObjectFactory
+	private ani_manager: SvelthreeAnimationManager
+
+	constructor(
+		private scene: Scene,
+		private foo: Object3D,
+		private ani_fn: SvelthreeAnimationFunction,
+		private aniauto: boolean
+	) {
+		this.create_ani_manager()
+	}
+
+	private create_ani_manager(): void {
+		//if (verbose && log_dev) console.debug(...c_dev(c_name, "createAnimationManager!"))
+
+		if (!this.ani_manager) {
+			this.ani_obj_factory = new SvelthreeAnimationObjectFactory(this.ani_fn)
+			this.ani_manager = new SvelthreeAnimationManager(this.ani_obj_factory, this.aniauto, this.foo, this.scene)
+		}
+	}
+
+	public onCurrentSceneActiveChange(currentSceneActive: boolean): void {
+		this.ani_manager ? this.ani_manager.handleCurrentSceneStatus(currentSceneActive) : null
+	}
+
+	public getAnimation(): SvelthreeAnimation {
+		if (this.ani_manager) {
+			return this.ani_manager.getAnimation()
+		} else {
+			console.error("SVELTHREE > SvelthreeAnimation > getAnimation : missing SvelthreeAnimationManager!", {
+				ani_manager: this.ani_manager
+			})
+
+			return undefined
+		}
+	}
+
+	public destroyAnimation(): void {
+		//if (verbose && log_dev) console.debug(...c_dev(c_name, "destroyAnimation!"))
+		if (this.ani_manager) {
+			this.ani_manager.destroyAnimation()
+		} else {
+			if (this.ani_fn) {
+				console.error(
+					"SVELTHREE > SvelthreeAnimation > destroyAnimation : missing SvelthreeAnimationManager!",
+					{ ani_manager: this.ani_manager }
+				)
+			}
+		}
+	}
+
+	public startAnimation(): void {
+		if (this.ani_manager) {
+			this.ani_manager.startAnimation()
+		} else {
+			console.error("SVELTHREE > SvelthreeAnimation > startAni : missing SvelthreeAnimationManager!", {
+				ani_manager: this.ani_manager
+			})
+		}
+	}
+}
diff --git a/src/lib/ani/SvelthreeAnimation.ts b/src/lib/ani/SvelthreeAnimation.ts
deleted file mode 100644
index 679de94..0000000
--- a/src/lib/ani/SvelthreeAnimation.ts
+++ /dev/null
@@ -1,71 +0,0 @@
-import type { Scene, Object3D } from "three"
-import type { SvelthreeAnimationFunction } from "../types/types-extra"
-import SvelthreeAnimationManager from "./SvelthreeAnimationManager"
-import SvelthreeAnimationProp from "./SvelthreeAnimationProp"
-
-export default class SvelthreeAnimation {
-	animationEnabled: boolean
-	animation: any
-	aniauto: boolean
-	obj: Object3D
-	scene: Scene
-	aniManager: SvelthreeAnimationManager
-
-	constructor(scene: Scene, obj: Object3D, animation: SvelthreeAnimationFunction, aniauto: boolean) {
-		this.scene = scene
-		this.obj = obj
-		this.animation = animation
-		this.aniauto = aniauto
-
-		this.createAnimationManager()
-	}
-
-	private createAnimationManager(): void {
-		//if (verbose && log_dev) console.debug(...c_dev(c_name, "createAnimationManager!"))
-
-		if (!this.aniManager) {
-			this.animation = new SvelthreeAnimationProp(this.animation)
-			this.aniManager = new SvelthreeAnimationManager(this.animation, this.aniauto, this.obj, this.scene)
-		}
-	}
-
-	public onCurrentSceneActiveChange(currentSceneActive: boolean): void {
-		this.aniManager ? this.aniManager.handleCurrentSceneStatus(currentSceneActive) : null
-	}
-
-	public getAnimation(): any {
-		if (this.aniManager) {
-			return this.aniManager.getAnimation()
-		} else {
-			console.error("SVELTHREE > SvelthreeAnimation > getAnimation : missing SvelthreeAnimationManager!", {
-				aniManager: this.aniManager
-			})
-
-			return undefined
-		}
-	}
-
-	public destroyAnimation(): void {
-		//if (verbose && log_dev) console.debug(...c_dev(c_name, "destroyAnimation!"))
-		if (this.aniManager) {
-			this.aniManager.destroyAnimation()
-		} else {
-			if (this.animation && this.animationEnabled) {
-				console.error(
-					"SVELTHREE > SvelthreeAnimation > destroyAnimation : missing SvelthreeAnimationManager!",
-					{ aniManager: this.aniManager }
-				)
-			}
-		}
-	}
-
-	public startAni(): void {
-		if (this.aniManager) {
-			this.aniManager.startAni()
-		} else {
-			console.error("SVELTHREE > SvelthreeAnimation > startAni : missing SvelthreeAnimationManager!", {
-				aniManager: this.aniManager
-			})
-		}
-	}
-}
diff --git a/src/lib/ani/SvelthreeAnimationManager.ts b/src/lib/ani/SvelthreeAnimationManager.ts
index a9c5ca1..b05a15e 100644
--- a/src/lib/ani/SvelthreeAnimationManager.ts
+++ b/src/lib/ani/SvelthreeAnimationManager.ts
@@ -1,176 +1,129 @@
+import type SvelthreeAnimationObjectFactory from "./SvelthreeAnimationObjectFactory"
 import type { Object3D, Scene } from "three"
-import SvelthreeAnimationProp from "./SvelthreeAnimationProp"
-import { verbose_mode } from "../utils/SvelthreeLogger"
+import type { SvelthreeAnimation } from "../types/types-extra"
 
 export default class SvelthreeAnimationManager {
-	//  TODO  (ESLint -> 'no-explicit-any') see https://github.com/vatro/svelthree/issues/165
-	animation: SvelthreeAnimationProp | any
-	aniauto: boolean
-	obj: Object3D
-	scene: Scene
+	/** Generated animation-`Object Literal` (_interface `SvelthreeAnimation`_): result of `this.ani_obj_factory.create(...)`. */
+	ani_obj: SvelthreeAnimation
 
-	//  TODO  (ESLint -> 'no-explicit-any') see https://github.com/vatro/svelthree/issues/165
-	constructor(animation: SvelthreeAnimationProp | any, aniauto: boolean, obj: Object3D, scene: Scene | null) {
-		this.animation = animation
-		this.aniauto = aniauto
-		this.obj = obj
-		this.scene = scene
-	}
+	constructor(
+		private ani_obj_factory: SvelthreeAnimationObjectFactory,
+		private aniauto: boolean,
+		private foo: Object3D,
+		private scene: Scene | null
+	) {}
 
-	handleCurrentSceneStatus(currentSceneActive: boolean) {
+	public handleCurrentSceneStatus(currentSceneActive: boolean): void {
 		if (currentSceneActive) {
-			if (verbose_mode()) {
-				console.debug(
-					"SVELTHREE > SvelthreeAnimationManager > handleCurrentSceneStatus : currentSceneActive = true!"
-				)
-			}
+			console.debug(
+				"SVELTHREE > SvelthreeAnimationManager > handleCurrentSceneStatus : currentSceneActive = true!"
+			)
 			if (this.aniauto) {
-				if (verbose_mode()) {
-					console.debug(
-						"SVELTHREE > SvelthreeAnimationManager > handleCurrentSceneStatus : this.aniauto = true!"
-					)
-				}
-				this.handleSceneActive()
+				console.debug("SVELTHREE > SvelthreeAnimationManager > handleCurrentSceneStatus : this.aniauto = true!")
+				this.handle_scene_active()
 			}
 		} else {
-			if (verbose_mode()) {
-				console.debug(
-					"SVELTHREE > SvelthreeAnimationManager > handleCurrentSceneStatus : currentSceneActive = false!"
-				)
-			}
-			this.handleSceneInActive()
+			console.debug(
+				"SVELTHREE > SvelthreeAnimationManager > handleCurrentSceneStatus : currentSceneActive = false!"
+			)
+			this.handle_scene_inactive()
 		}
 	}
 
 	// active / reactivated
-	handleSceneActive() {
-		if (verbose_mode()) {
-			console.debug("SVELTHREE > SvelthreeAnimationManager > handleSceneActive!")
-		}
+	private handle_scene_active(): void {
+		console.debug("SVELTHREE > SvelthreeAnimationManager > handle_scene_active!")
 		// check if animation has been initiated, if so try to execute 'onSceneReactivated'...
-		if (this.animationInitiated() === true) {
-			this.tryOnSceneReactivated()
+		if (this.ani_obj) {
+			this.try_on_scene_reactivated()
 		} else {
 			// ... otherwise initate / start it (aniauto is true)
-			this.initiateAnimation()
+			this.initiate_animation()
 		}
 	}
 
 	/*eslint @typescript-eslint/no-explicit-any: ["error", { "ignoreRestArgs": true }]*/
-	initiateAnimation(...args: any[]): void {
-		//if (verbose_mode()) console.debug("SVELTHREE > SvelthreeAnimationManager > initiateAnimation!")
+	private initiate_animation(...args: any[]): void {
+		console.debug("SVELTHREE > SvelthreeAnimationManager > initiate_animation!")
 		// if animation is a function it has not been initiated / started yet (otherwise object)
 
 		if (this.scene) {
 			if (!this.scene.userData.isActive) {
 				console.warn(
-					"SVELTHREE > SvelthreeAnimationManager : initiateAnimation : You're about to initiate an animation in an inactive Scene!"
+					"SVELTHREE > SvelthreeAnimationManager : initiate_animation : You're about to initiate an animation in an inactive Scene!"
 				)
 			}
-		} else if (this.scene === null && (this.obj as Scene).isScene) {
-			if (!(this.obj as Scene).userData.isActive) {
+		} else if (this.scene === null && (this.foo as Scene).isScene) {
+			if (!(this.foo as Scene).userData.isActive) {
 				console.warn(
-					"SVELTHREE > SvelthreeAnimationManager : initiateAnimation : You're about to initiate an animation in an inactive NESTED Scene!"
+					"SVELTHREE > SvelthreeAnimationManager : initiate_animation : You're about to initiate an animation in an inactive NESTED Scene!"
 				)
 			}
 		}
 
-		this.animation = this.animation.initiate(this.obj, args)
+		this.ani_obj = this.ani_obj_factory.create(this.foo, args)
+
+		console.debug(
+			"SVELTHREE > SvelthreeAnimationManager > initiate_animation : after initialization: this.ani_obj:",
+			this.ani_obj
+		)
 
-		if (verbose_mode())
-			console.debug(
-				"SVELTHREE > SvelthreeAnimationManager > initiateAnimation : after initialization: this.animation:",
-				this.animation
-			)
 		try {
-			this.animation.onStart()
+			this.ani_obj.onStart()
 		} catch (error) {
 			throw new Error("SVELTHREE Exception, " + error)
 		}
 	}
 
-	tryOnSceneReactivated(): void {
-		this.animation.onSceneReactivated
-			? this.animation.onSceneReactivated()
+	private try_on_scene_reactivated(): void {
+		Object.prototype.hasOwnProperty.call(this.ani_obj, "onSceneReactivated")
+			? this.ani_obj.onSceneReactivated()
 			: console.warn(
-					"SVELTHREE > SvelthreeAnimationManager > tryOnSceneReactivated : Animation couldn't be started, missing 'onSceneReactivated' method!"
+					"SVELTHREE > SvelthreeAnimationManager > try_on_scene_reactivated : 'onSceneReactivated' property is missing in 'SvelthreeAnimation'-Object! Please ensure this is correct.",
+					this.ani_obj
 			  )
 	}
 
 	// inactive / deactivated
-	handleSceneInActive() {
+	private handle_scene_inactive(): void {
 		// check if animation has been initiated
 		// if it has been initated, try to execute 'onSceneDeactivated'
-		if (this.animationInitiated() === true) {
-			this.tryOnSceneDeactivated()
-		}
+		this.ani_obj
+			? this.try_on_scene_deactivated()
+			: console.debug(
+					"SVELTHREE > SvelthreeAnimationManager > handle_scene_inactive : 'SvelthreeAnimation'-Object not available!"
+			  )
 	}
 
-	tryOnSceneDeactivated(): void {
-		this.animation.onSceneDeactivated
-			? this.animation.onSceneDeactivated()
+	private try_on_scene_deactivated(): void {
+		Object.prototype.hasOwnProperty.call(this.ani_obj, "onSceneDeactivated")
+			? this.ani_obj.onSceneDeactivated()
 			: console.warn(
-					"SVELTHREE > SvelthreeAnimationManager > tryOnSceneDeactivated : Animation couldn't be stopped, missing 'onSceneDeactivated' method!"
+					"SVELTHREE > SvelthreeAnimationManager > try_on_scene_deactivated : 'onSceneDeactivated' property is missing in 'SvelthreeAnimation'-Object! Please ensure this is correct.",
+					this.ani_obj
 			  )
 	}
 
-	startAni(): void {
-		if (this.animationInitiated() === false) {
-			this.initiateAnimation()
-		} else {
-			console.warn(
-				"SVELTHREE > SvelthreeAnimationManager > startAni : animation has already been initiated! 'animation': ",
-				this.animation
-			)
-		}
-	}
-
-	destroyAnimation(): void {
-		if (this.animation.prototype.hasOwnProperty.call(this.animation, "onDestroy")) {
-			this.animation.onDestroy()
+	public startAnimation(): void {
+		if (!this.ani_obj) {
+			this.initiate_animation()
 		} else {
-			console.warn(
-				"SVELTHREE > SvelthreeAnimationManager > Unable to find 'onDestroy' method in 'animation': This may be a BUG in REPL and may be safe to ignore. Please check if your animation is running as intended and consider checking it in another environment. Contributions on this issue are welcome! : this.animation",
-				this.animation
-			)
-		}
-	}
-
-	animationInitiated(): boolean {
-		if (this.animationIsAnimationProp()) {
-			return false
-		} else if (this.animationIsObject()) {
-			return true
-		} else {
-			console.warn("SVELTHREE > SvelthreeAnimationManager > animationInitiated? : 'animation': ", this.animation)
-			throw new Error(
-				"SVELTHREE > SvelthreeAnimationManager > animationInitiated? : 'animation' prop is of unsupported type!"
+			console.debug(
+				"SVELTHREE > SvelthreeAnimationManager > startAnimation : animation has already been initiated! 'animation': ",
+				this.ani_obj
 			)
 		}
 	}
 
-	animationIsAnimationProp(): boolean {
-		if (this.animation) {
-			if (this.animation instanceof SvelthreeAnimationProp) {
-				return true
-			}
-		}
-		return false
-	}
-
-	animationIsObject(): boolean {
-		if (this.animation) {
-			if (typeof this.animation === "object") {
-				return true
-			}
-		}
-		return false
+	public destroyAnimation(): void {
+		Object.prototype.hasOwnProperty.call(this.ani_obj, "onDestroy")
+			? this.ani_obj.onDestroy()
+			: console.error(
+					"SVELTHREE > SvelthreeAnimationManager > destroyAnimation : required 'onDestroy' property is missing in 'SvelthreeAnimation'-Object!"
+			  )
 	}
 
-	//  TODO  (ESLint -> 'no-explicit-any') see https://github.com/vatro/svelthree/issues/165
-	getAnimation(): any {
-		if (this.animationInitiated()) {
-			return this.animation
-		}
+	public getAnimation(): SvelthreeAnimation {
+		return this.ani_obj
 	}
 }
diff --git a/src/lib/ani/SvelthreeAnimationObjectFactory.ts b/src/lib/ani/SvelthreeAnimationObjectFactory.ts
new file mode 100644
index 0000000..af18d3e
--- /dev/null
+++ b/src/lib/ani/SvelthreeAnimationObjectFactory.ts
@@ -0,0 +1,33 @@
+import type { Object3D } from "three"
+import type { SvelthreeAnimationFunction, SvelthreeAnimation } from "../types/types-extra"
+
+export default class SvelthreeAnimationObjectFactory {
+	constructor(private ani_fn: SvelthreeAnimationFunction) {}
+
+	/*eslint @typescript-eslint/no-explicit-any: ["error", { "ignoreRestArgs": true }]*/
+	public create(foo: Object3D, ...args: any[]): SvelthreeAnimation {
+		let ani_obj: SvelthreeAnimation
+
+		try {
+			ani_obj = this.ani_fn(foo, args)
+
+			if (!Object.prototype.hasOwnProperty.call(ani_obj, "onStart")) {
+				console.error("SVELTHREE > Provided animation is missing 'onStart' function!", {
+					animation: ani_obj
+				})
+				//throw new Error("SVELTHREE Exception (see warning above)")
+			}
+
+			if (!Object.prototype.hasOwnProperty.call(ani_obj, "onDestroy")) {
+				console.error("SVELTHREE > Provided animation has no 'onDestroy' function!", {
+					animation: ani_obj
+				})
+				//throw new Error("SVELTHREE Exception (see warning above)")
+			}
+		} catch (error) {
+			throw new Error("SVELTHREE Exception, " + error)
+		}
+
+		return ani_obj
+	}
+}
diff --git a/src/lib/ani/SvelthreeAnimationProp.ts b/src/lib/ani/SvelthreeAnimationProp.ts
deleted file mode 100644
index 58029b9..0000000
--- a/src/lib/ani/SvelthreeAnimationProp.ts
+++ /dev/null
@@ -1,36 +0,0 @@
-import type { Object3D } from "three"
-import type { SvelthreeAnimationFunction } from "../types/types-extra"
-
-export default class SvelthreeAnimationProp {
-	fn: SvelthreeAnimationFunction
-
-	constructor(fn: SvelthreeAnimationFunction) {
-		this.fn = fn
-	}
-
-	initiate(obj: Object3D, ...args: any[]): any {
-		let initiatedFn: any
-
-		try {
-			initiatedFn = this.fn(obj, args)
-
-			if (!Object.prototype.hasOwnProperty.call(initiatedFn, "onStart")) {
-				console.error("SVELTHREE > Provided animation is missing 'onStart' function!", {
-					animation: initiatedFn
-				})
-				//throw new Error("SVELTHREE Exception (see warning above)")
-			}
-
-			if (!Object.prototype.hasOwnProperty.call(initiatedFn, "onDestroy")) {
-				console.error("SVELTHREE > Provided animation has no 'onDestroy' function!", {
-					animation: initiatedFn
-				})
-				//throw new Error("SVELTHREE Exception (see warning above)")
-			}
-		} catch (error) {
-			throw new Error("SVELTHREE Exception, " + error)
-		}
-
-		return initiatedFn
-	}
-}
diff --git a/src/lib/ani/index.ts b/src/lib/ani/index.ts
index b0d9c41..6312a2e 100644
--- a/src/lib/ani/index.ts
+++ b/src/lib/ani/index.ts
@@ -1,3 +1,3 @@
-export { default as SvelthreeAnimationProp } from "./SvelthreeAnimationProp"
+export { default as SvelthreeAnimationObjectFactory } from "./SvelthreeAnimationObjectFactory"
 export { default as SvelthreeAnimationManager } from "./SvelthreeAnimationManager"
-export { default as SvelthreeAnimation } from "./SvelthreeAnimation"
+export { default as SvelthreeAni } from "./SvelthreeAni"
diff --git a/src/lib/components-internal/SvelthreeInteraction.svelte b/src/lib/components-internal/SvelthreeInteraction.svelte
index c7e6e9a..ec7f940 100644
--- a/src/lib/components-internal/SvelthreeInteraction.svelte
+++ b/src/lib/components-internal/SvelthreeInteraction.svelte
@@ -11,13 +11,22 @@ This is a **svelthree** _SvelthreeInteraction_ Component.
 -->
 <script lang="ts">
 	import { onMount, beforeUpdate, afterUpdate, onDestroy, getContext } from "svelte"
-	import { get_current_component, SvelteComponentDev } from "svelte/internal"
+	import type { SvelteComponentDev } from "svelte/internal"
+	import { get_current_component } from "svelte/internal"
 	import { Object3D, Raycaster, Vector3 } from "three"
-	import type { Intersection, Camera, Ray } from "three"
 	import { svelthreeStores } from "svelthree/stores"
 	import { c_dev, c_lc_int, verbose_mode, get_comp_name_int } from "../utils/SvelthreeLogger"
 	import type { LogLC, LogDEV } from "../utils/SvelthreeLogger"
-	import type { PointerState, SvelthreeShadowDOMElement } from "../types/types-extra"
+	import type {
+		PointerState,
+		SvelthreeShadowDOMElement,
+		SvelthreeInteractionEventDetail,
+		RaycasterData,
+		AllIntersections,
+		SvelthreeInteractableComponent,
+		SvelthreeInteractionEventDispatcher,
+		CanvasComponentEvent
+	} from "../types/types-extra"
 	import type { Writable } from "svelte/store"
 	import {
 		KEYBOARD_EVENTS,
@@ -39,12 +48,12 @@ This is a **svelthree** _SvelthreeInteraction_ Component.
 	/**
 	 * SVELTEKIT  SSR
 	 * `browser` is needed for the SvelteKit setup (SSR / CSR / SPA).
-	 * For non-SSR output in RollUp only and Vite only setups (CSR / SPA) we're just mimicing `$app/env` where `browser = true`,
-	 * -> TS fix: `$app/env` mapped to `src/$app/env` via svelthree's `tsconfig.json`'s `path` property.
-	 * -> RollUp only setup: replace `$app/env` with `../$app/env`
+	 * For non-SSR output in RollUp only and Vite only setups (CSR / SPA) we're just mimicing `$app/environment` where `browser = true`,
+	 * -> TS fix: `$app/environment` mapped to `src/$app/environment` via svelthree's `tsconfig.json`'s `path` property.
+	 * -> RollUp only setup: replace `$app/environment` with `../$app/environment`
 	 * The import below will work out-of-the-box in a SvelteKit setup.
 	 */
-	import { browser } from "$app/env"
+	import { browser } from "$app/environment"
 
 	const c_name = get_comp_name_int(get_current_component())
 	const verbose: boolean = verbose_mode()
@@ -54,7 +63,7 @@ This is a **svelthree** _SvelthreeInteraction_ Component.
 	export let log_lc: { [P in keyof LogLC]: LogLC[P] } = undefined
 
 	export let interactionEnabled: boolean
-	export let parent: SvelteComponentDev
+	export let parent: SvelthreeInteractableComponent
 	export let sti: number = getContext("store_index")
 	export let obj: Object3D
 
@@ -95,22 +104,11 @@ This is a **svelthree** _SvelthreeInteraction_ Component.
 	let raycaster: Raycaster
 	$: raycaster = $svelthreeStores[sti].raycaster
 
-	export let dispatch: (type: string, detail?: any) => void
+	export let dispatch_interaction: SvelthreeInteractionEventDispatcher
 
 	const pointer: PointerState = getContext("pointer")
 
-	const all_intersections: { result: any[] } = getContext("all_intersections")
-
-	interface RaycasterData {
-		/** `intersections` are of the same form as those returned by [`.intersectObject`](https://threejs.org/docs/#api/en/core/Raycaster.intersectObject). */
-		intersection: { [P in keyof Intersection]: Intersection[P] }
-		/** Current `Raycaster` `.ray`, e.g. useful properties: `ray.origin: Vector3` | `ray.direction: Vector3`. */
-		ray: Ray
-		/** The `Camera` used for raycasting. */
-		camera: Camera
-		/** Current pointer position ( _'point' / Vector3 position_ ) in 3d world space. */
-		unprojected_point: Vector3
-	}
+	const all_intersections: AllIntersections = getContext("all_intersections")
 
 	let raycaster_data: RaycasterData
 
@@ -312,8 +310,12 @@ This is a **svelthree** _SvelthreeInteraction_ Component.
 
 	/** If the callbacks array of a certain directive (e.g. `on:click`) is emtpy or all callbacks are nullish, the corresponding event listener (e.g. "click") will be removed. */
 	function has_on_directive(on_directive: string): boolean {
-		const has_directive_key: boolean = Object.keys(parent.$$.callbacks).includes(on_directive)
-		const directive_callbacks: any[] | null = has_directive_key ? parent.$$.callbacks[on_directive] : null
+		const has_directive_key: boolean = Object.keys((parent as SvelteComponentDev).$$.callbacks).includes(
+			on_directive
+		)
+		const directive_callbacks: SvelteComponentDev["$$"]["callbacks"][] | null = has_directive_key
+			? (parent as SvelteComponentDev).$$.callbacks[on_directive]
+			: null
 
 		if (directive_callbacks?.length) {
 			for (let i = 0; i < directive_callbacks.length; i++) {
@@ -441,7 +443,7 @@ This is a **svelthree** _SvelthreeInteraction_ Component.
 	}
 
 	function using_event(event_name: SvelthreeSupportedInteractionEvent): boolean {
-		return has_on_directive(event_name) || parent[`on_${event_name}`]
+		return has_on_directive(event_name) || !!parent[`on_${event_name}`]
 	}
 
 	function not_using_event(event_name: SvelthreeSupportedInteractionEvent): boolean {
@@ -582,9 +584,9 @@ This is a **svelthree** _SvelthreeInteraction_ Component.
 
 	let remove_canvas_pointermove_listener: () => void
 	function add_canvas_pointermove_listener(): void {
-		remove_canvas_pointermove_listener = canvas_component.$on("canvas_pointermove", (e: CustomEvent<any>) =>
+		remove_canvas_pointermove_listener = canvas_component.$on("canvas_pointermove", (e: CanvasComponentEvent) =>
 			// check before dispatching 'pointermove' component event directly (not via shadow dom listener / handler)
-			check_pointer_move(e.detail.event)
+			check_pointer_move(e.detail.event as PointerEvent)
 		)
 	}
 
@@ -619,9 +621,9 @@ This is a **svelthree** _SvelthreeInteraction_ Component.
 
 	let remove_canvas_pointermoveover_listener: () => void
 	function add_canvas_pointermoveover_listener(): void {
-		remove_canvas_pointermoveover_listener = canvas_component.$on("canvas_pointermove", (e: CustomEvent<any>) =>
+		remove_canvas_pointermoveover_listener = canvas_component.$on("canvas_pointermove", (e: CanvasComponentEvent) =>
 			// check before dispatching 'pointermoveover' component event via shadow dom listener / handler
-			check_pointer_moveover(e.detail.event)
+			check_pointer_moveover(e.detail.event as PointerEvent)
 		)
 	}
 
@@ -756,7 +758,7 @@ This is a **svelthree** _SvelthreeInteraction_ Component.
 	 *
 	 */
 	function get_pointerevent_modified_clone(e: PointerEvent, new_type: string = null): PointerEvent {
-		const event_init: any = {}
+		const event_init = { composed: undefined }
 
 		// we do this because simply spreading the event object -> `{...e}`:
 		// "The spread operator only copies an object's own enumerable properties, not properties found higher on the prototype chain."
@@ -846,14 +848,14 @@ This is a **svelthree** _SvelthreeInteraction_ Component.
 	function dispatch_pointerevent_intersection_dep(e: PointerEvent) {
 		const action_name = `on_${e.type}`
 
-		const detail = {
+		const detail: SvelthreeInteractionEventDetail = {
 			e,
 			obj,
 			comp: parent,
 			raycaster_data
 		}
 
-		if (has_on_directive(e.type)) dispatch(e.type, detail)
+		if (has_on_directive(e.type)) dispatch_interaction(e.type, detail)
 		if (has_prop_action(action_name)) dispatch_prop_action(action_name, e.type, detail)
 	}
 
@@ -861,13 +863,13 @@ This is a **svelthree** _SvelthreeInteraction_ Component.
 	function dispatch_pointerevent_intersection_indep(e: PointerEvent) {
 		const action_name = `on_${e.type}`
 
-		const detail = {
+		const detail: SvelthreeInteractionEventDetail = {
 			e,
 			obj,
 			comp: parent
 		}
 
-		if (has_on_directive(e.type)) dispatch(e.type, detail)
+		if (has_on_directive(e.type)) dispatch_interaction(e.type, detail)
 		if (has_prop_action(action_name)) dispatch_prop_action(action_name, e.type, detail)
 	}
 
@@ -979,14 +981,14 @@ This is a **svelthree** _SvelthreeInteraction_ Component.
 	function dispatch_focusevent_intersection_indep(e: FocusEvent) {
 		const action_name = `on_${e.type}`
 
-		const detail = {
+		const detail: SvelthreeInteractionEventDetail = {
 			e,
 			obj,
 			comp: parent
 		}
 
 		// intersection independent -> no raycaster_data!
-		if (has_on_directive(e.type)) dispatch(e.type, detail)
+		if (has_on_directive(e.type)) dispatch_interaction(e.type, detail)
 		if (has_prop_action(action_name)) dispatch_prop_action(action_name, e.type, detail)
 	}
 
@@ -1110,17 +1112,17 @@ This is a **svelthree** _SvelthreeInteraction_ Component.
 
 	let remove_canvas_keydown_listener_action: () => void
 	function add_canvas_keydown_listener_action(): void {
-		remove_canvas_keydown_listener_action = canvas_component.$on("canvas_keydown", (e: CustomEvent<any>) =>
+		remove_canvas_keydown_listener_action = canvas_component.$on("canvas_keydown", (e: CanvasComponentEvent) =>
 			// global keyboard listener -> we cancel nothing! so we can use the standard handler directly!
-			keyboardevents_handler(e.detail.event, null)
+			keyboardevents_handler(e.detail.event as KeyboardEvent, null)
 		)
 	}
 
 	let remove_canvas_keydown_listener_directive: () => void
 	function add_canvas_keydown_listener_directive(): void {
-		remove_canvas_keydown_listener_directive = canvas_component.$on("canvas_keydown", (e: CustomEvent<any>) =>
+		remove_canvas_keydown_listener_directive = canvas_component.$on("canvas_keydown", (e: CanvasComponentEvent) =>
 			// global keyboard listener -> we cancel nothing! so we can use the standard handler directly!
-			keyboardevents_handler(e.detail.event, null)
+			keyboardevents_handler(e.detail.event as KeyboardEvent, null)
 		)
 	}
 
@@ -1128,17 +1130,17 @@ This is a **svelthree** _SvelthreeInteraction_ Component.
 
 	let remove_canvas_keyup_listener_action: () => void
 	function add_canvas_keyup_listener_action(): void {
-		remove_canvas_keyup_listener_action = canvas_component.$on("canvas_keyup", (e: CustomEvent<any>) =>
+		remove_canvas_keyup_listener_action = canvas_component.$on("canvas_keyup", (e: CanvasComponentEvent) =>
 			// global keyboard listener -> we cancel nothing! so we can use the standard handler directly!
-			keyboardevents_handler(e.detail.event, null)
+			keyboardevents_handler(e.detail.event as KeyboardEvent, null)
 		)
 	}
 
 	let remove_canvas_keyup_listener_directive: () => void
 	function add_canvas_keyup_listener_directive(): void {
-		remove_canvas_keyup_listener_directive = canvas_component.$on("canvas_keyup", (e: CustomEvent<any>) =>
+		remove_canvas_keyup_listener_directive = canvas_component.$on("canvas_keyup", (e: CanvasComponentEvent) =>
 			// global keyboard listener -> we cancel nothing! so we can use the standard handler directly!
-			keyboardevents_handler(e.detail.event, null)
+			keyboardevents_handler(e.detail.event as KeyboardEvent, null)
 		)
 	}
 
@@ -1146,15 +1148,15 @@ This is a **svelthree** _SvelthreeInteraction_ Component.
 
 	let remove_canvas_keypress_listener_action: () => void
 	function add_canvas_keypress_listener_action(): void {
-		remove_canvas_keypress_listener_action = canvas_component.$on("canvas_keypress", (e: CustomEvent<any>) =>
-			keyboardevents_handler(e.detail.event, null)
+		remove_canvas_keypress_listener_action = canvas_component.$on("canvas_keypress", (e: CanvasComponentEvent) =>
+			keyboardevents_handler(e.detail.event as KeyboardEvent, null)
 		)
 	}
 
 	let remove_canvas_keypress_listener_directive: () => void
 	function add_canvas_keypress_listener_directive(): void {
-		remove_canvas_keypress_listener_directive = canvas_component.$on("canvas_keypress", (e: CustomEvent<any>) =>
-			keyboardevents_handler(e.detail.event, null)
+		remove_canvas_keypress_listener_directive = canvas_component.$on("canvas_keypress", (e: CanvasComponentEvent) =>
+			keyboardevents_handler(e.detail.event as KeyboardEvent, null)
 		)
 	}
 
@@ -1212,7 +1214,7 @@ This is a **svelthree** _SvelthreeInteraction_ Component.
 	function dispatch_keyboardevent_intersection_indep(e: KeyboardEvent) {
 		const action_name = `on_${e.type}`
 
-		const detail = {
+		const detail: SvelthreeInteractionEventDetail = {
 			code: e.code,
 			e,
 			obj,
@@ -1220,7 +1222,7 @@ This is a **svelthree** _SvelthreeInteraction_ Component.
 		}
 
 		// intersection independent -> no raycaster_data!
-		if (has_on_directive(e.type)) dispatch(e.type, detail)
+		if (has_on_directive(e.type)) dispatch_interaction(e.type, detail)
 		if (has_prop_action(action_name)) dispatch_prop_action(action_name, e.type, detail)
 	}
 
@@ -1619,7 +1621,7 @@ This is a **svelthree** _SvelthreeInteraction_ Component.
 		obj.userData.interact = false
 	}
 
-	function dispatch_prop_action(action_name: string, e_type: string, detail: { [key: string]: any }) {
+	function dispatch_prop_action(action_name: string, e_type: string, detail: SvelthreeInteractionEventDetail) {
 		const e = new CustomEvent(e_type, { detail })
 
 		if (typeof parent[action_name] === "function") {
diff --git a/src/lib/components-internal/SvelthreeLightWithShadow.svelte b/src/lib/components-internal/SvelthreeLightWithShadow.svelte
index 66f295b..a763bcb 100644
--- a/src/lib/components-internal/SvelthreeLightWithShadow.svelte
+++ b/src/lib/components-internal/SvelthreeLightWithShadow.svelte
@@ -12,6 +12,13 @@ This is an internal _SvelthreeLightWithShadow_ Component.
 	import type { LightWithShadow } from "../types/types-extra"
 	import { PropUtils, SvelthreeProps } from "../utils"
 	import type { LogDEV } from "../utils/SvelthreeLogger"
+	import type {
+		PropsPerspectiveCamera,
+		PropsOrthographicCamera,
+		PropsDirectionalLightShadow,
+		PropsPointLightShadow,
+		PropsSpotLightShadow
+	} from "../types/types-comp-props"
 
 	export let log_dev: { [P in keyof LogDEV]: LogDEV[P] } = undefined
 
@@ -20,8 +27,8 @@ This is an internal _SvelthreeLightWithShadow_ Component.
 	export let shadowMapSize: number = undefined
 	export let shadowBias: number = undefined
 
-	export let shadowCameraProps: { [key: string]: any } = undefined
-	export let shadowProps: { [key: string]: any } = undefined
+	export let shadowCameraProps: PropsPerspectiveCamera | PropsOrthographicCamera = undefined
+	export let shadowProps: PropsDirectionalLightShadow | PropsPointLightShadow | PropsSpotLightShadow = undefined
 
 	let propsShadowCamera: SvelthreeProps
 	let propsShadow: SvelthreeProps
@@ -46,6 +53,3 @@ This is an internal _SvelthreeLightWithShadow_ Component.
 	$: shadowBias ? PropUtils.setShadowBias(light, shadowBias) : null
 	$: castShadow ? PropUtils.setCastShadow(light, castShadow) : null
 </script>
-
-<!-- <SvelthreeProps props={shadowCameraProps} obj={light.shadow.camera} /> -->
-<!-- <SvelthreeProps props={shadowProps} obj={light.shadow} /> -->
diff --git a/src/lib/components/AmbientLight.svelte b/src/lib/components/AmbientLight.svelte
index 701ff90..40404c0 100644
--- a/src/lib/components/AmbientLight.svelte
+++ b/src/lib/components/AmbientLight.svelte
@@ -10,7 +10,7 @@ svelthree uses svelte-accmod, where accessors are always `true`, regardless of `
 AmbientLight cannot be used to cast shadows as it doesn't have a direction. Position is also irrelevant. See https://threejs.org/docs/#api/en/lights/AmbientLight.
 [ tbd ]  Link to Docs. -->
 <script lang="ts">
-	import type { Scene as THREE_Scene } from "three"
+	import type { Scene } from "three"
 
 	import { beforeUpdate, onMount, afterUpdate, onDestroy, getContext, setContext } from "svelte"
 	import { get_current_component } from "svelte/internal"
@@ -24,24 +24,24 @@ AmbientLight cannot be used to cast shadows as it doesn't have a direction. Posi
 	import { svelthreeStores } from "svelthree/stores"
 	import { PropUtils, SvelthreeProps } from "../utils"
 
-	import { SvelthreeAnimation } from "../ani"
-	import type { SvelthreeAnimationFunction } from "../types/types-extra"
+	import { SvelthreeAni } from "../ani"
+	import type { SvelthreeAnimationFunction, SvelthreeAnimation } from "../types/types-extra"
 
 	import { AmbientLight as THREE_AmbientLight } from "three"
-	import type { AmbientLightProperties } from "../types/types-comp-props"
+	import type { PropsAmbientLight } from "../types/types-comp-props"
 	import type { Color, Vector3 } from "three"
-	import type { Object3D as THREE_Object3D } from "three"
+	import type { Object3D } from "three"
 	import { get_root_scene } from "../utils/SceneUtils"
 
 	/**
 	 *  SVELTEKIT  SSR /
 	 * `browser` is needed for the SvelteKit setup (SSR / CSR / SPA).
-	 * For non-SSR output in RollUp only and Vite only setups (CSR / SPA) we're just mimicing `$app/env` where `browser = true`,
-	 * -> TS fix: `$app/env` mapped to `src/$app/env` via svelthree's `tsconfig.json`'s `path` property.
-	 * -> RollUp only setup: replace `$app/env` with `../$app/env`
+	 * For non-SSR output in RollUp only and Vite only setups (CSR / SPA) we're just mimicing `$app/environment` where `browser = true`,
+	 * -> TS fix: `$app/environment` mapped to `src/$app/environment` via svelthree's `tsconfig.json`'s `path` property.
+	 * -> RollUp only setup: replace `$app/environment` with `../$app/environment`
 	 * The import below will work out-of-the-box in a SvelteKit setup.
 	 */
-	import { browser } from "$app/env"
+	import { browser } from "$app/environment"
 
 	const self = get_current_component()
 	const c_name = get_comp_name(self)
@@ -56,7 +56,7 @@ AmbientLight cannot be used to cast shadows as it doesn't have a direction. Posi
 	export let log_lc: { [P in keyof LogLC]: LogLC[P] } = log_all ? { all: true } : undefined
 	export let log_mau: boolean = log_all
 
-	let scene: THREE_Scene = getContext("scene")
+	let scene: Scene = getContext("scene")
 	const sti: number = getContext("store_index")
 
 	/** [ **feature**: allow providing (_injection_) of (_already created_) threejs object instances ].
@@ -66,7 +66,7 @@ AmbientLight cannot be used to cast shadows as it doesn't have a direction. Posi
 	let create = false
 
 	/** The (three) instance that was shared to this component as it's 'parent' which can be either another instance / object or a scene / root scene. */
-	let our_parent: THREE_Object3D = undefined
+	let our_parent: Object3D = undefined
 
 	/** Shadow DOM element generated by our parent scene / root scene. Used as fallback if this component has no non-`Scene` component as parent. */
 	let scene_shadow_dom_el: SvelthreeShadowDOMElement = getContext("scene_shadow_dom_el")
@@ -224,7 +224,7 @@ AmbientLight cannot be used to cast shadows as it doesn't have a direction. Posi
 	function handle_instance_change(): void {
 		if ((light_uuid && light.uuid !== light_uuid) || !light_uuid) {
 			const uuid_to_remove: string = light_uuid || light.uuid
-			const old_instance: THREE_Object3D = find_in_canvas($svelthreeStores[sti].scenes, uuid_to_remove)
+			const old_instance: Object3D = find_in_canvas($svelthreeStores[sti].scenes, uuid_to_remove)
 
 			remove_instance(old_instance, "light", light, self)
 
@@ -258,8 +258,8 @@ AmbientLight cannot be used to cast shadows as it doesn't have a direction. Posi
 	let sProps: SvelthreeProps
 
 	// IMPORTANT  `props` will be overridden by 'shorthand' attributes!
-	/** **shorthand** attribute for setting properties using key-value pairs in an `Object`. */
-	export let props: { [P in keyof AmbientLightProperties]: AmbientLightProperties[P] } = undefined
+	/** **shorthand** attribute for setting properties of the created / injected three.js instance via an `Object Literal`. */
+	export let props: PropsAmbientLight = undefined
 
 	$: if (!sProps && light && props) sProps = new SvelthreeProps(light)
 	$: if (props && sProps) update_props()
@@ -268,7 +268,7 @@ AmbientLight cannot be used to cast shadows as it doesn't have a direction. Posi
 		sProps.update(props)
 	}
 
-	export let color: Color | string | number | [r: number, g: number, b: number] | number[] | Vector3 = undefined
+	export let color: Color | string | number | [r: number, g: number, b: number] | Vector3 = undefined
 	$: if (light && color) set_color()
 	function set_color(): void {
 		if (verbose && log_rs) console.debug(...c_rs(c_name, "color", color))
@@ -292,15 +292,16 @@ AmbientLight cannot be used to cast shadows as it doesn't have a direction. Posi
 	/** Immediately start provided animation, default: `false`. Alternative: `<component_reference>.start_animation()` or shorter `.start_ani()`. */
 	export let aniauto: boolean = undefined
 
-	let ani: SvelthreeAnimation
-	$: if (animation && animationEnabled) ani = new SvelthreeAnimation(scene, light, animation, aniauto)
+	/** (_internal_) reference to the `SvelthreeAni` instance */
+	let ani: SvelthreeAni
+	$: if (animation && animationEnabled) ani = new SvelthreeAni(scene, light, animation, aniauto)
 
 	let currentSceneActive = undefined
 	$: currentSceneActive = $svelthreeStores[sti].scenes[scene.userData.index_in_scenes]?.isActive
 	$: if (ani && currentSceneActive !== undefined) ani.onCurrentSceneActiveChange(currentSceneActive)
 
 	/** The root scene -> `scene.parent = null`. */
-	let root_scene: THREE_Scene | null = undefined
+	let root_scene: Scene | null = undefined
 	let root_scene_obj = { value: undefined }
 
 	$: if (root_scene === undefined) {
@@ -327,12 +328,12 @@ AmbientLight cannot be used to cast shadows as it doesn't have a direction. Posi
 	export const get_instance = (): THREE_AmbientLight => light
 
 	/** Returns the `animation` object. */
-	export const get_animation = (): any => ani.getAnimation()
+	export const get_animation = (): SvelthreeAnimation => ani.getAnimation()
 	/** Same as `get_animation()` just shorter syntax. Returns the `animation` object. */
 	export const get_ani = get_animation
 
 	/** Starts the `animation` object. */
-	export const start_animation = (): void => ani.startAni()
+	export const start_animation = (): void => ani.startAnimation()
 	/** Same as `start_animation()` just shorter syntax. Starts the `animation` object. */
 	export const start_ani = start_animation
 
@@ -400,6 +401,7 @@ AmbientLight cannot be used to cast shadows as it doesn't have a direction. Posi
 
 	/** **Completely replace** `onMount` -> any `onMount_inject_before` & `onMount_inject_after` will be ignored.
 	 * _default verbosity will be gone!_ */
+	// eslint-disable-next-line @typescript-eslint/no-explicit-any
 	export let onMount_replace: (args?: any) => any = undefined
 
 	onMount(
@@ -423,14 +425,17 @@ AmbientLight cannot be used to cast shadows as it doesn't have a direction. Posi
 
 	/** **Inject** functionality **before** component's existing `onDestroy` logic.
 	 * _default verbosity not affected._ */
+	// eslint-disable-next-line @typescript-eslint/no-explicit-any
 	export let onDestroy_inject_before: (args?: any) => any = undefined
 
 	/** **Inject** functionality **after** component's existing `onDestroy` logic.
 	 * _default verbosity not affected._ */
+	// eslint-disable-next-line @typescript-eslint/no-explicit-any
 	export let onDestroy_inject_after: (args?: any) => any = undefined
 
 	/** **Completely replace** `onDestroy` -> any `onDestroy_inject_before` & `onDestroy_inject_after` will be ignored.
 	 * _default verbosity will be gone!_ */
+	// eslint-disable-next-line @typescript-eslint/no-explicit-any
 	export let onDestroy_replace: (args?: any) => any = undefined
 
 	onDestroy(
@@ -465,6 +470,7 @@ AmbientLight cannot be used to cast shadows as it doesn't have a direction. Posi
 
 	/** **Completely replace** `beforeUpdate` -> any `beforeUpdate_inject_before` & `beforeUpdate_inject_after` will be ignored.
 	 * _default verbosity will be gone!_ */
+	// eslint-disable-next-line @typescript-eslint/no-explicit-any
 	export let beforeUpdate_replace: (args?: any) => any = undefined
 
 	beforeUpdate(
@@ -488,14 +494,17 @@ AmbientLight cannot be used to cast shadows as it doesn't have a direction. Posi
 
 	/** **Inject** functionality **before** component's existing `afterUpdate` logic.
 	 * _default verbosity not affected._ */
+	// eslint-disable-next-line @typescript-eslint/no-explicit-any
 	export let afterUpdate_inject_before: (args?: any) => any = undefined
 
 	/** **Inject** functionality **after** component's existing `afterUpdate` logic.
 	 * _default verbosity not affected._ */
+	// eslint-disable-next-line @typescript-eslint/no-explicit-any
 	export let afterUpdate_inject_after: (args?: any) => any = undefined
 
 	/** **Completely replace** `afterUpdate` -> any `afterUpdate_inject_before` & `afterUpdate_inject_after` will be ignored.
 	 * _default verbosity will be gone!_ */
+	// eslint-disable-next-line @typescript-eslint/no-explicit-any
 	export let afterUpdate_replace: (args?: any) => any = undefined
 
 	afterUpdate(
diff --git a/src/lib/components/Canvas.svelte b/src/lib/components/Canvas.svelte
index dfa4652..e897123 100644
--- a/src/lib/components/Canvas.svelte
+++ b/src/lib/components/Canvas.svelte
@@ -19,7 +19,14 @@ This is a **svelthree** _Canvas_ Component.
 	import type { Object3D } from "three"
 	import { svelthreeStores } from "svelthree/stores"
 	import { SvelthreeStoreArray } from "../utils/SvelthreeStoreArray"
-	import type { PointerState, StoreBody } from "../types/types-extra"
+	import type {
+		PointerState,
+		StoreBody,
+		AllIntersections,
+		CanvasComponentEventDispatcher,
+		AllIntersectionsResult,
+		SvelthreeInteractableComponent
+	} from "../types/types-extra"
 	import { c_rs, c_lc, c_dev, verbose_mode, get_comp_name } from "../utils/SvelthreeLogger"
 	import type { LogLC, LogDEV } from "../utils/SvelthreeLogger"
 	import { RaycastArray } from "../utils/RaycastArray"
@@ -30,18 +37,18 @@ This is a **svelthree** _Canvas_ Component.
 	/**
 	 * SVELTEKIT  SSR
 	 * `browser` is needed for the SvelteKit setup (SSR / CSR / SPA).
-	 * For non-SSR output in RollUp only and Vite only setups (CSR / SPA) we're just mimicing `$app/env` where `browser = true`,
-	 * -> TS fix: `$app/env` mapped to `src/$app/env` via svelthree's `tsconfig.json`'s `path` property.
-	 * -> RollUp only setup: replace `$app/env` with `../$app/env`
+	 * For non-SSR output in RollUp only and Vite only setups (CSR / SPA) we're just mimicing `$app/environment` where `browser = true`,
+	 * -> TS fix: `$app/environment` mapped to `src/$app/environment` via svelthree's `tsconfig.json`'s `path` property.
+	 * -> RollUp only setup: replace `$app/environment` with `../$app/environment`
 	 * The import below will work out-of-the-box in a SvelteKit setup.
 	 */
-	import { browser } from "$app/env"
+	import { browser } from "$app/environment"
 
 	const self = get_current_component()
 	const c_name = get_comp_name(self)
 	const verbose: boolean = verbose_mode()
 
-	const dispatch: (type: string, detail?: any) => void = createEventDispatcher()
+	const dispatch = createEventDispatcher<CanvasComponentEventDispatcher>()
 
 	export let log_all = false
 	export let log_dev: { [P in keyof LogDEV]: LogDEV[P] } = log_all ? { all: true } : undefined
@@ -326,7 +333,7 @@ This is a **svelthree** _Canvas_ Component.
 
 	// IMPORTANT  not reactive!
 	// needed by 'SvelthreeInteraction' sub-components.
-	let all_intersections: { result: any[] } = { result: [] }
+	let all_intersections: AllIntersections = { result: [] }
 	setContext("all_intersections", all_intersections)
 
 	// --- Interactivity ---
@@ -752,7 +759,7 @@ This is a **svelthree** _Canvas_ Component.
 	}
 
 	/** Get all interactive **svelthree components** from the currently active (_rendered_) Scene. */
-	export const get_interactive_components = (): any[] => {
+	export const get_interactive_components = (): SvelthreeInteractableComponent[] => {
 		return filtered_raycast.objects.map((item: Object3D) => {
 			return item.userData.svelthreeComponent
 		})
@@ -771,7 +778,7 @@ This is a **svelthree** _Canvas_ Component.
 	}
 
 	/** Get all interactive **three.js object instances** intersected by the ray (pointer). */
-	export const get_interactive_intersections_all = (): any[] => all_intersections.result
+	export const get_interactive_intersections_all = (): AllIntersectionsResult => all_intersections.result
 
 	export const getDomElement = (): HTMLCanvasElement => c
 	export const getDomElementDimensions = (): { w: number; h: number } => {
diff --git a/src/lib/components/CubeCamera.svelte b/src/lib/components/CubeCamera.svelte
index 85d47ac..25d18fb 100644
--- a/src/lib/components/CubeCamera.svelte
+++ b/src/lib/components/CubeCamera.svelte
@@ -10,7 +10,7 @@ svelthree uses svelte-accmod, where accessors are always `true`, regardless of `
 Renders a `CubeMap` which can be used with **non-PBR** materials having an `.envMap` property. `CubeCamera` is currently not working with PBR materials like `MeshStandardMaterial` (see [22236](https://github.com/mrdoob/three.js/issues/22236)).     
 [ tbd ]  Link to Docs. -->
 <script lang="ts">
-	import type { Scene as THREE_Scene } from "three"
+	import type { Scene } from "three"
 
 	import { beforeUpdate, onMount, afterUpdate, onDestroy, getContext, setContext } from "svelte"
 	import { get_current_component } from "svelte/internal"
@@ -22,22 +22,27 @@ Renders a `CubeMap` which can be used with **non-PBR** materials having an `.env
 	import { remove_instance, recreate_shadow_dom_el, set_initial_userdata, find_in_canvas } from "../logic/shared"
 
 	import type { Euler, Matrix4, Quaternion } from "three"
-	import type { Object3D as THREE_Object3D } from "three"
+	import type { Object3D } from "three"
+	import type { Targetable } from "../types/types-extra"
 
 	import { svelthreeStores } from "svelthree/stores"
 	import { PropUtils, SvelthreeProps } from "../utils"
 
-	import { SvelthreeAnimation } from "../ani"
-	import type { SvelthreeAnimationFunction } from "../types/types-extra"
+	import { SvelthreeAni } from "../ani"
+	import type { SvelthreeAnimationFunction, SvelthreeAnimation } from "../types/types-extra"
 
 	import { CubeCamera as THREE_CubeCamera } from "three"
 	import { WebGLCubeRenderTarget } from "three"
-	import type { CubeCameraProperties, WebGLCubeRenderTargetProperties } from "../types/types-comp-props"
+	import type {
+		PropsCubeCamera,
+		PropsWebGLCubeRenderTarget,
+		PropWebGLRenderTargetOptions
+	} from "../types/types-comp-props"
 	// custom CubeCameraHelper
 	import { CubeCameraHelper } from "../utils"
 	import { get_root_scene } from "../utils/SceneUtils"
 	import { Vector3 } from "three"
-	import type { CubeTexture, WebGLRenderer, WebGLRenderTargetOptions, Camera, Mesh } from "three"
+	import type { CubeTexture, WebGLRenderer, Camera, Mesh } from "three"
 	import type {
 		Material,
 		MeshBasicMaterialParameters,
@@ -45,19 +50,19 @@ Renders a `CubeMap` which can be used with **non-PBR** materials having an `.env
 		MeshBasicMaterial,
 		MeshLambertMaterial
 	} from "three"
-	import type { RemoveLast } from "../types/types-extra"
+	import type { RemoveLast, MeshAssignableMaterial } from "../types/types-extra"
 	import type { default as MeshSvelthreeComponent } from "./Mesh.svelte"
 	import type { default as Object3DSvelthreeComponent } from "./Object3D.svelte"
 
 	/**
 	 *  SVELTEKIT  SSR /
 	 * `browser` is needed for the SvelteKit setup (SSR / CSR / SPA).
-	 * For non-SSR output in RollUp only and Vite only setups (CSR / SPA) we're just mimicing `$app/env` where `browser = true`,
-	 * -> TS fix: `$app/env` mapped to `src/$app/env` via svelthree's `tsconfig.json`'s `path` property.
-	 * -> RollUp only setup: replace `$app/env` with `../$app/env`
+	 * For non-SSR output in RollUp only and Vite only setups (CSR / SPA) we're just mimicing `$app/environment` where `browser = true`,
+	 * -> TS fix: `$app/environment` mapped to `src/$app/environment` via svelthree's `tsconfig.json`'s `path` property.
+	 * -> RollUp only setup: replace `$app/environment` with `../$app/environment`
 	 * The import below will work out-of-the-box in a SvelteKit setup.
 	 */
-	import { browser } from "$app/env"
+	import { browser } from "$app/environment"
 
 	const self = get_current_component()
 	const c_name = get_comp_name(self)
@@ -82,7 +87,7 @@ Renders a `CubeMap` which can be used with **non-PBR** materials having an `.env
 
 	/** `CubeCamera` instances are always added to the `root_scene`
 	 * no matter which component the `CubeCamera` component was added to. */
-	let root_scene: THREE_Scene | null = undefined
+	let root_scene: Scene | null = undefined
 	let root_scene_obj = { value: undefined }
 
 	$: if (root_scene === undefined) {
@@ -94,7 +99,8 @@ Renders a `CubeMap` which can be used with **non-PBR** materials having an `.env
 	 * ☝️ The `pos` shorthand attribute will override `bind_pos`! _Alternatively (standard)_:
 	 * add the `CubeCamera` component as a child to either a `Mesh` or an `Object3D`/`Group` component,
 	 * in this case `CubeCamera`'s position will be bound to it's parent / object (three) instance. */
-	export let bind_pos: MeshSvelthreeComponent<any> | Object3DSvelthreeComponent | THREE_Object3D = undefined
+	export let bind_pos: MeshSvelthreeComponent<MeshAssignableMaterial> | Object3DSvelthreeComponent | Object3D =
+		undefined
 	$: if (camera && $svelthreeStores[sti].renderer && bind_pos && !bind_pos_offset && !dynamic) update_cubecam()
 
 	/** Adjust `CubeCamera`'s position by setting an offset relative to the pivot of the object specified by `bind_pos`. */
@@ -105,7 +111,8 @@ Renders a `CubeMap` which can be used with **non-PBR** materials having an `.env
 	 * Default: `CubeCamera`'s parent component's object (three) instance will be hidden.
 	 * -> ☝️ If you add `CubeCamera` as a direct child of a `Scene` component without specifying some other object / objects to be hidden,
 	 * the **root scene** will be hidden during the 'envMap'-texture rendering and your 'envMap' texture will be blank! */
-	export let hide: (MeshSvelthreeComponent<any> | Object3DSvelthreeComponent | THREE_Object3D)[] = undefined
+	export let hide: (MeshSvelthreeComponent<MeshAssignableMaterial> | Object3DSvelthreeComponent | Object3D)[] =
+		undefined
 
 	/** Binds the texture generated by the `CubeCamera` to some `Mesh`-component's `.material`(_currently non PBR + has `.envMap`_).
 	 * This is the opposite of / alternative to binding the material's `.envMap` property to `[CubeCamera component reference].texture` */
@@ -121,7 +128,7 @@ Renders a `CubeMap` which can be used with **non-PBR** materials having an `.env
 	/** Set to `true` for correct **floor reflections** (_default: `false`_). */
 	export let is_floor = false
 
-	let scene: THREE_Scene = getContext("scene")
+	let scene: Scene = getContext("scene")
 	const sti: number = getContext("store_index")
 
 	/** [ **feature**: allow providing (_injection_) of (_already created_) threejs object instances ].
@@ -131,7 +138,7 @@ Renders a `CubeMap` which can be used with **non-PBR** materials having an `.env
 	let create = false
 
 	/** The (three) instance that was shared to this component as it's 'parent' which can be either another instance / object or a scene / root scene. */
-	let our_parent: THREE_Object3D = undefined
+	let our_parent: Object3D = undefined
 
 	/** Shadow DOM element generated by our parent scene / root scene. Used as fallback if this component has no non-`Scene` component as parent. */
 	let scene_shadow_dom_el: SvelthreeShadowDOMElement = getContext("scene_shadow_dom_el")
@@ -328,7 +335,7 @@ Renders a `CubeMap` which can be used with **non-PBR** materials having an `.env
 	function handle_instance_change(): void {
 		if ((camera_uuid && camera.uuid !== camera_uuid) || !camera_uuid) {
 			const uuid_to_remove: string = camera_uuid || camera.uuid
-			const old_instance: THREE_Object3D = find_in_canvas($svelthreeStores[sti].scenes, uuid_to_remove)
+			const old_instance: Object3D = find_in_canvas($svelthreeStores[sti].scenes, uuid_to_remove)
 
 			// update 'index_in_x'
 			index_in_cubecameras = old_instance.userData.index_in_cubecameras
@@ -370,24 +377,24 @@ Renders a `CubeMap` which can be used with **non-PBR** materials having an `.env
 		// checking if their material has an '.envMap' property and is not a PBR material and then apply the the cubemap texture to those objects.
 		// But for now, this is not possible.
 
-		let bound_pos: typeof bind_pos = bind_pos || our_parent
-		let to_hide: typeof hide | typeof bind_pos = hide || bound_pos
-		let renderer: WebGLRenderer = $svelthreeStores[sti].renderer
-		let active_scene: THREE_Scene = $svelthreeStores[sti].activeScene
+		const bound_pos: typeof bind_pos = bind_pos || our_parent
+		const to_hide: typeof hide | typeof bind_pos = hide || bound_pos
+		const renderer: WebGLRenderer = $svelthreeStores[sti].renderer
+		const active_scene: Scene = $svelthreeStores[sti].activeScene
 
 		if (pos === undefined) {
 			// the floor hack -> see https://jsfiddle.net/3mprbLc9/
 			if (is_floor) {
-				let active_cam: Camera = $svelthreeStores[sti].activeCamera
-				let target_pos: Vector3 = get_cubecam_target_position(active_cam)
+				const active_cam: Camera = $svelthreeStores[sti].activeCamera
+				const target_pos: Vector3 = get_cubecam_target_position(active_cam)
 				camera.position.copy(target_pos)
 
 				// IMPORTANT  GOOD  this does NOT triggers all 'camera' bound reactive statements as opposed to `camera.position.y *= -1`!
 				camera.position.setY(camera.position.y * -1)
 			} else {
-				let target_pos: Vector3 = get_cubecam_target_position(bound_pos)
+				const target_pos: Vector3 = get_cubecam_target_position(bound_pos)
 				if (bind_pos_offset) {
-					let corrected_target_pos: Vector3 = target_pos.clone().add(bind_pos_offset)
+					const corrected_target_pos: Vector3 = target_pos.clone().add(bind_pos_offset)
 					camera.position.copy(corrected_target_pos)
 				} else {
 					camera.position.copy(target_pos)
@@ -402,8 +409,8 @@ Renders a `CubeMap` which can be used with **non-PBR** materials having an `.env
 		camera_updated = true
 
 		if (!bind_tex) {
-			let op: Mesh = bound_pos as Mesh
-			let op_mat: MaterialWithEnvMap = op.material as MaterialWithEnvMap
+			const op = bound_pos as Mesh
+			const op_mat = op.material as MaterialWithEnvMap
 			if (op_mat && Object.prototype.hasOwnProperty.call(op_mat, "envMap")) {
 				op_mat.envMap = camera.renderTarget.texture
 			}
@@ -411,7 +418,7 @@ Renders a `CubeMap` which can be used with **non-PBR** materials having an `.env
 	}
 
 	function change_visibility(to_change: typeof hide | typeof bind_pos, val: boolean) {
-		let toc: typeof hide = to_change as typeof hide
+		const toc = to_change as typeof hide
 		if (toc.length && toc.length > 0) {
 			for (let i = 0; i < toc.length; i++) {
 				set_visibility(toc[i], val)
@@ -423,12 +430,10 @@ Renders a `CubeMap` which can be used with **non-PBR** materials having an `.env
 
 	function set_visibility(obj: typeof hide | typeof bind_pos, val: boolean) {
 		if (obj["is_svelthree_component"]) {
-			let o: MeshSvelthreeComponent<any> | Object3DSvelthreeComponent = obj as
-				| MeshSvelthreeComponent<any>
-				| Object3DSvelthreeComponent
+			const o = obj as MeshSvelthreeComponent<MeshAssignableMaterial> | Object3DSvelthreeComponent
 			o.get_instance().visible = val
 		} else {
-			let o: THREE_Object3D = obj as THREE_Object3D
+			const o = obj as Object3D
 			o.visible = val
 		}
 	}
@@ -437,12 +442,10 @@ Renders a `CubeMap` which can be used with **non-PBR** materials having an `.env
 		let wp: Vector3 = new Vector3()
 
 		if (typeof obj["getWorldPosition"] === "function") {
-			let o: THREE_Object3D = obj as THREE_Object3D
+			const o = obj as Object3D
 			o.getWorldPosition(wp)
 		} else {
-			let o: MeshSvelthreeComponent<any> | Object3DSvelthreeComponent = obj as
-				| MeshSvelthreeComponent<any>
-				| Object3DSvelthreeComponent
+			const o = obj as MeshSvelthreeComponent<MeshAssignableMaterial> | Object3DSvelthreeComponent
 			o.get_instance().getWorldPosition(wp)
 		}
 
@@ -466,8 +469,8 @@ Renders a `CubeMap` which can be used with **non-PBR** materials having an `.env
 
 	let sPropsTarget: SvelthreeProps
 
-	/** **shorthand** attribute for setting properties using key-value pairs in an `Object`. */
-	export let renderTargetOptions: { [P in keyof WebGLRenderTargetOptions]: WebGLRenderTargetOptions[P] } = undefined
+	/** **shorthand** attribute for setting properties via an `Object Literal`. */
+	export let renderTargetOptions: PropWebGLRenderTargetOptions = undefined
 	$: if (renderTargetOptions && camera_updated) recreate_render_target()
 
 	function recreate_render_target() {
@@ -505,9 +508,8 @@ Renders a `CubeMap` which can be used with **non-PBR** materials having an `.env
 		}
 	}
 
-	/** **shorthand** attribute for setting properties using key-value pairs in an `Object`. */
-	export let renderTargetProps: { [P in keyof WebGLCubeRenderTargetProperties]: WebGLCubeRenderTargetProperties[P] } =
-		undefined
+	/** **shorthand** attribute for setting properties via an `Object Literal`. */
+	export let renderTargetProps: PropsWebGLCubeRenderTarget = undefined
 
 	$: if (!sPropsTarget && renderTargetProps && renderTargetProps) sPropsTarget = new SvelthreeProps(renderTargetProps)
 	$: if (renderTargetProps && sPropsTarget) update_render_target_props()
@@ -517,8 +519,8 @@ Renders a `CubeMap` which can be used with **non-PBR** materials having an `.env
 	}
 
 	// IMPORTANT  `props` will be overridden by 'shorthand' attributes!
-	/** **shorthand** attribute for setting properties using key-value pairs in an `Object`. */
-	export let props: { [P in keyof CubeCameraProperties]: CubeCameraProperties[P] } = undefined
+	/** **shorthand** attribute for setting properties of the created / injected three.js instance via an `Object Literal`. */
+	export let props: PropsCubeCamera = undefined
 
 	$: if (!sProps && camera && props) sProps = new SvelthreeProps(camera)
 	$: if (props && sProps) update_props()
@@ -529,7 +531,7 @@ Renders a `CubeMap` which can be used with **non-PBR** materials having an `.env
 
 	// IMPORTANT  following 'shorthand' attributes will override `props` attribute!
 
-	/** **shorthand** attribute for setting the `position` property. */
+	/** **shorthand** attribute for setting the `position` property of the created / injected three.js instance. */
 	export let pos: Vector3 | Parameters<Vector3["set"]> = undefined
 	$: !matrix && camera && pos ? set_pos() : pos && camera ? console.warn(w_sh.pos) : null
 	function set_pos() {
@@ -537,7 +539,7 @@ Renders a `CubeMap` which can be used with **non-PBR** materials having an `.env
 		PropUtils.setPositionFromValue(camera, pos)
 	}
 
-	/** **shorthand** attribute for setting the `rotation` property. */
+	/** **shorthand** attribute for setting the `rotation` property of the created / injected three.js instance. */
 	export let rot:
 		| Euler
 		| Parameters<Euler["set"]>
@@ -551,7 +553,7 @@ Renders a `CubeMap` which can be used with **non-PBR** materials having an `.env
 		PropUtils.setRotationFromValue(camera, rot)
 	}
 
-	/** **shorthand** attribute for setting the `quaternion` property. */
+	/** **shorthand** attribute for setting the `quaternion` property of the created / injected three.js instance. */
 	export let quat: Quaternion | Parameters<Quaternion["set"]> = undefined
 	$: !matrix && camera && quat ? set_quat() : quat && camera ? console.warn(w_sh.quat) : null
 	function set_quat() {
@@ -559,7 +561,7 @@ Renders a `CubeMap` which can be used with **non-PBR** materials having an `.env
 		PropUtils.setQuaternionFromValue(camera, quat)
 	}
 
-	export let scale: Vector3 | Parameters<Vector3["set"]> = undefined
+	export let scale: Vector3 | Parameters<Vector3["set"]> | number = undefined
 	$: !matrix && camera && scale ? set_scale() : scale && camera ? console.warn(w_sh.scale) : null
 	function set_scale() {
 		if (verbose && log_rs) console.debug(...c_rs(c_name, "scale", scale))
@@ -567,7 +569,7 @@ Renders a `CubeMap` which can be used with **non-PBR** materials having an `.env
 	}
 
 	/** */
-	export let lookAt: Vector3 | Parameters<Vector3["set"]> | THREE_Object3D = undefined
+	export let lookAt: Vector3 | Parameters<Vector3["set"]> | Targetable = undefined
 	$: !matrix && camera && lookAt ? set_lookat() : lookAt && camera ? console.warn(w_sh.lookAt) : null
 	function set_lookat() {
 		if (verbose && log_rs) console.debug(...c_rs(c_name, "lookAt", lookAt))
@@ -609,8 +611,9 @@ Renders a `CubeMap` which can be used with **non-PBR** materials having an `.env
 	/** Immediately start provided animation, default: `false`. Alternative: `<component_reference>.start_animation()` or shorter `.start_ani()`. */
 	export let aniauto: boolean = undefined
 
-	let ani: SvelthreeAnimation
-	$: if (animation && animationEnabled) ani = new SvelthreeAnimation(scene, camera, animation, aniauto)
+	/** (_internal_) reference to the `SvelthreeAni` instance */
+	let ani: SvelthreeAni
+	$: if (animation && animationEnabled) ani = new SvelthreeAni(scene, camera, animation, aniauto)
 
 	let currentSceneActive = undefined
 	$: currentSceneActive = $svelthreeStores[sti].scenes[scene.userData.index_in_scenes]?.isActive
@@ -635,12 +638,12 @@ Renders a `CubeMap` which can be used with **non-PBR** materials having an `.env
 	export const get_instance = (): THREE_CubeCamera => camera
 
 	/** Returns the `animation` object. */
-	export const get_animation = (): any => ani.getAnimation()
+	export const get_animation = (): SvelthreeAnimation => ani.getAnimation()
 	/** Same as `get_animation()` just shorter syntax. Returns the `animation` object. */
 	export const get_ani = get_animation
 
 	/** Starts the `animation` object. */
-	export const start_animation = (): void => ani.startAni()
+	export const start_animation = (): void => ani.startAnimation()
 	/** Same as `start_animation()` just shorter syntax. Starts the `animation` object. */
 	export const start_ani = start_animation
 
@@ -708,6 +711,7 @@ Renders a `CubeMap` which can be used with **non-PBR** materials having an `.env
 
 	/** **Completely replace** `onMount` -> any `onMount_inject_before` & `onMount_inject_after` will be ignored.
 	 * _default verbosity will be gone!_ */
+	// eslint-disable-next-line @typescript-eslint/no-explicit-any
 	export let onMount_replace: (args?: any) => any = undefined
 
 	onMount(
@@ -731,14 +735,17 @@ Renders a `CubeMap` which can be used with **non-PBR** materials having an `.env
 
 	/** **Inject** functionality **before** component's existing `onDestroy` logic.
 	 * _default verbosity not affected._ */
+	// eslint-disable-next-line @typescript-eslint/no-explicit-any
 	export let onDestroy_inject_before: (args?: any) => any = undefined
 
 	/** **Inject** functionality **after** component's existing `onDestroy` logic.
 	 * _default verbosity not affected._ */
+	// eslint-disable-next-line @typescript-eslint/no-explicit-any
 	export let onDestroy_inject_after: (args?: any) => any = undefined
 
 	/** **Completely replace** `onDestroy` -> any `onDestroy_inject_before` & `onDestroy_inject_after` will be ignored.
 	 * _default verbosity will be gone!_ */
+	// eslint-disable-next-line @typescript-eslint/no-explicit-any
 	export let onDestroy_replace: (args?: any) => any = undefined
 
 	onDestroy(
@@ -773,6 +780,7 @@ Renders a `CubeMap` which can be used with **non-PBR** materials having an `.env
 
 	/** **Completely replace** `beforeUpdate` -> any `beforeUpdate_inject_before` & `beforeUpdate_inject_after` will be ignored.
 	 * _default verbosity will be gone!_ */
+	// eslint-disable-next-line @typescript-eslint/no-explicit-any
 	export let beforeUpdate_replace: (args?: any) => any = undefined
 
 	beforeUpdate(
@@ -796,14 +804,17 @@ Renders a `CubeMap` which can be used with **non-PBR** materials having an `.env
 
 	/** **Inject** functionality **before** component's existing `afterUpdate` logic.
 	 * _default verbosity not affected._ */
+	// eslint-disable-next-line @typescript-eslint/no-explicit-any
 	export let afterUpdate_inject_before: (args?: any) => any = undefined
 
 	/** **Inject** functionality **after** component's existing `afterUpdate` logic.
 	 * _default verbosity not affected._ */
+	// eslint-disable-next-line @typescript-eslint/no-explicit-any
 	export let afterUpdate_inject_after: (args?: any) => any = undefined
 
 	/** **Completely replace** `afterUpdate` -> any `afterUpdate_inject_before` & `afterUpdate_inject_after` will be ignored.
 	 * _default verbosity will be gone!_ */
+	// eslint-disable-next-line @typescript-eslint/no-explicit-any
 	export let afterUpdate_replace: (args?: any) => any = undefined
 
 	afterUpdate(
diff --git a/src/lib/components/DirectionalLight.svelte b/src/lib/components/DirectionalLight.svelte
index 8967af8..26ccb6f 100644
--- a/src/lib/components/DirectionalLight.svelte
+++ b/src/lib/components/DirectionalLight.svelte
@@ -10,7 +10,7 @@ svelthree uses svelte-accmod, where accessors are always `true`, regardless of `
 [ tbd ]  Link to Docs.
 -->
 <script lang="ts">
-	import type { Scene as THREE_Scene } from "three"
+	import type { Scene } from "three"
 
 	import { beforeUpdate, onMount, afterUpdate, onDestroy, getContext, setContext } from "svelte"
 	import { get_current_component } from "svelte/internal"
@@ -22,24 +22,26 @@ svelthree uses svelte-accmod, where accessors are always `true`, regardless of `
 	import { remove_instance, recreate_shadow_dom_el, set_initial_userdata, find_in_canvas } from "../logic/shared"
 
 	import type { Matrix4, Vector3 } from "three"
+	import type { Targetable } from "../types/types-extra"
 
 	import { svelthreeStores } from "svelthree/stores"
 	import { PropUtils, SvelthreeProps } from "../utils"
 
-	import { SvelthreeAnimation } from "../ani"
-	import type { SvelthreeAnimationFunction } from "../types/types-extra"
+	import { SvelthreeAni } from "../ani"
+	import type { SvelthreeAnimationFunction, SvelthreeAnimation } from "../types/types-extra"
 
 	import SvelthreeLightWithShadow from "../components-internal/SvelthreeLightWithShadow.svelte"
-	import type { LightShadowCamProps, LightShadowProps } from "../types/types-extra"
 
-	import type { Targetable } from "../types/types-extra"
 	import { LightTarget } from "../utils"
-	import { Object3D as THREE_Object3D } from "three"
+	import { Object3D } from "three"
 
 	import { DirectionalLight as THREE_DirectionalLight } from "three"
 	import { DirectionalLightHelper } from "three"
-	import type { DirectionalLightProperties } from "../types/types-comp-props"
-	import type { DirectionalLightShadow } from "three"
+	import type {
+		PropsDirectionalLight,
+		PropsDirectionalLightShadow,
+		PropsOrthographicCamera
+	} from "../types/types-comp-props"
 	import type { Color } from "three"
 	import type { RemoveFirst } from "../types/types-extra"
 	import { get_root_scene } from "../utils/SceneUtils"
@@ -47,12 +49,12 @@ svelthree uses svelte-accmod, where accessors are always `true`, regardless of `
 	/**
 	 *  SVELTEKIT  SSR /
 	 * `browser` is needed for the SvelteKit setup (SSR / CSR / SPA).
-	 * For non-SSR output in RollUp only and Vite only setups (CSR / SPA) we're just mimicing `$app/env` where `browser = true`,
-	 * -> TS fix: `$app/env` mapped to `src/$app/env` via svelthree's `tsconfig.json`'s `path` property.
-	 * -> RollUp only setup: replace `$app/env` with `../$app/env`
+	 * For non-SSR output in RollUp only and Vite only setups (CSR / SPA) we're just mimicing `$app/environment` where `browser = true`,
+	 * -> TS fix: `$app/environment` mapped to `src/$app/environment` via svelthree's `tsconfig.json`'s `path` property.
+	 * -> RollUp only setup: replace `$app/environment` with `../$app/environment`
 	 * The import below will work out-of-the-box in a SvelteKit setup.
 	 */
-	import { browser } from "$app/env"
+	import { browser } from "$app/environment"
 
 	const self = get_current_component()
 	const c_name = get_comp_name(self)
@@ -67,7 +69,7 @@ svelthree uses svelte-accmod, where accessors are always `true`, regardless of `
 	export let log_lc: { [P in keyof LogLC]: LogLC[P] } = log_all ? { all: true } : undefined
 	export let log_mau: boolean = log_all
 
-	let scene: THREE_Scene = getContext("scene")
+	let scene: Scene = getContext("scene")
 	const sti: number = getContext("store_index")
 
 	/** [ **feature**: allow providing (_injection_) of (_already created_) threejs object instances ].
@@ -77,7 +79,7 @@ svelthree uses svelte-accmod, where accessors are always `true`, regardless of `
 	let create = false
 
 	/** The (three) instance that was shared to this component as it's 'parent' which can be either another instance / object or a scene / root scene. */
-	let our_parent: THREE_Object3D = undefined
+	let our_parent: Object3D = undefined
 
 	/** Shadow DOM element generated by our parent scene / root scene. Used as fallback if this component has no non-`Scene` component as parent. */
 	let scene_shadow_dom_el: SvelthreeShadowDOMElement = getContext("scene_shadow_dom_el")
@@ -235,7 +237,7 @@ svelthree uses svelte-accmod, where accessors are always `true`, regardless of `
 	function handle_instance_change(): void {
 		if ((light_uuid && light.uuid !== light_uuid) || !light_uuid) {
 			const uuid_to_remove: string = light_uuid || light.uuid
-			const old_instance: THREE_Object3D = find_in_canvas($svelthreeStores[sti].scenes, uuid_to_remove)
+			const old_instance: Object3D = find_in_canvas($svelthreeStores[sti].scenes, uuid_to_remove)
 
 			remove_instance(old_instance, "light", light, self)
 
@@ -311,7 +313,7 @@ svelthree uses svelte-accmod, where accessors are always `true`, regardless of `
 					light.target.parent.remove(light.target)
 				}
 				// recreate / reset target
-				light.target = new THREE_Object3D()
+				light.target = new Object3D()
 			}
 		}
 	}
@@ -332,8 +334,8 @@ svelthree uses svelte-accmod, where accessors are always `true`, regardless of `
 	let sProps: SvelthreeProps
 
 	// IMPORTANT  `props` will be overridden by 'shorthand' attributes!
-	/** **shorthand** attribute for setting properties using key-value pairs in an `Object`. */
-	export let props: { [P in keyof DirectionalLightProperties]: DirectionalLightProperties[P] } = undefined
+	/** **shorthand** attribute for setting properties of the created / injected three.js instance via an `Object Literal`. */
+	export let props: PropsDirectionalLight = undefined
 
 	$: if (!sProps && light && props) sProps = new SvelthreeProps(light)
 	$: if (props && sProps) update_props()
@@ -344,7 +346,7 @@ svelthree uses svelte-accmod, where accessors are always `true`, regardless of `
 
 	// IMPORTANT  following 'shorthand' attributes will override `props` attribute!
 
-	/** **shorthand** attribute for setting the `position` property. */
+	/** **shorthand** attribute for setting the `position` property of the created / injected three.js instance. */
 	export let pos: Vector3 | Parameters<Vector3["set"]> = undefined
 	$: !matrix && light && pos ? set_pos() : pos && light ? console.warn(w_sh.pos) : null
 	function set_pos() {
@@ -355,7 +357,7 @@ svelthree uses svelte-accmod, where accessors are always `true`, regardless of `
 	/** With components / objects having a `target` property like `DirectionalLight`, `lookAt` is used to specify a **point (coordinates) in world space** and cannot be set to an `Object3D`!
 	 * By setting `LookAt` to some value, you're basically moving the built-in 'blank' `Object3D` used as a point in space to look at.
 	 * ☝️ _In order to update the `DirectionalLightHelper` correctly, the `target: boolean` attribute needs to be set / set to `true` (**default**)!_ */
-	export let lookAt: Vector3 | Parameters<Vector3["set"]> | THREE_Object3D = undefined
+	export let lookAt: Vector3 | Parameters<Vector3["set"]> | Targetable = undefined
 	$: !matrix && light && lookAt ? set_lookat() : lookAt && light ? console.warn(w_sh.lookAt) : null
 	function set_lookat() {
 		if (verbose && log_rs) console.debug(...c_rs(c_name, "lookAt", lookAt))
@@ -369,7 +371,7 @@ svelthree uses svelte-accmod, where accessors are always `true`, regardless of `
 		PropUtils.setMatrixFromValue(light, matrix)
 	}
 
-	export let color: Color | string | number | [r: number, g: number, b: number] | number[] | Vector3 = undefined
+	export let color: Color | string | number | [r: number, g: number, b: number] | Vector3 = undefined
 	$: if (light && color) set_color()
 	function set_color(): void {
 		if (verbose && log_rs) console.debug(...c_rs(c_name, "color", color))
@@ -390,15 +392,11 @@ svelthree uses svelte-accmod, where accessors are always `true`, regardless of `
 
 	export let castShadow: boolean = undefined
 
-	/** **shorthand** attribute for setting properties of `light.shadow` using key-value pairs in an `Object`. */
-	export let shadowProps: {
-		[P in keyof LightShadowProps<DirectionalLightShadow>]: LightShadowProps<DirectionalLightShadow>[P]
-	} = undefined
+	/** **shorthand** attribute for setting properties of `light.shadow` via an `Object Literal`. */
+	export let shadowProps: PropsDirectionalLightShadow = undefined
 
-	/** **shorthand** attribute for setting properties of `light.shadow.camera` using key-value pairs in an `Object`. */
-	export let shadowCameraProps: {
-		[P in keyof LightShadowCamProps<typeof light.shadow.camera>]: LightShadowCamProps<typeof light.shadow.camera>[P]
-	} = undefined
+	/** **shorthand** attribute for setting properties of `light.shadow.camera` via an `Object Literal`. */
+	export let shadowCameraProps: PropsOrthographicCamera = undefined
 
 	type HelperParams = ConstructorParameters<typeof DirectionalLightHelper>
 	export let helperParams: RemoveFirst<HelperParams> = undefined
@@ -433,15 +431,16 @@ svelthree uses svelte-accmod, where accessors are always `true`, regardless of `
 	/** Immediately start provided animation, default: `false`. Alternative: `<component_reference>.start_animation()` or shorter `.start_ani()`. */
 	export let aniauto: boolean = undefined
 
-	let ani: SvelthreeAnimation
-	$: if (animation && animationEnabled) ani = new SvelthreeAnimation(scene, light, animation, aniauto)
+	/** (_internal_) reference to the `SvelthreeAni` instance */
+	let ani: SvelthreeAni
+	$: if (animation && animationEnabled) ani = new SvelthreeAni(scene, light, animation, aniauto)
 
 	let currentSceneActive = undefined
 	$: currentSceneActive = $svelthreeStores[sti].scenes[scene.userData.index_in_scenes]?.isActive
 	$: if (ani && currentSceneActive !== undefined) ani.onCurrentSceneActiveChange(currentSceneActive)
 
 	/** The root scene -> `scene.parent = null`. */
-	let root_scene: THREE_Scene | null = undefined
+	let root_scene: Scene | null = undefined
 	let root_scene_obj = { value: undefined }
 
 	$: if (root_scene === undefined) {
@@ -470,12 +469,12 @@ svelthree uses svelte-accmod, where accessors are always `true`, regardless of `
 	export const get_instance = (): THREE_DirectionalLight => light
 
 	/** Returns the `animation` object. */
-	export const get_animation = (): any => ani.getAnimation()
+	export const get_animation = (): SvelthreeAnimation => ani.getAnimation()
 	/** Same as `get_animation()` just shorter syntax. Returns the `animation` object. */
 	export const get_ani = get_animation
 
 	/** Starts the `animation` object. */
-	export const start_animation = (): void => ani.startAni()
+	export const start_animation = (): void => ani.startAnimation()
 	/** Same as `start_animation()` just shorter syntax. Starts the `animation` object. */
 	export const start_ani = start_animation
 
@@ -543,6 +542,7 @@ svelthree uses svelte-accmod, where accessors are always `true`, regardless of `
 
 	/** **Completely replace** `onMount` -> any `onMount_inject_before` & `onMount_inject_after` will be ignored.
 	 * _default verbosity will be gone!_ */
+	// eslint-disable-next-line @typescript-eslint/no-explicit-any
 	export let onMount_replace: (args?: any) => any = undefined
 
 	onMount(
@@ -566,14 +566,17 @@ svelthree uses svelte-accmod, where accessors are always `true`, regardless of `
 
 	/** **Inject** functionality **before** component's existing `onDestroy` logic.
 	 * _default verbosity not affected._ */
+	// eslint-disable-next-line @typescript-eslint/no-explicit-any
 	export let onDestroy_inject_before: (args?: any) => any = undefined
 
 	/** **Inject** functionality **after** component's existing `onDestroy` logic.
 	 * _default verbosity not affected._ */
+	// eslint-disable-next-line @typescript-eslint/no-explicit-any
 	export let onDestroy_inject_after: (args?: any) => any = undefined
 
 	/** **Completely replace** `onDestroy` -> any `onDestroy_inject_before` & `onDestroy_inject_after` will be ignored.
 	 * _default verbosity will be gone!_ */
+	// eslint-disable-next-line @typescript-eslint/no-explicit-any
 	export let onDestroy_replace: (args?: any) => any = undefined
 
 	onDestroy(
@@ -609,6 +612,7 @@ svelthree uses svelte-accmod, where accessors are always `true`, regardless of `
 
 	/** **Completely replace** `beforeUpdate` -> any `beforeUpdate_inject_before` & `beforeUpdate_inject_after` will be ignored.
 	 * _default verbosity will be gone!_ */
+	// eslint-disable-next-line @typescript-eslint/no-explicit-any
 	export let beforeUpdate_replace: (args?: any) => any = undefined
 
 	beforeUpdate(
@@ -632,14 +636,17 @@ svelthree uses svelte-accmod, where accessors are always `true`, regardless of `
 
 	/** **Inject** functionality **before** component's existing `afterUpdate` logic.
 	 * _default verbosity not affected._ */
+	// eslint-disable-next-line @typescript-eslint/no-explicit-any
 	export let afterUpdate_inject_before: (args?: any) => any = undefined
 
 	/** **Inject** functionality **after** component's existing `afterUpdate` logic.
 	 * _default verbosity not affected._ */
+	// eslint-disable-next-line @typescript-eslint/no-explicit-any
 	export let afterUpdate_inject_after: (args?: any) => any = undefined
 
 	/** **Completely replace** `afterUpdate` -> any `afterUpdate_inject_before` & `afterUpdate_inject_after` will be ignored.
 	 * _default verbosity will be gone!_ */
+	// eslint-disable-next-line @typescript-eslint/no-explicit-any
 	export let afterUpdate_replace: (args?: any) => any = undefined
 
 	afterUpdate(
diff --git a/src/lib/components/Group.svelte b/src/lib/components/Group.svelte
index cf01127..fa443ad 100644
--- a/src/lib/components/Group.svelte
+++ b/src/lib/components/Group.svelte
@@ -10,7 +10,7 @@ svelthree uses svelte-accmod, where accessors are always `true`, regardless of `
 [ tbd ]  Link to Docs.
 -->
 <script lang="ts">
-	import type { Scene as THREE_Scene } from "three"
+	import type { Scene } from "three"
 
 	import { beforeUpdate, onMount, afterUpdate, onDestroy, getContext, setContext } from "svelte"
 	import { get_current_component } from "svelte/internal"
@@ -22,31 +22,32 @@ svelthree uses svelte-accmod, where accessors are always `true`, regardless of `
 	import { remove_instance, recreate_shadow_dom_el, set_initial_userdata, find_in_canvas } from "../logic/shared"
 
 	import type { Euler, Matrix4, Quaternion, Vector3 } from "three"
-	import type { Object3D as THREE_Object3D } from "three"
+	import type { Object3D } from "three"
+	import type { Targetable } from "../types/types-extra"
 
 	import { svelthreeStores } from "svelthree/stores"
 	import { PropUtils, SvelthreeProps } from "../utils"
 
-	import { SvelthreeAnimation } from "../ani"
-	import type { SvelthreeAnimationFunction } from "../types/types-extra"
+	import { SvelthreeAni } from "../ani"
+	import type { SvelthreeAnimationFunction, SvelthreeAnimation } from "../types/types-extra"
 
 	import { BoxHelper } from "three"
 	import { get_root_scene } from "../utils/SceneUtils"
 
 	import { Group as THREE_Group } from "three"
-	import type { GroupProperties } from "../types/types-comp-props"
+	import type { PropsGroup } from "../types/types-comp-props"
 	import type { RemoveFirst } from "../types/types-extra"
-	import type { ButtonProperties, LinkProperties } from "../types/types-comp-props"
+	import type { PropButton, PropLink } from "../types/types-comp-props"
 
 	/**
 	 *  SVELTEKIT  SSR /
 	 * `browser` is needed for the SvelteKit setup (SSR / CSR / SPA).
-	 * For non-SSR output in RollUp only and Vite only setups (CSR / SPA) we're just mimicing `$app/env` where `browser = true`,
-	 * -> TS fix: `$app/env` mapped to `src/$app/env` via svelthree's `tsconfig.json`'s `path` property.
-	 * -> RollUp only setup: replace `$app/env` with `../$app/env`
+	 * For non-SSR output in RollUp only and Vite only setups (CSR / SPA) we're just mimicing `$app/environment` where `browser = true`,
+	 * -> TS fix: `$app/environment` mapped to `src/$app/environment` via svelthree's `tsconfig.json`'s `path` property.
+	 * -> RollUp only setup: replace `$app/environment` with `../$app/environment`
 	 * The import below will work out-of-the-box in a SvelteKit setup.
 	 */
-	import { browser } from "$app/env"
+	import { browser } from "$app/environment"
 
 	const self = get_current_component()
 	const c_name = get_comp_name(self)
@@ -62,7 +63,7 @@ svelthree uses svelte-accmod, where accessors are always `true`, regardless of `
 	export let log_mau: boolean = log_all
 
 	export const isGroup = true
-	let scene: THREE_Scene = getContext("scene")
+	let scene: Scene = getContext("scene")
 	const sti: number = getContext("store_index")
 
 	/** [ **feature**: allow providing (_injection_) of (_already created_) threejs object instances ].
@@ -72,7 +73,7 @@ svelthree uses svelte-accmod, where accessors are always `true`, regardless of `
 	let create = false
 
 	/** The (three) instance that was shared to this component as it's 'parent' which can be either another instance / object or a scene / root scene. */
-	let our_parent: THREE_Object3D = undefined
+	let our_parent: Object3D = undefined
 
 	/** Shadow DOM element generated by our parent scene / root scene. Used as fallback if this component has no non-`Scene` component as parent. */
 	let scene_shadow_dom_el: SvelthreeShadowDOMElement = getContext("scene_shadow_dom_el")
@@ -86,10 +87,10 @@ svelthree uses svelte-accmod, where accessors are always `true`, regardless of `
 	export const get_shadow_dom_el = (): SvelthreeShadowDOMElement => shadow_dom_el
 
 	/** Specify the component / three.js object instance to act as an HTML `<button>` element. */
-	export let button: ButtonProperties = undefined
+	export let button: PropButton = undefined
 
 	/** Specify the component / three.js object instance to act as an HTML `<a>` element. */
-	export let link: LinkProperties = undefined
+	export let link: PropLink = undefined
 
 	/** Returns the `group` instance created by the component & allows providing (_injection_) of (_already created / premade_) `THREE.Group` instances. */
 	export let group: THREE_Group = undefined
@@ -231,7 +232,7 @@ svelthree uses svelte-accmod, where accessors are always `true`, regardless of `
 	function handle_instance_change(): void {
 		if ((group_uuid && group.uuid !== group_uuid) || !group_uuid) {
 			const uuid_to_remove: string = group_uuid || group.uuid
-			const old_instance: THREE_Object3D = find_in_canvas($svelthreeStores[sti].scenes, uuid_to_remove)
+			const old_instance: Object3D = find_in_canvas($svelthreeStores[sti].scenes, uuid_to_remove)
 
 			remove_instance(old_instance, "group", group, self)
 
@@ -270,8 +271,8 @@ svelthree uses svelte-accmod, where accessors are always `true`, regardless of `
 	let sProps: SvelthreeProps
 
 	// IMPORTANT  `props` will be overridden by 'shorthand' attributes!
-	/** **shorthand** attribute for setting properties using key-value pairs in an `Object`. */
-	export let props: { [P in keyof GroupProperties]: GroupProperties[P] } = undefined
+	/** **shorthand** attribute for setting properties of the created / injected three.js instance via an `Object Literal`. */
+	export let props: PropsGroup = undefined
 
 	$: if (!sProps && group && props) sProps = new SvelthreeProps(group)
 	$: if (props && sProps) update_props()
@@ -282,7 +283,7 @@ svelthree uses svelte-accmod, where accessors are always `true`, regardless of `
 
 	// IMPORTANT  following 'shorthand' attributes will override `props` attribute!
 
-	/** **shorthand** attribute for setting the `position` property. */
+	/** **shorthand** attribute for setting the `position` property of the created / injected three.js instance. */
 	export let pos: Vector3 | Parameters<Vector3["set"]> = undefined
 	$: !matrix && group && pos ? set_pos() : pos && group ? console.warn(w_sh.pos) : null
 	function set_pos() {
@@ -290,7 +291,7 @@ svelthree uses svelte-accmod, where accessors are always `true`, regardless of `
 		PropUtils.setPositionFromValue(group, pos)
 	}
 
-	/** **shorthand** attribute for setting the `rotation` property. */
+	/** **shorthand** attribute for setting the `rotation` property of the created / injected three.js instance. */
 	export let rot:
 		| Euler
 		| Parameters<Euler["set"]>
@@ -304,7 +305,7 @@ svelthree uses svelte-accmod, where accessors are always `true`, regardless of `
 		PropUtils.setRotationFromValue(group, rot)
 	}
 
-	/** **shorthand** attribute for setting the `quaternion` property. */
+	/** **shorthand** attribute for setting the `quaternion` property of the created / injected three.js instance. */
 	export let quat: Quaternion | Parameters<Quaternion["set"]> = undefined
 	$: !matrix && group && quat ? set_quat() : quat && group ? console.warn(w_sh.quat) : null
 	function set_quat() {
@@ -312,7 +313,7 @@ svelthree uses svelte-accmod, where accessors are always `true`, regardless of `
 		PropUtils.setQuaternionFromValue(group, quat)
 	}
 
-	export let scale: Vector3 | Parameters<Vector3["set"]> = undefined
+	export let scale: Vector3 | Parameters<Vector3["set"]> | number = undefined
 	$: !matrix && group && scale ? set_scale() : scale && group ? console.warn(w_sh.scale) : null
 	function set_scale() {
 		if (verbose && log_rs) console.debug(...c_rs(c_name, "scale", scale))
@@ -320,7 +321,7 @@ svelthree uses svelte-accmod, where accessors are always `true`, regardless of `
 	}
 
 	/** */
-	export let lookAt: Vector3 | Parameters<Vector3["set"]> | THREE_Object3D = undefined
+	export let lookAt: Vector3 | Parameters<Vector3["set"]> | Targetable = undefined
 	$: !matrix && group && lookAt ? set_lookat() : lookAt && group ? console.warn(w_sh.lookAt) : null
 	function set_lookat() {
 		if (verbose && log_rs) console.debug(...c_rs(c_name, "lookAt", lookAt))
@@ -335,7 +336,7 @@ svelthree uses svelte-accmod, where accessors are always `true`, regardless of `
 	}
 
 	/** The root scene -> `scene.parent = null`. */
-	let root_scene: THREE_Scene | null = undefined
+	let root_scene: Scene | null = undefined
 	let root_scene_obj = { value: undefined }
 
 	$: if (root_scene === undefined) {
@@ -423,8 +424,9 @@ svelthree uses svelte-accmod, where accessors are always `true`, regardless of `
 	/** Immediately start provided animation, default: `false`. Alternative: `<component_reference>.start_animation()` or shorter `.start_ani()`. */
 	export let aniauto: boolean = undefined
 
-	let ani: SvelthreeAnimation
-	$: if (animation && animationEnabled) ani = new SvelthreeAnimation(scene, group, animation, aniauto)
+	/** (_internal_) reference to the `SvelthreeAni` instance */
+	let ani: SvelthreeAni
+	$: if (animation && animationEnabled) ani = new SvelthreeAni(scene, group, animation, aniauto)
 
 	let currentSceneActive = undefined
 	$: currentSceneActive = $svelthreeStores[sti].scenes[scene.userData.index_in_scenes]?.isActive
@@ -445,12 +447,12 @@ svelthree uses svelte-accmod, where accessors are always `true`, regardless of `
 	export const get_instance = (): THREE_Group => group
 
 	/** Returns the `animation` object. */
-	export const get_animation = (): any => ani.getAnimation()
+	export const get_animation = (): SvelthreeAnimation => ani.getAnimation()
 	/** Same as `get_animation()` just shorter syntax. Returns the `animation` object. */
 	export const get_ani = get_animation
 
 	/** Starts the `animation` object. */
-	export const start_animation = (): void => ani.startAni()
+	export const start_animation = (): void => ani.startAnimation()
 	/** Same as `start_animation()` just shorter syntax. Starts the `animation` object. */
 	export const start_ani = start_animation
 
@@ -518,6 +520,7 @@ svelthree uses svelte-accmod, where accessors are always `true`, regardless of `
 
 	/** **Completely replace** `onMount` -> any `onMount_inject_before` & `onMount_inject_after` will be ignored.
 	 * _default verbosity will be gone!_ */
+	// eslint-disable-next-line @typescript-eslint/no-explicit-any
 	export let onMount_replace: (args?: any) => any = undefined
 
 	onMount(
@@ -541,14 +544,17 @@ svelthree uses svelte-accmod, where accessors are always `true`, regardless of `
 
 	/** **Inject** functionality **before** component's existing `onDestroy` logic.
 	 * _default verbosity not affected._ */
+	// eslint-disable-next-line @typescript-eslint/no-explicit-any
 	export let onDestroy_inject_before: (args?: any) => any = undefined
 
 	/** **Inject** functionality **after** component's existing `onDestroy` logic.
 	 * _default verbosity not affected._ */
+	// eslint-disable-next-line @typescript-eslint/no-explicit-any
 	export let onDestroy_inject_after: (args?: any) => any = undefined
 
 	/** **Completely replace** `onDestroy` -> any `onDestroy_inject_before` & `onDestroy_inject_after` will be ignored.
 	 * _default verbosity will be gone!_ */
+	// eslint-disable-next-line @typescript-eslint/no-explicit-any
 	export let onDestroy_replace: (args?: any) => any = undefined
 
 	onDestroy(
@@ -582,6 +588,7 @@ svelthree uses svelte-accmod, where accessors are always `true`, regardless of `
 
 	/** **Completely replace** `beforeUpdate` -> any `beforeUpdate_inject_before` & `beforeUpdate_inject_after` will be ignored.
 	 * _default verbosity will be gone!_ */
+	// eslint-disable-next-line @typescript-eslint/no-explicit-any
 	export let beforeUpdate_replace: (args?: any) => any = undefined
 
 	beforeUpdate(
@@ -605,14 +612,17 @@ svelthree uses svelte-accmod, where accessors are always `true`, regardless of `
 
 	/** **Inject** functionality **before** component's existing `afterUpdate` logic.
 	 * _default verbosity not affected._ */
+	// eslint-disable-next-line @typescript-eslint/no-explicit-any
 	export let afterUpdate_inject_before: (args?: any) => any = undefined
 
 	/** **Inject** functionality **after** component's existing `afterUpdate` logic.
 	 * _default verbosity not affected._ */
+	// eslint-disable-next-line @typescript-eslint/no-explicit-any
 	export let afterUpdate_inject_after: (args?: any) => any = undefined
 
 	/** **Completely replace** `afterUpdate` -> any `afterUpdate_inject_before` & `afterUpdate_inject_after` will be ignored.
 	 * _default verbosity will be gone!_ */
+	// eslint-disable-next-line @typescript-eslint/no-explicit-any
 	export let afterUpdate_replace: (args?: any) => any = undefined
 
 	afterUpdate(
diff --git a/src/lib/components/HemisphereLight.svelte b/src/lib/components/HemisphereLight.svelte
index e7ab716..66a9b97 100644
--- a/src/lib/components/HemisphereLight.svelte
+++ b/src/lib/components/HemisphereLight.svelte
@@ -9,7 +9,7 @@ svelthree uses svelte-accmod, where accessors are always `true`, regardless of `
 **svelthree** _HemisphereLight_ Component.
 [ tbd ]  Link to Docs. -->
 <script lang="ts">
-	import type { Scene as THREE_Scene } from "three"
+	import type { Scene } from "three"
 
 	import { beforeUpdate, onMount, afterUpdate, onDestroy, getContext, setContext } from "svelte"
 	import { get_current_component } from "svelte/internal"
@@ -23,26 +23,26 @@ svelthree uses svelte-accmod, where accessors are always `true`, regardless of `
 	import { svelthreeStores } from "svelthree/stores"
 	import { PropUtils, SvelthreeProps } from "../utils"
 
-	import { SvelthreeAnimation } from "../ani"
-	import type { SvelthreeAnimationFunction } from "../types/types-extra"
+	import { SvelthreeAni } from "../ani"
+	import type { SvelthreeAnimationFunction, SvelthreeAnimation } from "../types/types-extra"
 
 	import { HemisphereLight as THREE_HemisphereLight } from "three"
 	import { HemisphereLightHelper } from "three"
-	import type { HemisphereLightProperties } from "../types/types-comp-props"
+	import type { PropsHemisphereLight } from "../types/types-comp-props"
 	import type { Color, Vector3 } from "three"
-	import type { Object3D as THREE_Object3D } from "three"
+	import type { Object3D } from "three"
 	import type { RemoveFirst } from "../types/types-extra"
 	import { get_root_scene } from "../utils/SceneUtils"
 
 	/**
 	 *  SVELTEKIT  SSR /
 	 * `browser` is needed for the SvelteKit setup (SSR / CSR / SPA).
-	 * For non-SSR output in RollUp only and Vite only setups (CSR / SPA) we're just mimicing `$app/env` where `browser = true`,
-	 * -> TS fix: `$app/env` mapped to `src/$app/env` via svelthree's `tsconfig.json`'s `path` property.
-	 * -> RollUp only setup: replace `$app/env` with `../$app/env`
+	 * For non-SSR output in RollUp only and Vite only setups (CSR / SPA) we're just mimicing `$app/environment` where `browser = true`,
+	 * -> TS fix: `$app/environment` mapped to `src/$app/environment` via svelthree's `tsconfig.json`'s `path` property.
+	 * -> RollUp only setup: replace `$app/environment` with `../$app/environment`
 	 * The import below will work out-of-the-box in a SvelteKit setup.
 	 */
-	import { browser } from "$app/env"
+	import { browser } from "$app/environment"
 
 	const self = get_current_component()
 	const c_name = get_comp_name(self)
@@ -57,7 +57,7 @@ svelthree uses svelte-accmod, where accessors are always `true`, regardless of `
 	export let log_lc: { [P in keyof LogLC]: LogLC[P] } = log_all ? { all: true } : undefined
 	export let log_mau: boolean = log_all
 
-	let scene: THREE_Scene = getContext("scene")
+	let scene: Scene = getContext("scene")
 	const sti: number = getContext("store_index")
 
 	/** [ **feature**: allow providing (_injection_) of (_already created_) threejs object instances ].
@@ -67,7 +67,7 @@ svelthree uses svelte-accmod, where accessors are always `true`, regardless of `
 	let create = false
 
 	/** The (three) instance that was shared to this component as it's 'parent' which can be either another instance / object or a scene / root scene. */
-	let our_parent: THREE_Object3D = undefined
+	let our_parent: Object3D = undefined
 
 	/** Shadow DOM element generated by our parent scene / root scene. Used as fallback if this component has no non-`Scene` component as parent. */
 	let scene_shadow_dom_el: SvelthreeShadowDOMElement = getContext("scene_shadow_dom_el")
@@ -225,7 +225,7 @@ svelthree uses svelte-accmod, where accessors are always `true`, regardless of `
 	function handle_instance_change(): void {
 		if ((light_uuid && light.uuid !== light_uuid) || !light_uuid) {
 			const uuid_to_remove: string = light_uuid || light.uuid
-			const old_instance: THREE_Object3D = find_in_canvas($svelthreeStores[sti].scenes, uuid_to_remove)
+			const old_instance: Object3D = find_in_canvas($svelthreeStores[sti].scenes, uuid_to_remove)
 
 			remove_instance(old_instance, "light", light, self)
 
@@ -261,8 +261,8 @@ svelthree uses svelte-accmod, where accessors are always `true`, regardless of `
 	let sProps: SvelthreeProps
 
 	// IMPORTANT  `props` will be overridden by 'shorthand' attributes!
-	/** **shorthand** attribute for setting properties using key-value pairs in an `Object`. */
-	export let props: { [P in keyof HemisphereLightProperties]: HemisphereLightProperties[P] } = undefined
+	/** **shorthand** attribute for setting properties of the created / injected three.js instance via an `Object Literal`. */
+	export let props: PropsHemisphereLight = undefined
 
 	$: if (!sProps && light && props) sProps = new SvelthreeProps(light)
 	$: if (props && sProps) update_props()
@@ -271,14 +271,14 @@ svelthree uses svelte-accmod, where accessors are always `true`, regardless of `
 		sProps.update(props)
 	}
 
-	export let color: Color | string | number | [r: number, g: number, b: number] | number[] | Vector3 = undefined
+	export let color: Color | string | number | [r: number, g: number, b: number] | Vector3 = undefined
 	$: if (light && color) set_color()
 	function set_color(): void {
 		if (verbose && log_rs) console.debug(...c_rs(c_name, "color", color))
 		PropUtils.setColorFromValueKey(light, color, "color")
 	}
 
-	export let groundColor: Color | string | [r: number, g: number, b: number] | Vector3 = undefined
+	export let groundColor: Color | string | number | [r: number, g: number, b: number] | Vector3 = undefined
 	$: if (light && groundColor) set_ground_color()
 	function set_ground_color(): void {
 		if (verbose && log_rs) console.debug(...c_rs(c_name, "groundColor", groundColor))
@@ -295,7 +295,7 @@ svelthree uses svelte-accmod, where accessors are always `true`, regardless of `
 
 	// IMPORTANT  following 'shorthand' attributes will override `props` attribute!
 
-	/** **shorthand** attribute for setting the `position` property. */
+	/** **shorthand** attribute for setting the `position` property of the created / injected three.js instance. */
 	export let pos: Vector3 | Parameters<Vector3["set"]> = undefined
 	$: light && pos ? set_pos() : pos && light ? console.warn(w_sh.pos) : null
 	function set_pos() {
@@ -336,15 +336,16 @@ svelthree uses svelte-accmod, where accessors are always `true`, regardless of `
 	/** Immediately start provided animation, default: `false`. Alternative: `<component_reference>.start_animation()` or shorter `.start_ani()`. */
 	export let aniauto: boolean = undefined
 
-	let ani: SvelthreeAnimation
-	$: if (animation && animationEnabled) ani = new SvelthreeAnimation(scene, light, animation, aniauto)
+	/** (_internal_) reference to the `SvelthreeAni` instance */
+	let ani: SvelthreeAni
+	$: if (animation && animationEnabled) ani = new SvelthreeAni(scene, light, animation, aniauto)
 
 	let currentSceneActive = undefined
 	$: currentSceneActive = $svelthreeStores[sti].scenes[scene.userData.index_in_scenes]?.isActive
 	$: if (ani && currentSceneActive !== undefined) ani.onCurrentSceneActiveChange(currentSceneActive)
 
 	/** The root scene -> `scene.parent = null`. */
-	let root_scene: THREE_Scene | null = undefined
+	let root_scene: Scene | null = undefined
 	let root_scene_obj = { value: undefined }
 
 	$: if (root_scene === undefined) {
@@ -373,12 +374,12 @@ svelthree uses svelte-accmod, where accessors are always `true`, regardless of `
 	export const get_instance = (): THREE_HemisphereLight => light
 
 	/** Returns the `animation` object. */
-	export const get_animation = (): any => ani.getAnimation()
+	export const get_animation = (): SvelthreeAnimation => ani.getAnimation()
 	/** Same as `get_animation()` just shorter syntax. Returns the `animation` object. */
 	export const get_ani = get_animation
 
 	/** Starts the `animation` object. */
-	export const start_animation = (): void => ani.startAni()
+	export const start_animation = (): void => ani.startAnimation()
 	/** Same as `start_animation()` just shorter syntax. Starts the `animation` object. */
 	export const start_ani = start_animation
 
@@ -446,6 +447,7 @@ svelthree uses svelte-accmod, where accessors are always `true`, regardless of `
 
 	/** **Completely replace** `onMount` -> any `onMount_inject_before` & `onMount_inject_after` will be ignored.
 	 * _default verbosity will be gone!_ */
+	// eslint-disable-next-line @typescript-eslint/no-explicit-any
 	export let onMount_replace: (args?: any) => any = undefined
 
 	onMount(
@@ -469,14 +471,17 @@ svelthree uses svelte-accmod, where accessors are always `true`, regardless of `
 
 	/** **Inject** functionality **before** component's existing `onDestroy` logic.
 	 * _default verbosity not affected._ */
+	// eslint-disable-next-line @typescript-eslint/no-explicit-any
 	export let onDestroy_inject_before: (args?: any) => any = undefined
 
 	/** **Inject** functionality **after** component's existing `onDestroy` logic.
 	 * _default verbosity not affected._ */
+	// eslint-disable-next-line @typescript-eslint/no-explicit-any
 	export let onDestroy_inject_after: (args?: any) => any = undefined
 
 	/** **Completely replace** `onDestroy` -> any `onDestroy_inject_before` & `onDestroy_inject_after` will be ignored.
 	 * _default verbosity will be gone!_ */
+	// eslint-disable-next-line @typescript-eslint/no-explicit-any
 	export let onDestroy_replace: (args?: any) => any = undefined
 
 	onDestroy(
@@ -512,6 +517,7 @@ svelthree uses svelte-accmod, where accessors are always `true`, regardless of `
 
 	/** **Completely replace** `beforeUpdate` -> any `beforeUpdate_inject_before` & `beforeUpdate_inject_after` will be ignored.
 	 * _default verbosity will be gone!_ */
+	// eslint-disable-next-line @typescript-eslint/no-explicit-any
 	export let beforeUpdate_replace: (args?: any) => any = undefined
 
 	beforeUpdate(
@@ -535,14 +541,17 @@ svelthree uses svelte-accmod, where accessors are always `true`, regardless of `
 
 	/** **Inject** functionality **before** component's existing `afterUpdate` logic.
 	 * _default verbosity not affected._ */
+	// eslint-disable-next-line @typescript-eslint/no-explicit-any
 	export let afterUpdate_inject_before: (args?: any) => any = undefined
 
 	/** **Inject** functionality **after** component's existing `afterUpdate` logic.
 	 * _default verbosity not affected._ */
+	// eslint-disable-next-line @typescript-eslint/no-explicit-any
 	export let afterUpdate_inject_after: (args?: any) => any = undefined
 
 	/** **Completely replace** `afterUpdate` -> any `afterUpdate_inject_before` & `afterUpdate_inject_after` will be ignored.
 	 * _default verbosity will be gone!_ */
+	// eslint-disable-next-line @typescript-eslint/no-explicit-any
 	export let afterUpdate_replace: (args?: any) => any = undefined
 
 	afterUpdate(
diff --git a/src/lib/components/LoadedGLTF.svelte b/src/lib/components/LoadedGLTF.svelte
index 2dfcec3..98d4b72 100644
--- a/src/lib/components/LoadedGLTF.svelte
+++ b/src/lib/components/LoadedGLTF.svelte
@@ -10,7 +10,7 @@ svelthree uses svelte-accmod, where accessors are always `true`, regardless of `
 [ tbd ]  Link to Docs.
 -->
 <script lang="ts">
-	import type { Scene as THREE_Scene } from "three"
+	import type { Scene } from "three"
 
 	import { beforeUpdate, onMount, afterUpdate, onDestroy, getContext, setContext, tick } from "svelte"
 	import { get_current_component } from "svelte/internal"
@@ -22,18 +22,21 @@ svelthree uses svelte-accmod, where accessors are always `true`, regardless of `
 	import { remove_instance, recreate_shadow_dom_el, set_initial_userdata } from "../logic/shared"
 
 	import type { Euler, Matrix4, Quaternion, Vector3 } from "three"
+	import type { Targetable } from "../types/types-extra"
 
 	import { svelthreeStores } from "svelthree/stores"
 	import { PropUtils, SvelthreeProps } from "../utils"
 
-	import { SvelthreeAnimation } from "../ani"
-	import type { SvelthreeAnimationFunction } from "../types/types-extra"
+	import { SvelthreeAni } from "../ani"
+	import type { SvelthreeAnimationFunction, SvelthreeAnimation } from "../types/types-extra"
 
 	import SvelthreeInteraction from "../components-internal/SvelthreeInteraction.svelte"
 	import type { RaycastArray } from "../utils/RaycastArray"
+
 	import { createEventDispatcher } from "svelte"
-	import type { Writable } from "svelte/store"
+	import type { InteractionEventDispatcher } from "../types/types-extra"
 
+	import type { Writable } from "svelte/store"
 	import type { SvelthreeModifiersProp } from "../constants/Interaction"
 	import type {
 		SvelthreePointerEventHandler,
@@ -49,22 +52,22 @@ svelthree uses svelte-accmod, where accessors are always `true`, regardless of `
 	import { GLTFLoader } from "three/examples/jsm/loaders/GLTFLoader.js"
 	import type { GLTF } from "three/examples/jsm/loaders/GLTFLoader.js"
 	import type { AnimationClip, Group, Camera, Mesh, Light } from "three"
-	import type { LoadedGLTFProperties } from "../types/types-comp-props"
+	import type { PropsLoadedGLTF } from "../types/types-comp-props"
 	import type { LoadingManager } from "three"
-	import { Object3D as THREE_Object3D } from "three"
-	import type { RemoveFirst } from "../types/types-extra"
-	import type { ButtonProperties, LinkProperties } from "../types/types-comp-props"
+	import { Object3D } from "three"
+	import type { RemoveFirst, GLTFAfterLoadedTask } from "../types/types-extra"
+	import type { PropButton, PropLink } from "../types/types-comp-props"
 	import { GLTF_afterLoaded, GLTF_utils } from "../utils"
 
 	/**
 	 *  SVELTEKIT  SSR /
 	 * `browser` is needed for the SvelteKit setup (SSR / CSR / SPA).
-	 * For non-SSR output in RollUp only and Vite only setups (CSR / SPA) we're just mimicing `$app/env` where `browser = true`,
-	 * -> TS fix: `$app/env` mapped to `src/$app/env` via svelthree's `tsconfig.json`'s `path` property.
-	 * -> RollUp only setup: replace `$app/env` with `../$app/env`
+	 * For non-SSR output in RollUp only and Vite only setups (CSR / SPA) we're just mimicing `$app/environment` where `browser = true`,
+	 * -> TS fix: `$app/environment` mapped to `src/$app/environment` via svelthree's `tsconfig.json`'s `path` property.
+	 * -> RollUp only setup: replace `$app/environment` with `../$app/environment`
 	 * The import below will work out-of-the-box in a SvelteKit setup.
 	 */
-	import { browser } from "$app/env"
+	import { browser } from "$app/environment"
 
 	const self = get_current_component()
 	const c_name = get_comp_name(self)
@@ -80,12 +83,13 @@ svelthree uses svelte-accmod, where accessors are always `true`, regardless of `
 	export let log_mau: boolean = log_all
 
 	const dispatch = createEventDispatcher()
+	const dispatch_interaction = createEventDispatcher<InteractionEventDispatcher>()
 
-	let scene: THREE_Scene = getContext("scene")
+	let scene: Scene = getContext("scene")
 	const sti: number = getContext("store_index")
 
 	/** The (three) instance that was shared to this component as it's 'parent' which can be either another instance / object or a scene / root scene. */
-	let our_parent: THREE_Object3D = undefined
+	let our_parent: Object3D = undefined
 
 	/** Shadow DOM element generated by our parent scene / root scene. Used as fallback if this component has no non-`Scene` component as parent. */
 	let scene_shadow_dom_el: SvelthreeShadowDOMElement = getContext("scene_shadow_dom_el")
@@ -99,17 +103,17 @@ svelthree uses svelte-accmod, where accessors are always `true`, regardless of `
 	export const get_shadow_dom_el = (): SvelthreeShadowDOMElement => shadow_dom_el
 
 	/** Specify the component / three.js object instance to act as an HTML `<button>` element. */
-	export let button: ButtonProperties = undefined
+	export let button: PropButton = undefined
 
 	/** Specify the component / three.js object instance to act as an HTML `<a>` element. */
-	export let link: LinkProperties = undefined
+	export let link: PropLink = undefined
 
 	/** Returns the `container` instance created by the component.
 	 * If the `add` attribute is set to `true` (_default_) the contents of the loaded GLTF will be added to the `container`,
 	 * which will then be added to it's parent component / parent object (three) instance.
 	 * If the `add` attribute is set to `false`, the `container` instance will be `undefined`
 	 * and you'll have to manage adding loaded GLTF assets to your scene graph by yourself. */
-	export let container: THREE_Object3D = undefined
+	export let container: Object3D = undefined
 	let container_uuid: string = undefined
 
 	/** Sets the `name` property of the created / injected three.js instance. */
@@ -119,7 +123,7 @@ svelthree uses svelte-accmod, where accessors are always `true`, regardless of `
 	export const is_svelthree_container = true
 
 	$: if (!container) {
-		container = new THREE_Object3D()
+		container = new Object3D()
 
 		set_initial_userdata(container, self)
 
@@ -268,10 +272,23 @@ svelthree uses svelte-accmod, where accessors are always `true`, regardless of `
 		})
 	}
 
-	/** An Array of functions to perform with the loaded GLTF content.
-	 * The first (`dummy`) argument will be internally replaced by the 'real' `content`-refrence.
-	 * See `GLTF_afterLoaded` class for some premade common tasks.*/
-	export let afterLoaded: ((dummy: GLTF, ...args: any[]) => Promise<void>)[] | undefined = undefined
+	/** An Array of tasks to perform with the loaded GLTF content, these can be any of the `GLTF_afterLoaded`-utility methods / tasks (_static_) or your own method.
+	 *
+	 * _Example:_
+	 * ```
+	 * const my_after_loaded_task = (gltf_content: GLTF) => {...}
+	 *
+	 * <LoadedGLTF afterLoaded = {[
+	 * 		GLTF_afterLoaded.remove_all_lights,
+	 * 		GLTF_afterLoaded.for_all_meshes({...}),
+	 * 		my_after_loaded_task
+	 * ]}
+	 * />
+	 * ```
+	 * */
+	/*eslint @typescript-eslint/no-explicit-any: ["error", { "ignoreRestArgs": true }]*/
+	//export let afterLoaded: ((content_gltf: GLTF, ...args: any[]) => Promise<void>)[] | undefined = undefined
+	export let afterLoaded: GLTFAfterLoadedTask[] | undefined = undefined
 
 	async function process_afterLoaded() {
 		dispatch("afterLoaded_start")
@@ -324,8 +341,8 @@ svelthree uses svelte-accmod, where accessors are always `true`, regardless of `
 	let sProps: SvelthreeProps
 
 	// IMPORTANT  `props` will be overridden by 'shorthand' attributes!
-	/** **shorthand** attribute for setting properties using key-value pairs in an `Object`. */
-	export let props: { [P in keyof LoadedGLTFProperties]: LoadedGLTFProperties[P] } = undefined
+	/** **shorthand** attribute for setting properties of the created / injected three.js instance via an `Object Literal`. */
+	export let props: PropsLoadedGLTF = undefined
 
 	$: if (!sProps && container && props) sProps = new SvelthreeProps(container)
 	$: if (props && sProps) update_props()
@@ -336,7 +353,7 @@ svelthree uses svelte-accmod, where accessors are always `true`, regardless of `
 
 	// IMPORTANT  following 'shorthand' attributes will override `props` attribute!
 
-	/** **shorthand** attribute for setting the `position` property. */
+	/** **shorthand** attribute for setting the `position` property of the created / injected three.js instance. */
 	export let pos: Vector3 | Parameters<Vector3["set"]> = undefined
 	$: !matrix && container && pos ? set_pos() : pos && container ? console.warn(w_sh.pos) : null
 	function set_pos() {
@@ -344,7 +361,7 @@ svelthree uses svelte-accmod, where accessors are always `true`, regardless of `
 		PropUtils.setPositionFromValue(container, pos)
 	}
 
-	/** **shorthand** attribute for setting the `rotation` property. */
+	/** **shorthand** attribute for setting the `rotation` property of the created / injected three.js instance. */
 	export let rot:
 		| Euler
 		| Parameters<Euler["set"]>
@@ -358,7 +375,7 @@ svelthree uses svelte-accmod, where accessors are always `true`, regardless of `
 		PropUtils.setRotationFromValue(container, rot)
 	}
 
-	/** **shorthand** attribute for setting the `quaternion` property. */
+	/** **shorthand** attribute for setting the `quaternion` property of the created / injected three.js instance. */
 	export let quat: Quaternion | Parameters<Quaternion["set"]> = undefined
 	$: !matrix && container && quat ? set_quat() : quat && container ? console.warn(w_sh.quat) : null
 	function set_quat() {
@@ -366,7 +383,7 @@ svelthree uses svelte-accmod, where accessors are always `true`, regardless of `
 		PropUtils.setQuaternionFromValue(container, quat)
 	}
 
-	export let scale: Vector3 | Parameters<Vector3["set"]> = undefined
+	export let scale: Vector3 | Parameters<Vector3["set"]> | number = undefined
 	$: !matrix && container && scale ? set_scale() : scale && container ? console.warn(w_sh.scale) : null
 	function set_scale() {
 		if (verbose && log_rs) console.debug(...c_rs(c_name, "scale", scale))
@@ -374,7 +391,7 @@ svelthree uses svelte-accmod, where accessors are always `true`, regardless of `
 	}
 
 	/** */
-	export let lookAt: Vector3 | Parameters<Vector3["set"]> | THREE_Object3D = undefined
+	export let lookAt: Vector3 | Parameters<Vector3["set"]> | Targetable = undefined
 	$: !matrix && container && lookAt ? set_lookat() : lookAt && container ? console.warn(w_sh.lookAt) : null
 	function set_lookat() {
 		if (verbose && log_rs) console.debug(...c_rs(c_name, "lookAt", lookAt))
@@ -395,7 +412,7 @@ svelthree uses svelte-accmod, where accessors are always `true`, regardless of `
 	$: if (receiveShadow !== undefined && content) GLTF_afterLoaded.for_all_meshes({ receiveShadow })(content)
 
 	/** The root scene -> `scene.parent = null`. */
-	let root_scene: THREE_Scene | null = undefined
+	let root_scene: Scene | null = undefined
 	let root_scene_obj = { value: undefined }
 
 	$: if (root_scene === undefined) {
@@ -563,6 +580,7 @@ svelthree uses svelte-accmod, where accessors are always `true`, regardless of `
 	 *
 	 * ☝️ _Can be used with **interactive components only** -> `interact` prop has to be `true`._
 	 */
+	// eslint-disable-next-line @typescript-eslint/no-explicit-any
 	export const on = async (type: any, callback: any): Promise<void> => {
 		if (interact) {
 			if (!interaction_comp || !shadow_dom_el) await tick()
@@ -583,6 +601,7 @@ svelthree uses svelte-accmod, where accessors are always `true`, regardless of `
 	 *
 	 * ☝️ _Can be used with **interactive components only** -> `interact` prop has to be `true`._
 	 */
+	// eslint-disable-next-line @typescript-eslint/no-explicit-any
 	export const onx = async (type: any, callback: any): Promise<void> => {
 		if (interact) {
 			if (!interaction_comp || !shadow_dom_el) await tick()
@@ -698,8 +717,9 @@ svelthree uses svelte-accmod, where accessors are always `true`, regardless of `
 	/** Immediately start provided animation, default: `false`. Alternative: `<component_reference>.start_animation()` or shorter `.start_ani()`. */
 	export let aniauto: boolean = undefined
 
-	let ani: SvelthreeAnimation
-	$: if (animation && animationEnabled) ani = new SvelthreeAnimation(scene, container, animation, aniauto)
+	/** (_internal_) reference to the `SvelthreeAni` instance */
+	let ani: SvelthreeAni
+	$: if (animation && animationEnabled) ani = new SvelthreeAni(scene, container, animation, aniauto)
 
 	let currentSceneActive = undefined
 	$: currentSceneActive = $svelthreeStores[sti].scenes[scene.userData.index_in_scenes]?.isActive
@@ -717,25 +737,25 @@ svelthree uses svelte-accmod, where accessors are always `true`, regardless of `
 	export const remove = remove_instance_from_parent
 
 	/** Returns the (three) instance of the object created by the component. */
-	export const get_instance = (): THREE_Object3D => container
+	export const get_instance = (): Object3D => container
 
 	export const get_animations = (): AnimationClip[] => content.animations
 	export const get_scene = (): Group => content.scene
 	export const get_scenes = (): Group[] => content.scenes
 	export const get_cameras = (): Camera[] => content.cameras
-	export const get_asset = (): { [key: string]: any } => content.asset
+	export const get_asset = (): GLTF["asset"] => content.asset
 	export const get_scene_meshes = async (): Promise<Mesh[]> => await GLTF_utils.get_all_scene_meshes(content.scene)
 	export const get_all_meshes = async (): Promise<Mesh[]> => await GLTF_utils.get_all_meshes(content)
 	export const get_scene_lights = async (): Promise<Light[]> => await GLTF_utils.get_all_scene_lights(content.scene)
 	export const get_all_lights = async (): Promise<Light[]> => await GLTF_utils.get_all_lights(content)
 
 	/** Returns the `animation` object. */
-	export const get_animation = (): any => ani.getAnimation()
+	export const get_animation = (): SvelthreeAnimation => ani.getAnimation()
 	/** Same as `get_animation()` just shorter syntax. Returns the `animation` object. */
 	export const get_ani = get_animation
 
 	/** Starts the `animation` object. */
-	export const start_animation = (): void => ani.startAni()
+	export const start_animation = (): void => ani.startAnimation()
 	/** Same as `start_animation()` just shorter syntax. Starts the `animation` object. */
 	export const start_ani = start_animation
 
@@ -807,6 +827,7 @@ svelthree uses svelte-accmod, where accessors are always `true`, regardless of `
 
 	/** **Completely replace** `onMount` -> any `onMount_inject_before` & `onMount_inject_after` will be ignored.
 	 * _default verbosity will be gone!_ */
+	// eslint-disable-next-line @typescript-eslint/no-explicit-any
 	export let onMount_replace: (args?: any) => any = undefined
 
 	onMount(
@@ -830,14 +851,17 @@ svelthree uses svelte-accmod, where accessors are always `true`, regardless of `
 
 	/** **Inject** functionality **before** component's existing `onDestroy` logic.
 	 * _default verbosity not affected._ */
+	// eslint-disable-next-line @typescript-eslint/no-explicit-any
 	export let onDestroy_inject_before: (args?: any) => any = undefined
 
 	/** **Inject** functionality **after** component's existing `onDestroy` logic.
 	 * _default verbosity not affected._ */
+	// eslint-disable-next-line @typescript-eslint/no-explicit-any
 	export let onDestroy_inject_after: (args?: any) => any = undefined
 
 	/** **Completely replace** `onDestroy` -> any `onDestroy_inject_before` & `onDestroy_inject_after` will be ignored.
 	 * _default verbosity will be gone!_ */
+	// eslint-disable-next-line @typescript-eslint/no-explicit-any
 	export let onDestroy_replace: (args?: any) => any = undefined
 
 	onDestroy(
@@ -871,6 +895,7 @@ svelthree uses svelte-accmod, where accessors are always `true`, regardless of `
 
 	/** **Completely replace** `beforeUpdate` -> any `beforeUpdate_inject_before` & `beforeUpdate_inject_after` will be ignored.
 	 * _default verbosity will be gone!_ */
+	// eslint-disable-next-line @typescript-eslint/no-explicit-any
 	export let beforeUpdate_replace: (args?: any) => any = undefined
 
 	beforeUpdate(
@@ -894,14 +919,17 @@ svelthree uses svelte-accmod, where accessors are always `true`, regardless of `
 
 	/** **Inject** functionality **before** component's existing `afterUpdate` logic.
 	 * _default verbosity not affected._ */
+	// eslint-disable-next-line @typescript-eslint/no-explicit-any
 	export let afterUpdate_inject_before: (args?: any) => any = undefined
 
 	/** **Inject** functionality **after** component's existing `afterUpdate` logic.
 	 * _default verbosity not affected._ */
+	// eslint-disable-next-line @typescript-eslint/no-explicit-any
 	export let afterUpdate_inject_after: (args?: any) => any = undefined
 
 	/** **Completely replace** `afterUpdate` -> any `afterUpdate_inject_before` & `afterUpdate_inject_after` will be ignored.
 	 * _default verbosity will be gone!_ */
+	// eslint-disable-next-line @typescript-eslint/no-explicit-any
 	export let afterUpdate_replace: (args?: any) => any = undefined
 
 	afterUpdate(
@@ -951,7 +979,7 @@ svelthree uses svelte-accmod, where accessors are always `true`, regardless of `
 		bind:this={interaction_comp}
 		{shadow_dom_el}
 		{modifiers}
-		{dispatch}
+		{dispatch_interaction}
 		obj={container}
 		parent={self}
 		{interactionEnabled}
diff --git a/src/lib/components/Mesh.svelte b/src/lib/components/Mesh.svelte
index af34e75..8f60e93 100644
--- a/src/lib/components/Mesh.svelte
+++ b/src/lib/components/Mesh.svelte
@@ -10,7 +10,7 @@ svelthree uses svelte-accmod, where accessors are always `true`, regardless of `
 [ tbd ]  Link to Docs.
 -->
 <script lang="ts">
-	import type { Scene as THREE_Scene } from "three"
+	import type { Scene } from "three"
 
 	import { beforeUpdate, onMount, afterUpdate, onDestroy, getContext, setContext, tick } from "svelte"
 	import { get_current_component } from "svelte/internal"
@@ -22,19 +22,22 @@ svelthree uses svelte-accmod, where accessors are always `true`, regardless of `
 	import { remove_instance, recreate_shadow_dom_el, set_initial_userdata, find_in_canvas } from "../logic/shared"
 
 	import type { Euler, Matrix4, Quaternion, Vector3 } from "three"
-	import type { Object3D as THREE_Object3D } from "three"
+	import type { Object3D } from "three"
+	import type { Targetable } from "../types/types-extra"
 
 	import { svelthreeStores } from "svelthree/stores"
 	import { PropUtils, SvelthreeProps } from "../utils"
 
-	import { SvelthreeAnimation } from "../ani"
-	import type { SvelthreeAnimationFunction } from "../types/types-extra"
+	import { SvelthreeAni } from "../ani"
+	import type { SvelthreeAnimationFunction, SvelthreeAnimation } from "../types/types-extra"
 
 	import SvelthreeInteraction from "../components-internal/SvelthreeInteraction.svelte"
 	import type { RaycastArray } from "../utils/RaycastArray"
+
 	import { createEventDispatcher } from "svelte"
-	import type { Writable } from "svelte/store"
+	import type { InteractionEventDispatcher } from "../types/types-extra"
 
+	import type { Writable } from "svelte/store"
 	import type { SvelthreeModifiersProp } from "../constants/Interaction"
 	import type {
 		SvelthreePointerEventHandler,
@@ -49,20 +52,20 @@ svelthree uses svelte-accmod, where accessors are always `true`, regardless of `
 	import type { BufferGeometry } from "three"
 
 	import { Mesh as THREE_Mesh } from "three"
-	import type { MeshProperties } from "../types/types-comp-props"
-	import type { RemoveFirst, Mat, MeshAssignableMaterial } from "../types/types-extra"
-	import type { ButtonProperties, LinkProperties } from "../types/types-comp-props"
+	import type { PropsMesh, PropMat } from "../types/types-comp-props"
+	import type { RemoveFirst, MeshAssignableMaterial } from "../types/types-extra"
+	import type { PropButton, PropLink } from "../types/types-comp-props"
 	import type { Material } from "three"
 
 	/**
 	 *  SVELTEKIT  SSR /
 	 * `browser` is needed for the SvelteKit setup (SSR / CSR / SPA).
-	 * For non-SSR output in RollUp only and Vite only setups (CSR / SPA) we're just mimicing `$app/env` where `browser = true`,
-	 * -> TS fix: `$app/env` mapped to `src/$app/env` via svelthree's `tsconfig.json`'s `path` property.
-	 * -> RollUp only setup: replace `$app/env` with `../$app/env`
+	 * For non-SSR output in RollUp only and Vite only setups (CSR / SPA) we're just mimicing `$app/environment` where `browser = true`,
+	 * -> TS fix: `$app/environment` mapped to `src/$app/environment` via svelthree's `tsconfig.json`'s `path` property.
+	 * -> RollUp only setup: replace `$app/environment` with `../$app/environment`
 	 * The import below will work out-of-the-box in a SvelteKit setup.
 	 */
-	import { browser } from "$app/env"
+	import { browser } from "$app/environment"
 
 	const self = get_current_component()
 	const c_name = get_comp_name(self)
@@ -77,9 +80,9 @@ svelthree uses svelte-accmod, where accessors are always `true`, regardless of `
 	export let log_lc: { [P in keyof LogLC]: LogLC[P] } = log_all ? { all: true } : undefined
 	export let log_mau: boolean = log_all
 
-	const dispatch = createEventDispatcher()
+	const dispatch_interaction = createEventDispatcher<InteractionEventDispatcher>()
 
-	let scene: THREE_Scene = getContext("scene")
+	let scene: Scene = getContext("scene")
 	const sti: number = getContext("store_index")
 
 	/** [ **feature**: allow providing (_injection_) of (_already created_) threejs object instances ].
@@ -89,7 +92,7 @@ svelthree uses svelte-accmod, where accessors are always `true`, regardless of `
 	let create = false
 
 	/** The (three) instance that was shared to this component as it's 'parent' which can be either another instance / object or a scene / root scene. */
-	let our_parent: THREE_Object3D = undefined
+	let our_parent: Object3D = undefined
 
 	/** Shadow DOM element generated by our parent scene / root scene. Used as fallback if this component has no non-`Scene` component as parent. */
 	let scene_shadow_dom_el: SvelthreeShadowDOMElement = getContext("scene_shadow_dom_el")
@@ -103,10 +106,10 @@ svelthree uses svelte-accmod, where accessors are always `true`, regardless of `
 	export const get_shadow_dom_el = (): SvelthreeShadowDOMElement => shadow_dom_el
 
 	/** Specify the component / three.js object instance to act as an HTML `<button>` element. */
-	export let button: ButtonProperties = undefined
+	export let button: PropButton = undefined
 
 	/** Specify the component / three.js object instance to act as an HTML `<a>` element. */
-	export let link: LinkProperties = undefined
+	export let link: PropLink = undefined
 
 	/** Returns the `mesh` instance created by the component & allows providing (_injection_) of (_already created / premade_) `THREE.Mesh` instances. */
 	export let mesh: THREE_Mesh = undefined
@@ -122,7 +125,7 @@ svelthree uses svelte-accmod, where accessors are always `true`, regardless of `
 	type AssignedMaterial = $$Generic<MeshAssignableMaterial>
 
 	let extracted_material: MeshAssignableMaterial = undefined
-	export let material: MeshAssignableMaterial = undefined
+	export let material: AssignedMaterial = undefined
 	let material_ref: MeshAssignableMaterial = undefined
 
 	let extracted_geometry: BufferGeometry = undefined
@@ -190,7 +193,7 @@ svelthree uses svelte-accmod, where accessors are always `true`, regardless of `
 				)
 
 			// letting threejs throw errors if anything's wrong with 'geometry' or 'material'
-			mesh = new THREE_Mesh(geometry, material)
+			mesh = new THREE_Mesh(geometry, material as Material | Material[])
 
 			if (verbose && log_dev) console.debug(...c_dev(c_name, `${geometry.type} created!`, { mesh }))
 			if (verbose && log_dev) console.debug(...c_dev(c_name, "saved 'geometry' (created):", geometry))
@@ -223,7 +226,7 @@ svelthree uses svelte-accmod, where accessors are always `true`, regardless of `
 			} else {
 				// no 'geometry', no 'material' and no 'params'
 				// will create a blank 'BufferGeometry' or a blank Material or both.
-				mesh = new THREE_Mesh(geometry, material)
+				mesh = new THREE_Mesh(geometry, material as Material | Material[])
 			}
 
 			if (verbose && log_dev) console.debug(...c_dev(c_name, `${geometry.type} created!`, { mesh }))
@@ -290,7 +293,7 @@ svelthree uses svelte-accmod, where accessors are always `true`, regardless of `
 		if (material_changed) {
 			// apply material
 			if (mesh && mesh.material !== material) {
-				mesh.material = material
+				mesh.material = material as Material | Material[]
 				material_ref = material
 				refresh_material()
 			}
@@ -305,7 +308,7 @@ svelthree uses svelte-accmod, where accessors are always `true`, regardless of `
 
 	/** Recreates `sMat` with the current `material_ref` reference and applies the `mat` prop object to it. */
 	function refresh_material(): void {
-		sMat = new SvelthreeProps(material_ref)
+		sMat = new SvelthreeProps(material_ref as Material | Material[])
 		if (sMat && mat) sMat.update(mat)
 		// TODO  Check using `material_needs_update()` here.
 	}
@@ -385,7 +388,7 @@ svelthree uses svelte-accmod, where accessors are always `true`, regardless of `
 
 		if ((mesh_uuid && mesh.uuid !== mesh_uuid) || !mesh_uuid) {
 			const uuid_to_remove: string = mesh_uuid || mesh.uuid
-			const old_instance: THREE_Object3D = find_in_canvas($svelthreeStores[sti].scenes, uuid_to_remove)
+			const old_instance: Object3D = find_in_canvas($svelthreeStores[sti].scenes, uuid_to_remove)
 
 			remove_instance(old_instance, "mesh", mesh, self)
 
@@ -442,8 +445,8 @@ svelthree uses svelte-accmod, where accessors are always `true`, regardless of `
 	// Generic Material props
 	// COOL!  This works now! 'mat' shorthand attribute will give us proper intellisense (props list) for the assigned 'material'!
 	// TODO : Implement handling of multiple `Material`s, atm only single `Material` is supported.
-	/** **shorthand** attribute (`Object`) for setting writable properties of the assigned `Material`. */
-	export let mat: Mat<AssignedMaterial> = undefined
+	/** **shorthand** attribute (`Object Literal`) for setting writable properties of the assigned `Material`. */
+	export let mat: PropMat<AssignedMaterial> = undefined
 
 	$: if (mat && sMat) {
 		const updated_keys: string[] = sMat.update(mat)
@@ -463,8 +466,8 @@ svelthree uses svelte-accmod, where accessors are always `true`, regardless of `
 	let sProps: SvelthreeProps
 
 	// IMPORTANT  `props` will be overridden by 'shorthand' attributes!
-	/** **shorthand** attribute for setting properties using key-value pairs in an `Object`. */
-	export let props: { [P in keyof MeshProperties]: MeshProperties[P] } = undefined
+	/** **shorthand** attribute for setting properties of the created / injected three.js instance via an `Object Literal`. */
+	export let props: PropsMesh = undefined
 
 	$: if (!sProps && mesh && props) sProps = new SvelthreeProps(mesh)
 	$: if (props && sProps) update_props()
@@ -475,7 +478,7 @@ svelthree uses svelte-accmod, where accessors are always `true`, regardless of `
 
 	// IMPORTANT  following 'shorthand' attributes will override `props` attribute!
 
-	/** **shorthand** attribute for setting the `position` property. */
+	/** **shorthand** attribute for setting the `position` property of the created / injected three.js instance. */
 	export let pos: Vector3 | Parameters<Vector3["set"]> = undefined
 	$: !matrix && mesh && pos ? set_pos() : pos && mesh ? console.warn(w_sh.pos) : null
 	function set_pos() {
@@ -483,7 +486,7 @@ svelthree uses svelte-accmod, where accessors are always `true`, regardless of `
 		PropUtils.setPositionFromValue(mesh, pos)
 	}
 
-	/** **shorthand** attribute for setting the `rotation` property. */
+	/** **shorthand** attribute for setting the `rotation` property of the created / injected three.js instance. */
 	export let rot:
 		| Euler
 		| Parameters<Euler["set"]>
@@ -497,7 +500,7 @@ svelthree uses svelte-accmod, where accessors are always `true`, regardless of `
 		PropUtils.setRotationFromValue(mesh, rot)
 	}
 
-	/** **shorthand** attribute for setting the `quaternion` property. */
+	/** **shorthand** attribute for setting the `quaternion` property of the created / injected three.js instance. */
 	export let quat: Quaternion | Parameters<Quaternion["set"]> = undefined
 	$: !matrix && mesh && quat ? set_quat() : quat && mesh ? console.warn(w_sh.quat) : null
 	function set_quat() {
@@ -505,7 +508,7 @@ svelthree uses svelte-accmod, where accessors are always `true`, regardless of `
 		PropUtils.setQuaternionFromValue(mesh, quat)
 	}
 
-	export let scale: Vector3 | Parameters<Vector3["set"]> = undefined
+	export let scale: Vector3 | Parameters<Vector3["set"]> | number = undefined
 	$: !matrix && mesh && scale ? set_scale() : scale && mesh ? console.warn(w_sh.scale) : null
 	function set_scale() {
 		if (verbose && log_rs) console.debug(...c_rs(c_name, "scale", scale))
@@ -513,7 +516,7 @@ svelthree uses svelte-accmod, where accessors are always `true`, regardless of `
 	}
 
 	/** */
-	export let lookAt: Vector3 | Parameters<Vector3["set"]> | THREE_Object3D = undefined
+	export let lookAt: Vector3 | Parameters<Vector3["set"]> | Targetable = undefined
 	$: !matrix && mesh && lookAt ? set_lookat() : lookAt && mesh ? console.warn(w_sh.lookAt) : null
 	function set_lookat() {
 		if (verbose && log_rs) console.debug(...c_rs(c_name, "lookAt", lookAt))
@@ -534,7 +537,7 @@ svelthree uses svelte-accmod, where accessors are always `true`, regardless of `
 	$: if (receiveShadow !== undefined && mesh) mesh.receiveShadow = receiveShadow
 
 	/** The root scene -> `scene.parent = null`. */
-	let root_scene: THREE_Scene | null = undefined
+	let root_scene: Scene | null = undefined
 	let root_scene_obj = { value: undefined }
 
 	$: if (root_scene === undefined) {
@@ -702,6 +705,7 @@ svelthree uses svelte-accmod, where accessors are always `true`, regardless of `
 	 *
 	 * ☝️ _Can be used with **interactive components only** -> `interact` prop has to be `true`._
 	 */
+	// eslint-disable-next-line @typescript-eslint/no-explicit-any
 	export const on = async (type: any, callback: any): Promise<void> => {
 		if (interact) {
 			if (!interaction_comp || !shadow_dom_el) await tick()
@@ -722,6 +726,7 @@ svelthree uses svelte-accmod, where accessors are always `true`, regardless of `
 	 *
 	 * ☝️ _Can be used with **interactive components only** -> `interact` prop has to be `true`._
 	 */
+	// eslint-disable-next-line @typescript-eslint/no-explicit-any
 	export const onx = async (type: any, callback: any): Promise<void> => {
 		if (interact) {
 			if (!interaction_comp || !shadow_dom_el) await tick()
@@ -837,8 +842,9 @@ svelthree uses svelte-accmod, where accessors are always `true`, regardless of `
 	/** Immediately start provided animation, default: `false`. Alternative: `<component_reference>.start_animation()` or shorter `.start_ani()`. */
 	export let aniauto: boolean = undefined
 
-	let ani: SvelthreeAnimation
-	$: if (animation && animationEnabled) ani = new SvelthreeAnimation(scene, mesh, animation, aniauto)
+	/** (_internal_) reference to the `SvelthreeAni` instance */
+	let ani: SvelthreeAni
+	$: if (animation && animationEnabled) ani = new SvelthreeAni(scene, mesh, animation, aniauto)
 
 	let currentSceneActive = undefined
 	$: currentSceneActive = $svelthreeStores[sti].scenes[scene.userData.index_in_scenes]?.isActive
@@ -859,12 +865,12 @@ svelthree uses svelte-accmod, where accessors are always `true`, regardless of `
 	export const get_instance = (): THREE_Mesh => mesh
 
 	/** Returns the `animation` object. */
-	export const get_animation = (): any => ani.getAnimation()
+	export const get_animation = (): SvelthreeAnimation => ani.getAnimation()
 	/** Same as `get_animation()` just shorter syntax. Returns the `animation` object. */
 	export const get_ani = get_animation
 
 	/** Starts the `animation` object. */
-	export const start_animation = (): void => ani.startAni()
+	export const start_animation = (): void => ani.startAnimation()
 	/** Same as `start_animation()` just shorter syntax. Starts the `animation` object. */
 	export const start_ani = start_animation
 
@@ -939,6 +945,7 @@ svelthree uses svelte-accmod, where accessors are always `true`, regardless of `
 
 	/** **Completely replace** `onMount` -> any `onMount_inject_before` & `onMount_inject_after` will be ignored.
 	 * _default verbosity will be gone!_ */
+	// eslint-disable-next-line @typescript-eslint/no-explicit-any
 	export let onMount_replace: (args?: any) => any = undefined
 
 	onMount(
@@ -962,14 +969,17 @@ svelthree uses svelte-accmod, where accessors are always `true`, regardless of `
 
 	/** **Inject** functionality **before** component's existing `onDestroy` logic.
 	 * _default verbosity not affected._ */
+	// eslint-disable-next-line @typescript-eslint/no-explicit-any
 	export let onDestroy_inject_before: (args?: any) => any = undefined
 
 	/** **Inject** functionality **after** component's existing `onDestroy` logic.
 	 * _default verbosity not affected._ */
+	// eslint-disable-next-line @typescript-eslint/no-explicit-any
 	export let onDestroy_inject_after: (args?: any) => any = undefined
 
 	/** **Completely replace** `onDestroy` -> any `onDestroy_inject_before` & `onDestroy_inject_after` will be ignored.
 	 * _default verbosity will be gone!_ */
+	// eslint-disable-next-line @typescript-eslint/no-explicit-any
 	export let onDestroy_replace: (args?: any) => any = undefined
 
 	onDestroy(
@@ -1003,6 +1013,7 @@ svelthree uses svelte-accmod, where accessors are always `true`, regardless of `
 
 	/** **Completely replace** `beforeUpdate` -> any `beforeUpdate_inject_before` & `beforeUpdate_inject_after` will be ignored.
 	 * _default verbosity will be gone!_ */
+	// eslint-disable-next-line @typescript-eslint/no-explicit-any
 	export let beforeUpdate_replace: (args?: any) => any = undefined
 
 	beforeUpdate(
@@ -1026,14 +1037,17 @@ svelthree uses svelte-accmod, where accessors are always `true`, regardless of `
 
 	/** **Inject** functionality **before** component's existing `afterUpdate` logic.
 	 * _default verbosity not affected._ */
+	// eslint-disable-next-line @typescript-eslint/no-explicit-any
 	export let afterUpdate_inject_before: (args?: any) => any = undefined
 
 	/** **Inject** functionality **after** component's existing `afterUpdate` logic.
 	 * _default verbosity not affected._ */
+	// eslint-disable-next-line @typescript-eslint/no-explicit-any
 	export let afterUpdate_inject_after: (args?: any) => any = undefined
 
 	/** **Completely replace** `afterUpdate` -> any `afterUpdate_inject_before` & `afterUpdate_inject_after` will be ignored.
 	 * _default verbosity will be gone!_ */
+	// eslint-disable-next-line @typescript-eslint/no-explicit-any
 	export let afterUpdate_replace: (args?: any) => any = undefined
 
 	afterUpdate(
@@ -1085,7 +1099,7 @@ svelthree uses svelte-accmod, where accessors are always `true`, regardless of `
 		bind:this={interaction_comp}
 		{shadow_dom_el}
 		{modifiers}
-		{dispatch}
+		{dispatch_interaction}
 		obj={mesh}
 		parent={self}
 		{interactionEnabled}
diff --git a/src/lib/components/Object3D.svelte b/src/lib/components/Object3D.svelte
index ead526d..c94ff7d 100644
--- a/src/lib/components/Object3D.svelte
+++ b/src/lib/components/Object3D.svelte
@@ -10,7 +10,7 @@ svelthree uses svelte-accmod, where accessors are always `true`, regardless of `
 [ tbd ]  Link to Docs.
 -->
 <script lang="ts">
-	import type { Scene as THREE_Scene } from "three"
+	import type { Scene } from "three"
 
 	import { beforeUpdate, onMount, afterUpdate, onDestroy, getContext, setContext } from "svelte"
 	import { get_current_component } from "svelte/internal"
@@ -22,30 +22,31 @@ svelthree uses svelte-accmod, where accessors are always `true`, regardless of `
 	import { remove_instance, recreate_shadow_dom_el, set_initial_userdata, find_in_canvas } from "../logic/shared"
 
 	import type { Euler, Matrix4, Quaternion, Vector3 } from "three"
+	import { Object3D as THREE_Object3D } from "three"
+	import type { Targetable } from "../types/types-extra"
 
 	import { svelthreeStores } from "svelthree/stores"
 	import { PropUtils, SvelthreeProps } from "../utils"
 
-	import { SvelthreeAnimation } from "../ani"
-	import type { SvelthreeAnimationFunction } from "../types/types-extra"
+	import { SvelthreeAni } from "../ani"
+	import type { SvelthreeAnimationFunction, SvelthreeAnimation } from "../types/types-extra"
 
 	import { BoxHelper } from "three"
 	import { get_root_scene } from "../utils/SceneUtils"
 
-	import { Object3D as THREE_Object3D } from "three"
-	import type { Object3DProperties } from "../types/types-comp-props"
+	import type { PropsObject3D } from "../types/types-comp-props"
 	import type { RemoveFirst } from "../types/types-extra"
-	import type { ButtonProperties, LinkProperties } from "../types/types-comp-props"
+	import type { PropButton, PropLink } from "../types/types-comp-props"
 
 	/**
 	 *  SVELTEKIT  SSR /
 	 * `browser` is needed for the SvelteKit setup (SSR / CSR / SPA).
-	 * For non-SSR output in RollUp only and Vite only setups (CSR / SPA) we're just mimicing `$app/env` where `browser = true`,
-	 * -> TS fix: `$app/env` mapped to `src/$app/env` via svelthree's `tsconfig.json`'s `path` property.
-	 * -> RollUp only setup: replace `$app/env` with `../$app/env`
+	 * For non-SSR output in RollUp only and Vite only setups (CSR / SPA) we're just mimicing `$app/environment` where `browser = true`,
+	 * -> TS fix: `$app/environment` mapped to `src/$app/environment` via svelthree's `tsconfig.json`'s `path` property.
+	 * -> RollUp only setup: replace `$app/environment` with `../$app/environment`
 	 * The import below will work out-of-the-box in a SvelteKit setup.
 	 */
-	import { browser } from "$app/env"
+	import { browser } from "$app/environment"
 
 	const self = get_current_component()
 	const c_name = get_comp_name(self)
@@ -61,7 +62,7 @@ svelthree uses svelte-accmod, where accessors are always `true`, regardless of `
 	export let log_mau: boolean = log_all
 
 	export const isObject3D = true
-	let scene: THREE_Scene = getContext("scene")
+	let scene: Scene = getContext("scene")
 	const sti: number = getContext("store_index")
 
 	/** [ **feature**: allow providing (_injection_) of (_already created_) threejs object instances ].
@@ -85,10 +86,10 @@ svelthree uses svelte-accmod, where accessors are always `true`, regardless of `
 	export const get_shadow_dom_el = (): SvelthreeShadowDOMElement => shadow_dom_el
 
 	/** Specify the component / three.js object instance to act as an HTML `<button>` element. */
-	export let button: ButtonProperties = undefined
+	export let button: PropButton = undefined
 
 	/** Specify the component / three.js object instance to act as an HTML `<a>` element. */
-	export let link: LinkProperties = undefined
+	export let link: PropLink = undefined
 
 	/** Returns the `object3d` instance created by the component & allows providing (_injection_) of (_already created / premade_) `THREE.Object3D` instances. */
 	export let object3d: THREE_Object3D = undefined
@@ -270,8 +271,8 @@ svelthree uses svelte-accmod, where accessors are always `true`, regardless of `
 	let sProps: SvelthreeProps
 
 	// IMPORTANT  `props` will be overridden by 'shorthand' attributes!
-	/** **shorthand** attribute for setting properties using key-value pairs in an `Object`. */
-	export let props: { [P in keyof Object3DProperties]: Object3DProperties[P] } = undefined
+	/** **shorthand** attribute for setting properties of the created / injected three.js instance via an `Object Literal`. */
+	export let props: PropsObject3D = undefined
 
 	$: if (!sProps && object3d && props) sProps = new SvelthreeProps(object3d)
 	$: if (props && sProps) update_props()
@@ -282,7 +283,7 @@ svelthree uses svelte-accmod, where accessors are always `true`, regardless of `
 
 	// IMPORTANT  following 'shorthand' attributes will override `props` attribute!
 
-	/** **shorthand** attribute for setting the `position` property. */
+	/** **shorthand** attribute for setting the `position` property of the created / injected three.js instance. */
 	export let pos: Vector3 | Parameters<Vector3["set"]> = undefined
 	$: !matrix && object3d && pos ? set_pos() : pos && object3d ? console.warn(w_sh.pos) : null
 	function set_pos() {
@@ -290,7 +291,7 @@ svelthree uses svelte-accmod, where accessors are always `true`, regardless of `
 		PropUtils.setPositionFromValue(object3d, pos)
 	}
 
-	/** **shorthand** attribute for setting the `rotation` property. */
+	/** **shorthand** attribute for setting the `rotation` property of the created / injected three.js instance. */
 	export let rot:
 		| Euler
 		| Parameters<Euler["set"]>
@@ -304,7 +305,7 @@ svelthree uses svelte-accmod, where accessors are always `true`, regardless of `
 		PropUtils.setRotationFromValue(object3d, rot)
 	}
 
-	/** **shorthand** attribute for setting the `quaternion` property. */
+	/** **shorthand** attribute for setting the `quaternion` property of the created / injected three.js instance. */
 	export let quat: Quaternion | Parameters<Quaternion["set"]> = undefined
 	$: !matrix && object3d && quat ? set_quat() : quat && object3d ? console.warn(w_sh.quat) : null
 	function set_quat() {
@@ -312,7 +313,7 @@ svelthree uses svelte-accmod, where accessors are always `true`, regardless of `
 		PropUtils.setQuaternionFromValue(object3d, quat)
 	}
 
-	export let scale: Vector3 | Parameters<Vector3["set"]> = undefined
+	export let scale: Vector3 | Parameters<Vector3["set"]> | number = undefined
 	$: !matrix && object3d && scale ? set_scale() : scale && object3d ? console.warn(w_sh.scale) : null
 	function set_scale() {
 		if (verbose && log_rs) console.debug(...c_rs(c_name, "scale", scale))
@@ -320,7 +321,7 @@ svelthree uses svelte-accmod, where accessors are always `true`, regardless of `
 	}
 
 	/** */
-	export let lookAt: Vector3 | Parameters<Vector3["set"]> | THREE_Object3D = undefined
+	export let lookAt: Vector3 | Parameters<Vector3["set"]> | Targetable = undefined
 	$: !matrix && object3d && lookAt ? set_lookat() : lookAt && object3d ? console.warn(w_sh.lookAt) : null
 	function set_lookat() {
 		if (verbose && log_rs) console.debug(...c_rs(c_name, "lookAt", lookAt))
@@ -335,7 +336,7 @@ svelthree uses svelte-accmod, where accessors are always `true`, regardless of `
 	}
 
 	/** The root scene -> `scene.parent = null`. */
-	let root_scene: THREE_Scene | null = undefined
+	let root_scene: Scene | null = undefined
 	let root_scene_obj = { value: undefined }
 
 	$: if (root_scene === undefined) {
@@ -423,8 +424,9 @@ svelthree uses svelte-accmod, where accessors are always `true`, regardless of `
 	/** Immediately start provided animation, default: `false`. Alternative: `<component_reference>.start_animation()` or shorter `.start_ani()`. */
 	export let aniauto: boolean = undefined
 
-	let ani: SvelthreeAnimation
-	$: if (animation && animationEnabled) ani = new SvelthreeAnimation(scene, object3d, animation, aniauto)
+	/** (_internal_) reference to the `SvelthreeAni` instance */
+	let ani: SvelthreeAni
+	$: if (animation && animationEnabled) ani = new SvelthreeAni(scene, object3d, animation, aniauto)
 
 	let currentSceneActive = undefined
 	$: currentSceneActive = $svelthreeStores[sti].scenes[scene.userData.index_in_scenes]?.isActive
@@ -445,12 +447,12 @@ svelthree uses svelte-accmod, where accessors are always `true`, regardless of `
 	export const get_instance = (): THREE_Object3D => object3d
 
 	/** Returns the `animation` object. */
-	export const get_animation = (): any => ani.getAnimation()
+	export const get_animation = (): SvelthreeAnimation => ani.getAnimation()
 	/** Same as `get_animation()` just shorter syntax. Returns the `animation` object. */
 	export const get_ani = get_animation
 
 	/** Starts the `animation` object. */
-	export const start_animation = (): void => ani.startAni()
+	export const start_animation = (): void => ani.startAnimation()
 	/** Same as `start_animation()` just shorter syntax. Starts the `animation` object. */
 	export const start_ani = start_animation
 
@@ -518,6 +520,7 @@ svelthree uses svelte-accmod, where accessors are always `true`, regardless of `
 
 	/** **Completely replace** `onMount` -> any `onMount_inject_before` & `onMount_inject_after` will be ignored.
 	 * _default verbosity will be gone!_ */
+	// eslint-disable-next-line @typescript-eslint/no-explicit-any
 	export let onMount_replace: (args?: any) => any = undefined
 
 	onMount(
@@ -541,14 +544,17 @@ svelthree uses svelte-accmod, where accessors are always `true`, regardless of `
 
 	/** **Inject** functionality **before** component's existing `onDestroy` logic.
 	 * _default verbosity not affected._ */
+	// eslint-disable-next-line @typescript-eslint/no-explicit-any
 	export let onDestroy_inject_before: (args?: any) => any = undefined
 
 	/** **Inject** functionality **after** component's existing `onDestroy` logic.
 	 * _default verbosity not affected._ */
+	// eslint-disable-next-line @typescript-eslint/no-explicit-any
 	export let onDestroy_inject_after: (args?: any) => any = undefined
 
 	/** **Completely replace** `onDestroy` -> any `onDestroy_inject_before` & `onDestroy_inject_after` will be ignored.
 	 * _default verbosity will be gone!_ */
+	// eslint-disable-next-line @typescript-eslint/no-explicit-any
 	export let onDestroy_replace: (args?: any) => any = undefined
 
 	onDestroy(
@@ -582,6 +588,7 @@ svelthree uses svelte-accmod, where accessors are always `true`, regardless of `
 
 	/** **Completely replace** `beforeUpdate` -> any `beforeUpdate_inject_before` & `beforeUpdate_inject_after` will be ignored.
 	 * _default verbosity will be gone!_ */
+	// eslint-disable-next-line @typescript-eslint/no-explicit-any
 	export let beforeUpdate_replace: (args?: any) => any = undefined
 
 	beforeUpdate(
@@ -605,14 +612,17 @@ svelthree uses svelte-accmod, where accessors are always `true`, regardless of `
 
 	/** **Inject** functionality **before** component's existing `afterUpdate` logic.
 	 * _default verbosity not affected._ */
+	// eslint-disable-next-line @typescript-eslint/no-explicit-any
 	export let afterUpdate_inject_before: (args?: any) => any = undefined
 
 	/** **Inject** functionality **after** component's existing `afterUpdate` logic.
 	 * _default verbosity not affected._ */
+	// eslint-disable-next-line @typescript-eslint/no-explicit-any
 	export let afterUpdate_inject_after: (args?: any) => any = undefined
 
 	/** **Completely replace** `afterUpdate` -> any `afterUpdate_inject_before` & `afterUpdate_inject_after` will be ignored.
 	 * _default verbosity will be gone!_ */
+	// eslint-disable-next-line @typescript-eslint/no-explicit-any
 	export let afterUpdate_replace: (args?: any) => any = undefined
 
 	afterUpdate(
diff --git a/src/lib/components/OrbitControls.svelte b/src/lib/components/OrbitControls.svelte
index 03deb71..3917281 100644
--- a/src/lib/components/OrbitControls.svelte
+++ b/src/lib/components/OrbitControls.svelte
@@ -10,7 +10,7 @@ svelthree uses svelte-accmod, where accessors are always `true`, regardless of `
 [ tbd ]  Link to Docs.
 -->
 <script lang="ts">
-	import type { Scene as THREE_Scene } from "three"
+	import type { Scene } from "three"
 
 	import { beforeUpdate, onMount, afterUpdate, onDestroy, getContext } from "svelte"
 	import { get_current_component } from "svelte/internal"
@@ -24,12 +24,16 @@ svelthree uses svelte-accmod, where accessors are always `true`, regardless of `
 	import type { Writable } from "svelte/store"
 
 	import { OrbitControls as THREE_OrbitControls } from "three/examples/jsm/controls/OrbitControls.js"
-	import type { OrbitControlsProperties } from "../types/types-comp-props"
+	import type { PropsOrbitControls } from "../types/types-comp-props"
 	import { CameraHelper } from "three"
-	import type { Vector3, PerspectiveCamera, OrthographicCamera } from "three"
-	import type { default as PerspCamSvelthreeComponent } from "./PerspectiveCamera.svelte"
-	import type { default as OrthoCamSvelthreeComponent } from "./OrthographicCamera.svelte"
-	import type { default as CanvasSvelthreeComponent } from "../components/Canvas.svelte"
+	import type {
+		Vector3,
+		PerspectiveCamera as THREE_PerspectiveCamera,
+		OrthographicCamera as THREE_OrthographicCamera
+	} from "three"
+	import type { default as PerspectiveCamera } from "./PerspectiveCamera.svelte"
+	import type { default as OrthographicCamera } from "./OrthographicCamera.svelte"
+	import type { default as Canvas } from "../components/Canvas.svelte"
 
 	const self = get_current_component()
 	const c_name = get_comp_name(self)
@@ -42,7 +46,7 @@ svelthree uses svelte-accmod, where accessors are always `true`, regardless of `
 	export let log_rs: boolean = log_all
 	export let log_lc: { [P in keyof LogLC]: LogLC[P] } = log_all ? { all: true } : undefined
 
-	let scene: THREE_Scene = getContext("scene")
+	let scene: Scene = getContext("scene")
 	const sti: number = getContext("store_index")
 	const canvas_dom: Writable<{ element: HTMLCanvasElement }> = getContext("canvas_dom")
 	/** Returns the `orbitcontrols` instance created by the component & allows providing (_injection_) of (_already created / premade_) `THREE.OrbitControls` instances. */
@@ -62,9 +66,9 @@ svelthree uses svelte-accmod, where accessors are always `true`, regardless of `
 	 */
 	export const get_index_in_orbitcontrols = (): number => index_in_orbitcontrols
 
-	export let cam: PerspCamSvelthreeComponent | OrthoCamSvelthreeComponent | PerspectiveCamera | OrthographicCamera =
+	export let cam: PerspectiveCamera | OrthographicCamera | THREE_PerspectiveCamera | THREE_OrthographicCamera =
 		undefined
-	export let dom_el: HTMLElement | CanvasSvelthreeComponent = undefined
+	export let dom_el: HTMLElement | Canvas = undefined
 
 	/** mode `"auto"`: schedule render loop rAF id */
 	let rAF = { id: 0 }
@@ -77,7 +81,7 @@ svelthree uses svelte-accmod, where accessors are always `true`, regardless of `
 	 * so the `OrbitControls` component can be placed anywhere in the components scene graph. */
 	function create_orbitcontrols(): void {
 		//console.log("create_orbitcontrols!")
-		const oc_cam: PerspectiveCamera | OrthographicCamera = get_oc_cam()
+		const oc_cam: THREE_PerspectiveCamera | THREE_OrthographicCamera = get_oc_cam()
 		const oc_dom: HTMLElement = get_oc_dom()
 
 		try {
@@ -117,7 +121,7 @@ svelthree uses svelte-accmod, where accessors are always `true`, regardless of `
 	}
 
 	// schedule render
-	function on_orbitcontrols_change(e: any): void {
+	function on_orbitcontrols_change(e: Parameters<Parameters<THREE_OrbitControls["addEventListener"]>[1]>[0]): void {
 		orbitcontrols.object.userData.root_scene.userData.dirty = true
 		$svelthreeStores[sti].rendererComponent.schedule_render_auto(orbitcontrols.object.userData.root_scene)
 
@@ -125,15 +129,15 @@ svelthree uses svelte-accmod, where accessors are always `true`, regardless of `
 		if (e === null) rAF.id = requestAnimationFrame(() => on_orbitcontrols_change(null))
 	}
 
-	function get_oc_cam(): PerspectiveCamera | OrthographicCamera {
+	function get_oc_cam(): THREE_PerspectiveCamera | THREE_OrthographicCamera {
 		if (cam !== undefined && cam["is_svelthree_camera"]) {
-			return (cam as PerspCamSvelthreeComponent | OrthoCamSvelthreeComponent).get_instance()
+			return (cam as PerspectiveCamera | OrthographicCamera).get_instance()
 		}
 		if (cam !== undefined && cam["isPerspectiveCamera"]) {
-			return cam as PerspectiveCamera
+			return cam as THREE_PerspectiveCamera
 		}
 		if (cam !== undefined && cam["isOrthographicCamera"]) {
-			return cam as OrthographicCamera
+			return cam as THREE_OrthographicCamera
 		}
 		if (cam === undefined) {
 			return $svelthreeStores[sti].activeCamera
@@ -142,7 +146,7 @@ svelthree uses svelte-accmod, where accessors are always `true`, regardless of `
 
 	function get_oc_dom(): HTMLElement {
 		if (dom_el !== undefined && dom_el["is_svelthree_canvas"]) {
-			return (dom_el as CanvasSvelthreeComponent).getDomElement()
+			return (dom_el as Canvas).getDomElement()
 		}
 		if (dom_el !== undefined) {
 			return dom_el as HTMLElement
@@ -155,8 +159,8 @@ svelthree uses svelte-accmod, where accessors are always `true`, regardless of `
 	let sProps: SvelthreeProps
 
 	// IMPORTANT  `props` will be overridden by 'shorthand' attributes!
-	/** **shorthand** attribute for setting properties using key-value pairs in an `Object`. */
-	export let props: { [P in keyof OrbitControlsProperties]: OrbitControlsProperties[P] } = undefined
+	/** **shorthand** attribute for setting properties of the created / injected three.js instance via an `Object Literal`. */
+	export let props: PropsOrbitControls = undefined
 
 	$: if (!sProps && orbitcontrols && props) sProps = new SvelthreeProps(orbitcontrols)
 	$: if (props && sProps) update_props()
@@ -267,6 +271,7 @@ svelthree uses svelte-accmod, where accessors are always `true`, regardless of `
 
 	/** **Completely replace** `onMount` -> any `onMount_inject_before` & `onMount_inject_after` will be ignored.
 	 * _default verbosity will be gone!_ */
+	// eslint-disable-next-line @typescript-eslint/no-explicit-any
 	export let onMount_replace: (args?: any) => any = undefined
 
 	onMount(
@@ -281,14 +286,17 @@ svelthree uses svelte-accmod, where accessors are always `true`, regardless of `
 
 	/** **Inject** functionality **before** component's existing `onDestroy` logic.
 	 * _default verbosity not affected._ */
+	// eslint-disable-next-line @typescript-eslint/no-explicit-any
 	export let onDestroy_inject_before: (args?: any) => any = undefined
 
 	/** **Inject** functionality **after** component's existing `onDestroy` logic.
 	 * _default verbosity not affected._ */
+	// eslint-disable-next-line @typescript-eslint/no-explicit-any
 	export let onDestroy_inject_after: (args?: any) => any = undefined
 
 	/** **Completely replace** `onDestroy` -> any `onDestroy_inject_before` & `onDestroy_inject_after` will be ignored.
 	 * _default verbosity will be gone!_ */
+	// eslint-disable-next-line @typescript-eslint/no-explicit-any
 	export let onDestroy_replace: (args?: any) => any = undefined
 
 	onDestroy(
@@ -310,6 +318,7 @@ svelthree uses svelte-accmod, where accessors are always `true`, regardless of `
 
 	/** **Completely replace** `beforeUpdate` -> any `beforeUpdate_inject_before` & `beforeUpdate_inject_after` will be ignored.
 	 * _default verbosity will be gone!_ */
+	// eslint-disable-next-line @typescript-eslint/no-explicit-any
 	export let beforeUpdate_replace: (args?: any) => any = undefined
 
 	beforeUpdate(
@@ -324,6 +333,7 @@ svelthree uses svelte-accmod, where accessors are always `true`, regardless of `
 
 	/** **Completely replace** `afterUpdate` -> any `afterUpdate_inject_before` & `afterUpdate_inject_after` will be ignored.
 	 * _default verbosity will be gone!_ */
+	// eslint-disable-next-line @typescript-eslint/no-explicit-any
 	export let afterUpdate_replace: (args?: any) => any = undefined
 
 	afterUpdate(
diff --git a/src/lib/components/OrthographicCamera.svelte b/src/lib/components/OrthographicCamera.svelte
index 1407edb..2b03112 100644
--- a/src/lib/components/OrthographicCamera.svelte
+++ b/src/lib/components/OrthographicCamera.svelte
@@ -15,7 +15,7 @@ If you use this approach you'll see a warning in the console if you define left,
 - Use `props` attribute only: Camera will be initialized with default constructor values and `props` attribute will set it's properties. 
 [ tbd ]  Link to Docs. -->
 <script lang="ts">
-	import type { Scene as THREE_Scene } from "three"
+	import type { Scene } from "three"
 
 	import { beforeUpdate, onMount, afterUpdate, onDestroy, getContext, setContext } from "svelte"
 	import { get_current_component } from "svelte/internal"
@@ -27,17 +27,18 @@ If you use this approach you'll see a warning in the console if you define left,
 	import { remove_instance, recreate_shadow_dom_el, set_initial_userdata, find_in_canvas } from "../logic/shared"
 
 	import type { Euler, Matrix4, Quaternion, Vector3 } from "three"
-	import type { Object3D as THREE_Object3D } from "three"
+	import type { Object3D } from "three"
+	import type { Targetable } from "../types/types-extra"
 
 	import { svelthreeStores } from "svelthree/stores"
 	import { PropUtils, SvelthreeProps } from "../utils"
 
-	import { SvelthreeAnimation } from "../ani"
-	import type { SvelthreeAnimationFunction } from "../types/types-extra"
+	import { SvelthreeAni } from "../ani"
+	import type { SvelthreeAnimationFunction, SvelthreeAnimation } from "../types/types-extra"
 
 	import { OrthographicCamera as THREE_OrthographicCamera } from "three"
 	import { CameraHelper } from "three"
-	import type { OrthographicCameraProperties } from "../types/types-comp-props"
+	import type { PropsOrthographicCamera } from "../types/types-comp-props"
 	import { CameraUtils } from "../utils"
 	import { CameraValues } from "../constants"
 	import { get_root_scene } from "../utils/SceneUtils"
@@ -47,12 +48,12 @@ If you use this approach you'll see a warning in the console if you define left,
 	/**
 	 *  SVELTEKIT  SSR /
 	 * `browser` is needed for the SvelteKit setup (SSR / CSR / SPA).
-	 * For non-SSR output in RollUp only and Vite only setups (CSR / SPA) we're just mimicing `$app/env` where `browser = true`,
-	 * -> TS fix: `$app/env` mapped to `src/$app/env` via svelthree's `tsconfig.json`'s `path` property.
-	 * -> RollUp only setup: replace `$app/env` with `../$app/env`
+	 * For non-SSR output in RollUp only and Vite only setups (CSR / SPA) we're just mimicing `$app/environment` where `browser = true`,
+	 * -> TS fix: `$app/environment` mapped to `src/$app/environment` via svelthree's `tsconfig.json`'s `path` property.
+	 * -> RollUp only setup: replace `$app/environment` with `../$app/environment`
 	 * The import below will work out-of-the-box in a SvelteKit setup.
 	 */
-	import { browser } from "$app/env"
+	import { browser } from "$app/environment"
 
 	const self = get_current_component()
 	const c_name = get_comp_name(self)
@@ -79,7 +80,7 @@ If you use this approach you'll see a warning in the console if you define left,
 		)
 	}
 
-	let scene: THREE_Scene = getContext("scene")
+	let scene: Scene = getContext("scene")
 	const sti: number = getContext("store_index")
 
 	/** [ **feature**: allow providing (_injection_) of (_already created_) threejs object instances ].
@@ -89,7 +90,7 @@ If you use this approach you'll see a warning in the console if you define left,
 	let create = false
 
 	/** The (three) instance that was shared to this component as it's 'parent' which can be either another instance / object or a scene / root scene. */
-	let our_parent: THREE_Object3D = undefined
+	let our_parent: Object3D = undefined
 
 	/** Shadow DOM element generated by our parent scene / root scene. Used as fallback if this component has no non-`Scene` component as parent. */
 	let scene_shadow_dom_el: SvelthreeShadowDOMElement = getContext("scene_shadow_dom_el")
@@ -301,7 +302,7 @@ If you use this approach you'll see a warning in the console if you define left,
 	function handle_instance_change(): void {
 		if ((camera_uuid && camera.uuid !== camera_uuid) || !camera_uuid) {
 			const uuid_to_remove: string = camera_uuid || camera.uuid
-			const old_instance: THREE_Object3D = find_in_canvas($svelthreeStores[sti].scenes, uuid_to_remove)
+			const old_instance: Object3D = find_in_canvas($svelthreeStores[sti].scenes, uuid_to_remove)
 
 			camera_is_active = old_instance.userData.isActive
 
@@ -357,8 +358,8 @@ If you use this approach you'll see a warning in the console if you define left,
 	let update_projection_matrix = { status: false }
 
 	// IMPORTANT  `props` will be overridden by 'shorthand' attributes!
-	/** **shorthand** attribute for setting properties using key-value pairs in an `Object`. */
-	export let props: { [P in keyof OrthographicCameraProperties]: OrthographicCameraProperties[P] } = undefined
+	/** **shorthand** attribute for setting properties of the created / injected three.js instance via an `Object Literal`. */
+	export let props: PropsOrthographicCamera = undefined
 
 	$: if (!sProps && camera && props) sProps = new SvelthreeProps(camera)
 	$: if (props && sProps) update_props()
@@ -380,7 +381,7 @@ If you use this approach you'll see a warning in the console if you define left,
 
 	// IMPORTANT  following 'shorthand' attributes will override `props` attribute!
 
-	/** **shorthand** attribute for setting the `position` property. */
+	/** **shorthand** attribute for setting the `position` property of the created / injected three.js instance. */
 	export let pos: Vector3 | Parameters<Vector3["set"]> = undefined
 	$: !matrix && camera && pos ? set_pos() : pos && camera ? console.warn(w_sh.pos) : null
 	function set_pos() {
@@ -388,7 +389,7 @@ If you use this approach you'll see a warning in the console if you define left,
 		PropUtils.setPositionFromValue(camera, pos)
 	}
 
-	/** **shorthand** attribute for setting the `rotation` property. */
+	/** **shorthand** attribute for setting the `rotation` property of the created / injected three.js instance. */
 	export let rot:
 		| Euler
 		| Parameters<Euler["set"]>
@@ -402,7 +403,7 @@ If you use this approach you'll see a warning in the console if you define left,
 		PropUtils.setRotationFromValue(camera, rot)
 	}
 
-	/** **shorthand** attribute for setting the `quaternion` property. */
+	/** **shorthand** attribute for setting the `quaternion` property of the created / injected three.js instance. */
 	export let quat: Quaternion | Parameters<Quaternion["set"]> = undefined
 	$: !matrix && camera && quat ? set_quat() : quat && camera ? console.warn(w_sh.quat) : null
 	function set_quat() {
@@ -410,7 +411,7 @@ If you use this approach you'll see a warning in the console if you define left,
 		PropUtils.setQuaternionFromValue(camera, quat)
 	}
 
-	export let scale: Vector3 | Parameters<Vector3["set"]> = undefined
+	export let scale: Vector3 | Parameters<Vector3["set"]> | number = undefined
 	$: !matrix && camera && scale ? set_scale() : scale && camera ? console.warn(w_sh.scale) : null
 	function set_scale() {
 		if (verbose && log_rs) console.debug(...c_rs(c_name, "scale", scale))
@@ -418,7 +419,7 @@ If you use this approach you'll see a warning in the console if you define left,
 	}
 
 	/** */
-	export let lookAt: Vector3 | Parameters<Vector3["set"]> | THREE_Object3D = undefined
+	export let lookAt: Vector3 | Parameters<Vector3["set"]> | Targetable = undefined
 	$: !matrix && camera && lookAt ? set_lookat() : lookAt && camera ? console.warn(w_sh.lookAt) : null
 	function set_lookat() {
 		if (verbose && log_rs) console.debug(...c_rs(c_name, "lookAt", lookAt))
@@ -517,15 +518,16 @@ If you use this approach you'll see a warning in the console if you define left,
 	/** Immediately start provided animation, default: `false`. Alternative: `<component_reference>.start_animation()` or shorter `.start_ani()`. */
 	export let aniauto: boolean = undefined
 
-	let ani: SvelthreeAnimation
-	$: if (animation && animationEnabled) ani = new SvelthreeAnimation(scene, camera, animation, aniauto)
+	/** (_internal_) reference to the `SvelthreeAni` instance */
+	let ani: SvelthreeAni
+	$: if (animation && animationEnabled) ani = new SvelthreeAni(scene, camera, animation, aniauto)
 
 	let currentSceneActive = undefined
 	$: currentSceneActive = $svelthreeStores[sti].scenes[scene.userData.index_in_scenes]?.isActive
 	$: if (ani && currentSceneActive !== undefined) ani.onCurrentSceneActiveChange(currentSceneActive)
 
 	/** The root scene -> `scene.parent = null`. */
-	let root_scene: THREE_Scene | null = undefined
+	let root_scene: Scene | null = undefined
 	let root_scene_obj = { value: undefined }
 
 	$: if (root_scene === undefined) {
@@ -552,12 +554,12 @@ If you use this approach you'll see a warning in the console if you define left,
 	export const get_instance = (): THREE_OrthographicCamera => camera
 
 	/** Returns the `animation` object. */
-	export const get_animation = (): any => ani.getAnimation()
+	export const get_animation = (): SvelthreeAnimation => ani.getAnimation()
 	/** Same as `get_animation()` just shorter syntax. Returns the `animation` object. */
 	export const get_ani = get_animation
 
 	/** Starts the `animation` object. */
-	export const start_animation = (): void => ani.startAni()
+	export const start_animation = (): void => ani.startAnimation()
 	/** Same as `start_animation()` just shorter syntax. Starts the `animation` object. */
 	export const start_ani = start_animation
 
@@ -625,6 +627,7 @@ If you use this approach you'll see a warning in the console if you define left,
 
 	/** **Completely replace** `onMount` -> any `onMount_inject_before` & `onMount_inject_after` will be ignored.
 	 * _default verbosity will be gone!_ */
+	// eslint-disable-next-line @typescript-eslint/no-explicit-any
 	export let onMount_replace: (args?: any) => any = undefined
 
 	onMount(
@@ -648,14 +651,17 @@ If you use this approach you'll see a warning in the console if you define left,
 
 	/** **Inject** functionality **before** component's existing `onDestroy` logic.
 	 * _default verbosity not affected._ */
+	// eslint-disable-next-line @typescript-eslint/no-explicit-any
 	export let onDestroy_inject_before: (args?: any) => any = undefined
 
 	/** **Inject** functionality **after** component's existing `onDestroy` logic.
 	 * _default verbosity not affected._ */
+	// eslint-disable-next-line @typescript-eslint/no-explicit-any
 	export let onDestroy_inject_after: (args?: any) => any = undefined
 
 	/** **Completely replace** `onDestroy` -> any `onDestroy_inject_before` & `onDestroy_inject_after` will be ignored.
 	 * _default verbosity will be gone!_ */
+	// eslint-disable-next-line @typescript-eslint/no-explicit-any
 	export let onDestroy_replace: (args?: any) => any = undefined
 
 	onDestroy(
@@ -691,6 +697,7 @@ If you use this approach you'll see a warning in the console if you define left,
 
 	/** **Completely replace** `beforeUpdate` -> any `beforeUpdate_inject_before` & `beforeUpdate_inject_after` will be ignored.
 	 * _default verbosity will be gone!_ */
+	// eslint-disable-next-line @typescript-eslint/no-explicit-any
 	export let beforeUpdate_replace: (args?: any) => any = undefined
 
 	beforeUpdate(
@@ -714,14 +721,17 @@ If you use this approach you'll see a warning in the console if you define left,
 
 	/** **Inject** functionality **before** component's existing `afterUpdate` logic.
 	 * _default verbosity not affected._ */
+	// eslint-disable-next-line @typescript-eslint/no-explicit-any
 	export let afterUpdate_inject_before: (args?: any) => any = undefined
 
 	/** **Inject** functionality **after** component's existing `afterUpdate` logic.
 	 * _default verbosity not affected._ */
+	// eslint-disable-next-line @typescript-eslint/no-explicit-any
 	export let afterUpdate_inject_after: (args?: any) => any = undefined
 
 	/** **Completely replace** `afterUpdate` -> any `afterUpdate_inject_before` & `afterUpdate_inject_after` will be ignored.
 	 * _default verbosity will be gone!_ */
+	// eslint-disable-next-line @typescript-eslint/no-explicit-any
 	export let afterUpdate_replace: (args?: any) => any = undefined
 
 	afterUpdate(
diff --git a/src/lib/components/PerspectiveCamera.svelte b/src/lib/components/PerspectiveCamera.svelte
index 889e04d..a63ba7b 100644
--- a/src/lib/components/PerspectiveCamera.svelte
+++ b/src/lib/components/PerspectiveCamera.svelte
@@ -10,7 +10,7 @@ svelthree uses svelte-accmod, where accessors are always `true`, regardless of `
 [ tbd ]  Link to Docs.
 -->
 <script lang="ts">
-	import type { Scene as THREE_Scene } from "three"
+	import type { Scene } from "three"
 
 	import { beforeUpdate, onMount, afterUpdate, onDestroy, getContext, setContext } from "svelte"
 	import { get_current_component } from "svelte/internal"
@@ -22,17 +22,18 @@ svelthree uses svelte-accmod, where accessors are always `true`, regardless of `
 	import { remove_instance, recreate_shadow_dom_el, set_initial_userdata, find_in_canvas } from "../logic/shared"
 
 	import type { Euler, Matrix4, Quaternion, Vector3 } from "three"
-	import type { Object3D as THREE_Object3D } from "three"
+	import type { Object3D } from "three"
+	import type { Targetable } from "../types/types-extra"
 
 	import { svelthreeStores } from "svelthree/stores"
 	import { PropUtils, SvelthreeProps } from "../utils"
 
-	import { SvelthreeAnimation } from "../ani"
-	import type { SvelthreeAnimationFunction } from "../types/types-extra"
+	import { SvelthreeAni } from "../ani"
+	import type { SvelthreeAnimationFunction, SvelthreeAnimation } from "../types/types-extra"
 
 	import { PerspectiveCamera as THREE_PerspectiveCamera } from "three"
 	import { CameraHelper } from "three"
-	import type { PerspectiveCameraProperties } from "../types/types-comp-props"
+	import type { PropsPerspectiveCamera } from "../types/types-comp-props"
 	import { get_root_scene } from "../utils/SceneUtils"
 	import { CAM_PROPS_PMU } from "../constants/Cameras"
 	import type { Writable } from "svelte/store"
@@ -40,12 +41,12 @@ svelthree uses svelte-accmod, where accessors are always `true`, regardless of `
 	/**
 	 *  SVELTEKIT  SSR /
 	 * `browser` is needed for the SvelteKit setup (SSR / CSR / SPA).
-	 * For non-SSR output in RollUp only and Vite only setups (CSR / SPA) we're just mimicing `$app/env` where `browser = true`,
-	 * -> TS fix: `$app/env` mapped to `src/$app/env` via svelthree's `tsconfig.json`'s `path` property.
-	 * -> RollUp only setup: replace `$app/env` with `../$app/env`
+	 * For non-SSR output in RollUp only and Vite only setups (CSR / SPA) we're just mimicing `$app/environment` where `browser = true`,
+	 * -> TS fix: `$app/environment` mapped to `src/$app/environment` via svelthree's `tsconfig.json`'s `path` property.
+	 * -> RollUp only setup: replace `$app/environment` with `../$app/environment`
 	 * The import below will work out-of-the-box in a SvelteKit setup.
 	 */
-	import { browser } from "$app/env"
+	import { browser } from "$app/environment"
 
 	const self = get_current_component()
 	const c_name = get_comp_name(self)
@@ -72,7 +73,7 @@ svelthree uses svelte-accmod, where accessors are always `true`, regardless of `
 		)
 	}
 
-	let scene: THREE_Scene = getContext("scene")
+	let scene: Scene = getContext("scene")
 	const sti: number = getContext("store_index")
 
 	/** [ **feature**: allow providing (_injection_) of (_already created_) threejs object instances ].
@@ -82,7 +83,7 @@ svelthree uses svelte-accmod, where accessors are always `true`, regardless of `
 	let create = false
 
 	/** The (three) instance that was shared to this component as it's 'parent' which can be either another instance / object or a scene / root scene. */
-	let our_parent: THREE_Object3D = undefined
+	let our_parent: Object3D = undefined
 
 	/** Shadow DOM element generated by our parent scene / root scene. Used as fallback if this component has no non-`Scene` component as parent. */
 	let scene_shadow_dom_el: SvelthreeShadowDOMElement = getContext("scene_shadow_dom_el")
@@ -266,7 +267,7 @@ svelthree uses svelte-accmod, where accessors are always `true`, regardless of `
 	function handle_instance_change(): void {
 		if ((camera_uuid && camera.uuid !== camera_uuid) || !camera_uuid) {
 			const uuid_to_remove: string = camera_uuid || camera.uuid
-			const old_instance: THREE_Object3D = find_in_canvas($svelthreeStores[sti].scenes, uuid_to_remove)
+			const old_instance: Object3D = find_in_canvas($svelthreeStores[sti].scenes, uuid_to_remove)
 
 			camera_is_active = old_instance.userData.isActive
 
@@ -322,8 +323,8 @@ svelthree uses svelte-accmod, where accessors are always `true`, regardless of `
 	let update_projection_matrix = { status: false }
 
 	// IMPORTANT  `props` will be overridden by 'shorthand' attributes!
-	/** **shorthand** attribute for setting properties using key-value pairs in an `Object`. */
-	export let props: { [P in keyof PerspectiveCameraProperties]: PerspectiveCameraProperties[P] } = undefined
+	/** **shorthand** attribute for setting properties of the created / injected three.js instance via an `Object Literal`. */
+	export let props: PropsPerspectiveCamera = undefined
 
 	$: if (!sProps && camera && props) sProps = new SvelthreeProps(camera)
 	$: if (props && sProps) update_props()
@@ -345,7 +346,7 @@ svelthree uses svelte-accmod, where accessors are always `true`, regardless of `
 
 	// IMPORTANT  following 'shorthand' attributes will override `props` attribute!
 
-	/** **shorthand** attribute for setting the `position` property. */
+	/** **shorthand** attribute for setting the `position` property of the created / injected three.js instance. */
 	export let pos: Vector3 | Parameters<Vector3["set"]> = undefined
 	$: !matrix && camera && pos ? set_pos() : pos && camera ? console.warn(w_sh.pos) : null
 	function set_pos() {
@@ -353,7 +354,7 @@ svelthree uses svelte-accmod, where accessors are always `true`, regardless of `
 		PropUtils.setPositionFromValue(camera, pos)
 	}
 
-	/** **shorthand** attribute for setting the `rotation` property. */
+	/** **shorthand** attribute for setting the `rotation` property of the created / injected three.js instance. */
 	export let rot:
 		| Euler
 		| Parameters<Euler["set"]>
@@ -367,7 +368,7 @@ svelthree uses svelte-accmod, where accessors are always `true`, regardless of `
 		PropUtils.setRotationFromValue(camera, rot)
 	}
 
-	/** **shorthand** attribute for setting the `quaternion` property. */
+	/** **shorthand** attribute for setting the `quaternion` property of the created / injected three.js instance. */
 	export let quat: Quaternion | Parameters<Quaternion["set"]> = undefined
 	$: !matrix && camera && quat ? set_quat() : quat && camera ? console.warn(w_sh.quat) : null
 	function set_quat() {
@@ -375,7 +376,7 @@ svelthree uses svelte-accmod, where accessors are always `true`, regardless of `
 		PropUtils.setQuaternionFromValue(camera, quat)
 	}
 
-	export let scale: Vector3 | Parameters<Vector3["set"]> = undefined
+	export let scale: Vector3 | Parameters<Vector3["set"]> | number = undefined
 	$: !matrix && camera && scale ? set_scale() : scale && camera ? console.warn(w_sh.scale) : null
 	function set_scale() {
 		if (verbose && log_rs) console.debug(...c_rs(c_name, "scale", scale))
@@ -383,7 +384,7 @@ svelthree uses svelte-accmod, where accessors are always `true`, regardless of `
 	}
 
 	/** */
-	export let lookAt: Vector3 | Parameters<Vector3["set"]> | THREE_Object3D = undefined
+	export let lookAt: Vector3 | Parameters<Vector3["set"]> | Targetable = undefined
 	$: !matrix && camera && lookAt ? set_lookat() : lookAt && camera ? console.warn(w_sh.lookAt) : null
 	function set_lookat() {
 		if (verbose && log_rs) console.debug(...c_rs(c_name, "lookAt", lookAt))
@@ -551,15 +552,16 @@ svelthree uses svelte-accmod, where accessors are always `true`, regardless of `
 	/** Immediately start provided animation, default: `false`. Alternative: `<component_reference>.start_animation()` or shorter `.start_ani()`. */
 	export let aniauto: boolean = undefined
 
-	let ani: SvelthreeAnimation
-	$: if (animation && animationEnabled) ani = new SvelthreeAnimation(scene, camera, animation, aniauto)
+	/** (_internal_) reference to the `SvelthreeAni` instance */
+	let ani: SvelthreeAni
+	$: if (animation && animationEnabled) ani = new SvelthreeAni(scene, camera, animation, aniauto)
 
 	let currentSceneActive = undefined
 	$: currentSceneActive = $svelthreeStores[sti].scenes[scene.userData.index_in_scenes]?.isActive
 	$: if (ani && currentSceneActive !== undefined) ani.onCurrentSceneActiveChange(currentSceneActive)
 
 	/** The root scene -> `scene.parent = null`. */
-	let root_scene: THREE_Scene | null = undefined
+	let root_scene: Scene | null = undefined
 	let root_scene_obj = { value: undefined }
 
 	$: if (root_scene === undefined) {
@@ -586,12 +588,12 @@ svelthree uses svelte-accmod, where accessors are always `true`, regardless of `
 	export const get_instance = (): THREE_PerspectiveCamera => camera
 
 	/** Returns the `animation` object. */
-	export const get_animation = (): any => ani.getAnimation()
+	export const get_animation = (): SvelthreeAnimation => ani.getAnimation()
 	/** Same as `get_animation()` just shorter syntax. Returns the `animation` object. */
 	export const get_ani = get_animation
 
 	/** Starts the `animation` object. */
-	export const start_animation = (): void => ani.startAni()
+	export const start_animation = (): void => ani.startAnimation()
 	/** Same as `start_animation()` just shorter syntax. Starts the `animation` object. */
 	export const start_ani = start_animation
 
@@ -659,6 +661,7 @@ svelthree uses svelte-accmod, where accessors are always `true`, regardless of `
 
 	/** **Completely replace** `onMount` -> any `onMount_inject_before` & `onMount_inject_after` will be ignored.
 	 * _default verbosity will be gone!_ */
+	// eslint-disable-next-line @typescript-eslint/no-explicit-any
 	export let onMount_replace: (args?: any) => any = undefined
 
 	onMount(
@@ -682,14 +685,17 @@ svelthree uses svelte-accmod, where accessors are always `true`, regardless of `
 
 	/** **Inject** functionality **before** component's existing `onDestroy` logic.
 	 * _default verbosity not affected._ */
+	// eslint-disable-next-line @typescript-eslint/no-explicit-any
 	export let onDestroy_inject_before: (args?: any) => any = undefined
 
 	/** **Inject** functionality **after** component's existing `onDestroy` logic.
 	 * _default verbosity not affected._ */
+	// eslint-disable-next-line @typescript-eslint/no-explicit-any
 	export let onDestroy_inject_after: (args?: any) => any = undefined
 
 	/** **Completely replace** `onDestroy` -> any `onDestroy_inject_before` & `onDestroy_inject_after` will be ignored.
 	 * _default verbosity will be gone!_ */
+	// eslint-disable-next-line @typescript-eslint/no-explicit-any
 	export let onDestroy_replace: (args?: any) => any = undefined
 
 	onDestroy(
@@ -725,6 +731,7 @@ svelthree uses svelte-accmod, where accessors are always `true`, regardless of `
 
 	/** **Completely replace** `beforeUpdate` -> any `beforeUpdate_inject_before` & `beforeUpdate_inject_after` will be ignored.
 	 * _default verbosity will be gone!_ */
+	// eslint-disable-next-line @typescript-eslint/no-explicit-any
 	export let beforeUpdate_replace: (args?: any) => any = undefined
 
 	beforeUpdate(
@@ -748,14 +755,17 @@ svelthree uses svelte-accmod, where accessors are always `true`, regardless of `
 
 	/** **Inject** functionality **before** component's existing `afterUpdate` logic.
 	 * _default verbosity not affected._ */
+	// eslint-disable-next-line @typescript-eslint/no-explicit-any
 	export let afterUpdate_inject_before: (args?: any) => any = undefined
 
 	/** **Inject** functionality **after** component's existing `afterUpdate` logic.
 	 * _default verbosity not affected._ */
+	// eslint-disable-next-line @typescript-eslint/no-explicit-any
 	export let afterUpdate_inject_after: (args?: any) => any = undefined
 
 	/** **Completely replace** `afterUpdate` -> any `afterUpdate_inject_before` & `afterUpdate_inject_after` will be ignored.
 	 * _default verbosity will be gone!_ */
+	// eslint-disable-next-line @typescript-eslint/no-explicit-any
 	export let afterUpdate_replace: (args?: any) => any = undefined
 
 	afterUpdate(
diff --git a/src/lib/components/PointLight.svelte b/src/lib/components/PointLight.svelte
index 2c50b60..06f5312 100644
--- a/src/lib/components/PointLight.svelte
+++ b/src/lib/components/PointLight.svelte
@@ -10,7 +10,7 @@ svelthree uses svelte-accmod, where accessors are always `true`, regardless of `
 [ tbd ]  Link to Docs.
 -->
 <script lang="ts">
-	import type { Scene as THREE_Scene } from "three"
+	import type { Scene } from "three"
 
 	import { beforeUpdate, onMount, afterUpdate, onDestroy, getContext, setContext } from "svelte"
 	import { get_current_component } from "svelte/internal"
@@ -22,21 +22,20 @@ svelthree uses svelte-accmod, where accessors are always `true`, regardless of `
 	import { remove_instance, recreate_shadow_dom_el, set_initial_userdata, find_in_canvas } from "../logic/shared"
 
 	import type { Euler, Matrix4, Quaternion, Vector3 } from "three"
-	import type { Object3D as THREE_Object3D } from "three"
+	import type { Object3D } from "three"
+	import type { Targetable } from "../types/types-extra"
 
 	import { svelthreeStores } from "svelthree/stores"
 	import { PropUtils, SvelthreeProps } from "../utils"
 
-	import { SvelthreeAnimation } from "../ani"
-	import type { SvelthreeAnimationFunction } from "../types/types-extra"
+	import { SvelthreeAni } from "../ani"
+	import type { SvelthreeAnimationFunction, SvelthreeAnimation } from "../types/types-extra"
 
 	import SvelthreeLightWithShadow from "../components-internal/SvelthreeLightWithShadow.svelte"
-	import type { LightShadowCamProps, LightShadowProps } from "../types/types-extra"
 
 	import { PointLight as THREE_PointLight } from "three"
 	import { PointLightHelper } from "three"
-	import type { PointLightProperties } from "../types/types-comp-props"
-	import type { PointLightShadow } from "three"
+	import type { PropsPointLight, PropsPointLightShadow, PropsPerspectiveCamera } from "../types/types-comp-props"
 	import type { Color } from "three"
 	import type { RemoveFirst } from "../types/types-extra"
 	import { get_root_scene } from "../utils/SceneUtils"
@@ -44,12 +43,12 @@ svelthree uses svelte-accmod, where accessors are always `true`, regardless of `
 	/**
 	 *  SVELTEKIT  SSR /
 	 * `browser` is needed for the SvelteKit setup (SSR / CSR / SPA).
-	 * For non-SSR output in RollUp only and Vite only setups (CSR / SPA) we're just mimicing `$app/env` where `browser = true`,
-	 * -> TS fix: `$app/env` mapped to `src/$app/env` via svelthree's `tsconfig.json`'s `path` property.
-	 * -> RollUp only setup: replace `$app/env` with `../$app/env`
+	 * For non-SSR output in RollUp only and Vite only setups (CSR / SPA) we're just mimicing `$app/environment` where `browser = true`,
+	 * -> TS fix: `$app/environment` mapped to `src/$app/environment` via svelthree's `tsconfig.json`'s `path` property.
+	 * -> RollUp only setup: replace `$app/environment` with `../$app/environment`
 	 * The import below will work out-of-the-box in a SvelteKit setup.
 	 */
-	import { browser } from "$app/env"
+	import { browser } from "$app/environment"
 
 	const self = get_current_component()
 	const c_name = get_comp_name(self)
@@ -64,7 +63,7 @@ svelthree uses svelte-accmod, where accessors are always `true`, regardless of `
 	export let log_lc: { [P in keyof LogLC]: LogLC[P] } = log_all ? { all: true } : undefined
 	export let log_mau: boolean = log_all
 
-	let scene: THREE_Scene = getContext("scene")
+	let scene: Scene = getContext("scene")
 	const sti: number = getContext("store_index")
 
 	/** [ **feature**: allow providing (_injection_) of (_already created_) threejs object instances ].
@@ -74,7 +73,7 @@ svelthree uses svelte-accmod, where accessors are always `true`, regardless of `
 	let create = false
 
 	/** The (three) instance that was shared to this component as it's 'parent' which can be either another instance / object or a scene / root scene. */
-	let our_parent: THREE_Object3D = undefined
+	let our_parent: Object3D = undefined
 
 	/** Shadow DOM element generated by our parent scene / root scene. Used as fallback if this component has no non-`Scene` component as parent. */
 	let scene_shadow_dom_el: SvelthreeShadowDOMElement = getContext("scene_shadow_dom_el")
@@ -232,7 +231,7 @@ svelthree uses svelte-accmod, where accessors are always `true`, regardless of `
 	function handle_instance_change(): void {
 		if ((light_uuid && light.uuid !== light_uuid) || !light_uuid) {
 			const uuid_to_remove: string = light_uuid || light.uuid
-			const old_instance: THREE_Object3D = find_in_canvas($svelthreeStores[sti].scenes, uuid_to_remove)
+			const old_instance: Object3D = find_in_canvas($svelthreeStores[sti].scenes, uuid_to_remove)
 
 			remove_instance(old_instance, "light", light, self)
 
@@ -271,8 +270,8 @@ svelthree uses svelte-accmod, where accessors are always `true`, regardless of `
 	let sProps: SvelthreeProps
 
 	// IMPORTANT  `props` will be overridden by 'shorthand' attributes!
-	/** **shorthand** attribute for setting properties using key-value pairs in an `Object`. */
-	export let props: { [P in keyof PointLightProperties]: PointLightProperties[P] } = undefined
+	/** **shorthand** attribute for setting properties of the created / injected three.js instance via an `Object Literal`. */
+	export let props: PropsPointLight = undefined
 
 	$: if (!sProps && light && props) sProps = new SvelthreeProps(light)
 	$: if (props && sProps) update_props()
@@ -283,7 +282,7 @@ svelthree uses svelte-accmod, where accessors are always `true`, regardless of `
 
 	// IMPORTANT  following 'shorthand' attributes will override `props` attribute!
 
-	/** **shorthand** attribute for setting the `position` property. */
+	/** **shorthand** attribute for setting the `position` property of the created / injected three.js instance. */
 	export let pos: Vector3 | Parameters<Vector3["set"]> = undefined
 	$: !matrix && light && pos ? set_pos() : pos && light ? console.warn(w_sh.pos) : null
 	function set_pos() {
@@ -291,7 +290,7 @@ svelthree uses svelte-accmod, where accessors are always `true`, regardless of `
 		PropUtils.setPositionFromValue(light, pos)
 	}
 
-	/** **shorthand** attribute for setting the `rotation` property. */
+	/** **shorthand** attribute for setting the `rotation` property of the created / injected three.js instance. */
 	export let rot:
 		| Euler
 		| Parameters<Euler["set"]>
@@ -305,7 +304,7 @@ svelthree uses svelte-accmod, where accessors are always `true`, regardless of `
 		PropUtils.setRotationFromValue(light, rot)
 	}
 
-	/** **shorthand** attribute for setting the `quaternion` property. */
+	/** **shorthand** attribute for setting the `quaternion` property of the created / injected three.js instance. */
 	export let quat: Quaternion | Parameters<Quaternion["set"]> = undefined
 	$: !matrix && light && quat ? set_quat() : quat && light ? console.warn(w_sh.quat) : null
 	function set_quat() {
@@ -313,7 +312,7 @@ svelthree uses svelte-accmod, where accessors are always `true`, regardless of `
 		PropUtils.setQuaternionFromValue(light, quat)
 	}
 
-	export let scale: Vector3 | Parameters<Vector3["set"]> = undefined
+	export let scale: Vector3 | Parameters<Vector3["set"]> | number = undefined
 	$: !matrix && light && scale ? set_scale() : scale && light ? console.warn(w_sh.scale) : null
 	function set_scale() {
 		if (verbose && log_rs) console.debug(...c_rs(c_name, "scale", scale))
@@ -321,7 +320,7 @@ svelthree uses svelte-accmod, where accessors are always `true`, regardless of `
 	}
 
 	/** */
-	export let lookAt: Vector3 | Parameters<Vector3["set"]> | THREE_Object3D = undefined
+	export let lookAt: Vector3 | Parameters<Vector3["set"]> | Targetable = undefined
 	$: !matrix && light && lookAt ? set_lookat() : lookAt && light ? console.warn(w_sh.lookAt) : null
 	function set_lookat() {
 		if (verbose && log_rs) console.debug(...c_rs(c_name, "lookAt", lookAt))
@@ -335,7 +334,7 @@ svelthree uses svelte-accmod, where accessors are always `true`, regardless of `
 		PropUtils.setMatrixFromValue(light, matrix)
 	}
 
-	export let color: Color | string | number | [r: number, g: number, b: number] | number[] | Vector3 = undefined
+	export let color: Color | string | number | [r: number, g: number, b: number] | Vector3 = undefined
 	$: if (light && color) set_color()
 	function set_color(): void {
 		if (verbose && log_rs) console.debug(...c_rs(c_name, "color", color))
@@ -356,14 +355,11 @@ svelthree uses svelte-accmod, where accessors are always `true`, regardless of `
 
 	export let castShadow: boolean = undefined
 
-	/** **shorthand** attribute for setting properties of `light.shadow` using key-value pairs in an `Object`. */
-	export let shadowProps: { [P in keyof LightShadowProps<PointLightShadow>]: LightShadowProps<PointLightShadow>[P] } =
-		undefined
+	/** **shorthand** attribute for setting properties of `light.shadow` via an `Object Literal`. */
+	export let shadowProps: PropsPointLightShadow = undefined
 
-	/** **shorthand** attribute for setting properties of `light.shadow.camera` using key-value pairs in an `Object`. */
-	export let shadowCameraProps: {
-		[P in keyof LightShadowCamProps<typeof light.shadow.camera>]: LightShadowCamProps<typeof light.shadow.camera>[P]
-	} = undefined
+	/** **shorthand** attribute for setting properties of `light.shadow.camera` via an `Object Literal`. */
+	export let shadowCameraProps: PropsPerspectiveCamera = undefined
 
 	type HelperParams = ConstructorParameters<typeof PointLightHelper>
 	export let helperParams: RemoveFirst<HelperParams> = undefined
@@ -398,15 +394,16 @@ svelthree uses svelte-accmod, where accessors are always `true`, regardless of `
 	/** Immediately start provided animation, default: `false`. Alternative: `<component_reference>.start_animation()` or shorter `.start_ani()`. */
 	export let aniauto: boolean = undefined
 
-	let ani: SvelthreeAnimation
-	$: if (animation && animationEnabled) ani = new SvelthreeAnimation(scene, light, animation, aniauto)
+	/** (_internal_) reference to the `SvelthreeAni` instance */
+	let ani: SvelthreeAni
+	$: if (animation && animationEnabled) ani = new SvelthreeAni(scene, light, animation, aniauto)
 
 	let currentSceneActive = undefined
 	$: currentSceneActive = $svelthreeStores[sti].scenes[scene.userData.index_in_scenes]?.isActive
 	$: if (ani && currentSceneActive !== undefined) ani.onCurrentSceneActiveChange(currentSceneActive)
 
 	/** The root scene -> `scene.parent = null`. */
-	let root_scene: THREE_Scene | null = undefined
+	let root_scene: Scene | null = undefined
 	let root_scene_obj = { value: undefined }
 
 	$: if (root_scene === undefined) {
@@ -435,12 +432,12 @@ svelthree uses svelte-accmod, where accessors are always `true`, regardless of `
 	export const get_instance = (): THREE_PointLight => light
 
 	/** Returns the `animation` object. */
-	export const get_animation = (): any => ani.getAnimation()
+	export const get_animation = (): SvelthreeAnimation => ani.getAnimation()
 	/** Same as `get_animation()` just shorter syntax. Returns the `animation` object. */
 	export const get_ani = get_animation
 
 	/** Starts the `animation` object. */
-	export const start_animation = (): void => ani.startAni()
+	export const start_animation = (): void => ani.startAnimation()
 	/** Same as `start_animation()` just shorter syntax. Starts the `animation` object. */
 	export const start_ani = start_animation
 
@@ -508,6 +505,7 @@ svelthree uses svelte-accmod, where accessors are always `true`, regardless of `
 
 	/** **Completely replace** `onMount` -> any `onMount_inject_before` & `onMount_inject_after` will be ignored.
 	 * _default verbosity will be gone!_ */
+	// eslint-disable-next-line @typescript-eslint/no-explicit-any
 	export let onMount_replace: (args?: any) => any = undefined
 
 	onMount(
@@ -531,14 +529,17 @@ svelthree uses svelte-accmod, where accessors are always `true`, regardless of `
 
 	/** **Inject** functionality **before** component's existing `onDestroy` logic.
 	 * _default verbosity not affected._ */
+	// eslint-disable-next-line @typescript-eslint/no-explicit-any
 	export let onDestroy_inject_before: (args?: any) => any = undefined
 
 	/** **Inject** functionality **after** component's existing `onDestroy` logic.
 	 * _default verbosity not affected._ */
+	// eslint-disable-next-line @typescript-eslint/no-explicit-any
 	export let onDestroy_inject_after: (args?: any) => any = undefined
 
 	/** **Completely replace** `onDestroy` -> any `onDestroy_inject_before` & `onDestroy_inject_after` will be ignored.
 	 * _default verbosity will be gone!_ */
+	// eslint-disable-next-line @typescript-eslint/no-explicit-any
 	export let onDestroy_replace: (args?: any) => any = undefined
 
 	onDestroy(
@@ -574,6 +575,7 @@ svelthree uses svelte-accmod, where accessors are always `true`, regardless of `
 
 	/** **Completely replace** `beforeUpdate` -> any `beforeUpdate_inject_before` & `beforeUpdate_inject_after` will be ignored.
 	 * _default verbosity will be gone!_ */
+	// eslint-disable-next-line @typescript-eslint/no-explicit-any
 	export let beforeUpdate_replace: (args?: any) => any = undefined
 
 	beforeUpdate(
@@ -597,14 +599,17 @@ svelthree uses svelte-accmod, where accessors are always `true`, regardless of `
 
 	/** **Inject** functionality **before** component's existing `afterUpdate` logic.
 	 * _default verbosity not affected._ */
+	// eslint-disable-next-line @typescript-eslint/no-explicit-any
 	export let afterUpdate_inject_before: (args?: any) => any = undefined
 
 	/** **Inject** functionality **after** component's existing `afterUpdate` logic.
 	 * _default verbosity not affected._ */
+	// eslint-disable-next-line @typescript-eslint/no-explicit-any
 	export let afterUpdate_inject_after: (args?: any) => any = undefined
 
 	/** **Completely replace** `afterUpdate` -> any `afterUpdate_inject_before` & `afterUpdate_inject_after` will be ignored.
 	 * _default verbosity will be gone!_ */
+	// eslint-disable-next-line @typescript-eslint/no-explicit-any
 	export let afterUpdate_replace: (args?: any) => any = undefined
 
 	afterUpdate(
diff --git a/src/lib/components/Points.svelte b/src/lib/components/Points.svelte
index 9355348..555c42e 100644
--- a/src/lib/components/Points.svelte
+++ b/src/lib/components/Points.svelte
@@ -10,7 +10,7 @@ svelthree uses svelte-accmod, where accessors are always `true`, regardless of `
 [ tbd ]  Link to Docs.
 -->
 <script lang="ts">
-	import type { Scene as THREE_Scene } from "three"
+	import type { Scene } from "three"
 
 	import { beforeUpdate, onMount, afterUpdate, onDestroy, getContext, setContext, tick } from "svelte"
 	import { get_current_component } from "svelte/internal"
@@ -22,19 +22,22 @@ svelthree uses svelte-accmod, where accessors are always `true`, regardless of `
 	import { remove_instance, recreate_shadow_dom_el, set_initial_userdata, find_in_canvas } from "../logic/shared"
 
 	import type { Euler, Matrix4, Quaternion, Vector3 } from "three"
-	import type { Object3D as THREE_Object3D } from "three"
+	import type { Object3D } from "three"
+	import type { Targetable } from "../types/types-extra"
 
 	import { svelthreeStores } from "svelthree/stores"
 	import { PropUtils, SvelthreeProps } from "../utils"
 
-	import { SvelthreeAnimation } from "../ani"
-	import type { SvelthreeAnimationFunction } from "../types/types-extra"
+	import { SvelthreeAni } from "../ani"
+	import type { SvelthreeAnimationFunction, SvelthreeAnimation } from "../types/types-extra"
 
 	import SvelthreeInteraction from "../components-internal/SvelthreeInteraction.svelte"
 	import type { RaycastArray } from "../utils/RaycastArray"
+
 	import { createEventDispatcher } from "svelte"
-	import type { Writable } from "svelte/store"
+	import type { InteractionEventDispatcher } from "../types/types-extra"
 
+	import type { Writable } from "svelte/store"
 	import type { SvelthreeModifiersProp } from "../constants/Interaction"
 	import type {
 		SvelthreePointerEventHandler,
@@ -49,20 +52,20 @@ svelthree uses svelte-accmod, where accessors are always `true`, regardless of `
 	import type { BufferGeometry } from "three"
 
 	import { Points as THREE_Points } from "three"
-	import type { PointsProperties } from "../types/types-comp-props"
-	import type { RemoveFirst, Mat, PointsAssignableMaterial } from "../types/types-extra"
-	import type { ButtonProperties, LinkProperties } from "../types/types-comp-props"
+	import type { PropsPoints, PropMat } from "../types/types-comp-props"
+	import type { RemoveFirst, PointsAssignableMaterial } from "../types/types-extra"
+	import type { PropButton, PropLink } from "../types/types-comp-props"
 	import type { Material } from "three"
 
 	/**
 	 *  SVELTEKIT  SSR /
 	 * `browser` is needed for the SvelteKit setup (SSR / CSR / SPA).
-	 * For non-SSR output in RollUp only and Vite only setups (CSR / SPA) we're just mimicing `$app/env` where `browser = true`,
-	 * -> TS fix: `$app/env` mapped to `src/$app/env` via svelthree's `tsconfig.json`'s `path` property.
-	 * -> RollUp only setup: replace `$app/env` with `../$app/env`
+	 * For non-SSR output in RollUp only and Vite only setups (CSR / SPA) we're just mimicing `$app/environment` where `browser = true`,
+	 * -> TS fix: `$app/environment` mapped to `src/$app/environment` via svelthree's `tsconfig.json`'s `path` property.
+	 * -> RollUp only setup: replace `$app/environment` with `../$app/environment`
 	 * The import below will work out-of-the-box in a SvelteKit setup.
 	 */
-	import { browser } from "$app/env"
+	import { browser } from "$app/environment"
 
 	const self = get_current_component()
 	const c_name = get_comp_name(self)
@@ -77,9 +80,9 @@ svelthree uses svelte-accmod, where accessors are always `true`, regardless of `
 	export let log_lc: { [P in keyof LogLC]: LogLC[P] } = log_all ? { all: true } : undefined
 	export let log_mau: boolean = log_all
 
-	const dispatch = createEventDispatcher()
+	const dispatch_interaction = createEventDispatcher<InteractionEventDispatcher>()
 
-	let scene: THREE_Scene = getContext("scene")
+	let scene: Scene = getContext("scene")
 	const sti: number = getContext("store_index")
 
 	/** [ **feature**: allow providing (_injection_) of (_already created_) threejs object instances ].
@@ -89,7 +92,7 @@ svelthree uses svelte-accmod, where accessors are always `true`, regardless of `
 	let create = false
 
 	/** The (three) instance that was shared to this component as it's 'parent' which can be either another instance / object or a scene / root scene. */
-	let our_parent: THREE_Object3D = undefined
+	let our_parent: Object3D = undefined
 
 	/** Shadow DOM element generated by our parent scene / root scene. Used as fallback if this component has no non-`Scene` component as parent. */
 	let scene_shadow_dom_el: SvelthreeShadowDOMElement = getContext("scene_shadow_dom_el")
@@ -103,10 +106,10 @@ svelthree uses svelte-accmod, where accessors are always `true`, regardless of `
 	export const get_shadow_dom_el = (): SvelthreeShadowDOMElement => shadow_dom_el
 
 	/** Specify the component / three.js object instance to act as an HTML `<button>` element. */
-	export let button: ButtonProperties = undefined
+	export let button: PropButton = undefined
 
 	/** Specify the component / three.js object instance to act as an HTML `<a>` element. */
-	export let link: LinkProperties = undefined
+	export let link: PropLink = undefined
 
 	/** Returns the `points` instance created by the component & allows providing (_injection_) of (_already created / premade_) `THREE.Points` instances. */
 	export let points: THREE_Points = undefined
@@ -122,7 +125,7 @@ svelthree uses svelte-accmod, where accessors are always `true`, regardless of `
 	type AssignedMaterial = $$Generic<PointsAssignableMaterial>
 
 	let extracted_material: PointsAssignableMaterial = undefined
-	export let material: PointsAssignableMaterial = undefined
+	export let material: AssignedMaterial = undefined
 	let material_ref: PointsAssignableMaterial = undefined
 
 	let extracted_geometry: BufferGeometry = undefined
@@ -190,7 +193,7 @@ svelthree uses svelte-accmod, where accessors are always `true`, regardless of `
 				)
 
 			// letting threejs throw errors if anything's wrong with 'geometry' or 'material'
-			points = new THREE_Points(geometry, material)
+			points = new THREE_Points(geometry, material as Material | Material[])
 
 			if (verbose && log_dev) console.debug(...c_dev(c_name, `${geometry.type} created!`, { points }))
 			if (verbose && log_dev) console.debug(...c_dev(c_name, "saved 'geometry' (created):", geometry))
@@ -223,7 +226,7 @@ svelthree uses svelte-accmod, where accessors are always `true`, regardless of `
 			} else {
 				// no 'geometry', no 'material' and no 'params'
 				// will create a blank 'BufferGeometry' or a blank PointsMaterial or both.
-				points = new THREE_Points(geometry, material)
+				points = new THREE_Points(geometry, material as Material | Material[])
 			}
 
 			if (verbose && log_dev) console.debug(...c_dev(c_name, `${geometry.type} created!`, { points }))
@@ -290,7 +293,7 @@ svelthree uses svelte-accmod, where accessors are always `true`, regardless of `
 		if (material_changed) {
 			// apply material
 			if (points && points.material !== material) {
-				points.material = material
+				points.material = material as Material | Material[]
 				material_ref = material
 				refresh_material()
 			}
@@ -305,7 +308,7 @@ svelthree uses svelte-accmod, where accessors are always `true`, regardless of `
 
 	/** Recreates `sMat` with the current `material_ref` reference and applies the `mat` prop object to it. */
 	function refresh_material(): void {
-		sMat = new SvelthreeProps(material_ref)
+		sMat = new SvelthreeProps(material_ref as Material | Material[])
 		if (sMat && mat) sMat.update(mat)
 		// TODO  Check using `material_needs_update()` here.
 	}
@@ -385,7 +388,7 @@ svelthree uses svelte-accmod, where accessors are always `true`, regardless of `
 
 		if ((points_uuid && points.uuid !== points_uuid) || !points_uuid) {
 			const uuid_to_remove: string = points_uuid || points.uuid
-			const old_instance: THREE_Object3D = find_in_canvas($svelthreeStores[sti].scenes, uuid_to_remove)
+			const old_instance: Object3D = find_in_canvas($svelthreeStores[sti].scenes, uuid_to_remove)
 
 			remove_instance(old_instance, "points", points, self)
 
@@ -442,8 +445,8 @@ svelthree uses svelte-accmod, where accessors are always `true`, regardless of `
 	// Generic Material props
 	// COOL!  This works now! 'mat' shorthand attribute will give us proper intellisense (props list) for the assigned 'material'!
 	// TODO : Implement handling of multiple `Material`s, atm only single `Material` is supported.
-	/** **shorthand** attribute (`Object`) for setting writable properties of the assigned `Material`. */
-	export let mat: Mat<AssignedMaterial> = undefined
+	/** **shorthand** attribute (`Object Literal`) for setting writable properties of the assigned `Material`. */
+	export let mat: PropMat<AssignedMaterial> = undefined
 
 	$: if (mat && sMat) {
 		const updated_keys: string[] = sMat.update(mat)
@@ -463,8 +466,8 @@ svelthree uses svelte-accmod, where accessors are always `true`, regardless of `
 	let sProps: SvelthreeProps
 
 	// IMPORTANT  `props` will be overridden by 'shorthand' attributes!
-	/** **shorthand** attribute for setting properties using key-value pairs in an `Object`. */
-	export let props: { [P in keyof PointsProperties]: PointsProperties[P] } = undefined
+	/** **shorthand** attribute for setting properties of the created / injected three.js instance via an `Object Literal`. */
+	export let props: PropsPoints = undefined
 
 	$: if (!sProps && points && props) sProps = new SvelthreeProps(points)
 	$: if (props && sProps) update_props()
@@ -475,7 +478,7 @@ svelthree uses svelte-accmod, where accessors are always `true`, regardless of `
 
 	// IMPORTANT  following 'shorthand' attributes will override `props` attribute!
 
-	/** **shorthand** attribute for setting the `position` property. */
+	/** **shorthand** attribute for setting the `position` property of the created / injected three.js instance. */
 	export let pos: Vector3 | Parameters<Vector3["set"]> = undefined
 	$: !matrix && points && pos ? set_pos() : pos && points ? console.warn(w_sh.pos) : null
 	function set_pos() {
@@ -483,7 +486,7 @@ svelthree uses svelte-accmod, where accessors are always `true`, regardless of `
 		PropUtils.setPositionFromValue(points, pos)
 	}
 
-	/** **shorthand** attribute for setting the `rotation` property. */
+	/** **shorthand** attribute for setting the `rotation` property of the created / injected three.js instance. */
 	export let rot:
 		| Euler
 		| Parameters<Euler["set"]>
@@ -497,7 +500,7 @@ svelthree uses svelte-accmod, where accessors are always `true`, regardless of `
 		PropUtils.setRotationFromValue(points, rot)
 	}
 
-	/** **shorthand** attribute for setting the `quaternion` property. */
+	/** **shorthand** attribute for setting the `quaternion` property of the created / injected three.js instance. */
 	export let quat: Quaternion | Parameters<Quaternion["set"]> = undefined
 	$: !matrix && points && quat ? set_quat() : quat && points ? console.warn(w_sh.quat) : null
 	function set_quat() {
@@ -505,7 +508,7 @@ svelthree uses svelte-accmod, where accessors are always `true`, regardless of `
 		PropUtils.setQuaternionFromValue(points, quat)
 	}
 
-	export let scale: Vector3 | Parameters<Vector3["set"]> = undefined
+	export let scale: Vector3 | Parameters<Vector3["set"]> | number = undefined
 	$: !matrix && points && scale ? set_scale() : scale && points ? console.warn(w_sh.scale) : null
 	function set_scale() {
 		if (verbose && log_rs) console.debug(...c_rs(c_name, "scale", scale))
@@ -513,7 +516,7 @@ svelthree uses svelte-accmod, where accessors are always `true`, regardless of `
 	}
 
 	/** */
-	export let lookAt: Vector3 | Parameters<Vector3["set"]> | THREE_Object3D = undefined
+	export let lookAt: Vector3 | Parameters<Vector3["set"]> | Targetable = undefined
 	$: !matrix && points && lookAt ? set_lookat() : lookAt && points ? console.warn(w_sh.lookAt) : null
 	function set_lookat() {
 		if (verbose && log_rs) console.debug(...c_rs(c_name, "lookAt", lookAt))
@@ -534,7 +537,7 @@ svelthree uses svelte-accmod, where accessors are always `true`, regardless of `
 	$: if (receiveShadow !== undefined && points) points.receiveShadow = receiveShadow
 
 	/** The root scene -> `scene.parent = null`. */
-	let root_scene: THREE_Scene | null = undefined
+	let root_scene: Scene | null = undefined
 	let root_scene_obj = { value: undefined }
 
 	$: if (root_scene === undefined) {
@@ -702,6 +705,7 @@ svelthree uses svelte-accmod, where accessors are always `true`, regardless of `
 	 *
 	 * ☝️ _Can be used with **interactive components only** -> `interact` prop has to be `true`._
 	 */
+	// eslint-disable-next-line @typescript-eslint/no-explicit-any
 	export const on = async (type: any, callback: any): Promise<void> => {
 		if (interact) {
 			if (!interaction_comp || !shadow_dom_el) await tick()
@@ -722,6 +726,7 @@ svelthree uses svelte-accmod, where accessors are always `true`, regardless of `
 	 *
 	 * ☝️ _Can be used with **interactive components only** -> `interact` prop has to be `true`._
 	 */
+	// eslint-disable-next-line @typescript-eslint/no-explicit-any
 	export const onx = async (type: any, callback: any): Promise<void> => {
 		if (interact) {
 			if (!interaction_comp || !shadow_dom_el) await tick()
@@ -837,8 +842,9 @@ svelthree uses svelte-accmod, where accessors are always `true`, regardless of `
 	/** Immediately start provided animation, default: `false`. Alternative: `<component_reference>.start_animation()` or shorter `.start_ani()`. */
 	export let aniauto: boolean = undefined
 
-	let ani: SvelthreeAnimation
-	$: if (animation && animationEnabled) ani = new SvelthreeAnimation(scene, points, animation, aniauto)
+	/** (_internal_) reference to the `SvelthreeAni` instance */
+	let ani: SvelthreeAni
+	$: if (animation && animationEnabled) ani = new SvelthreeAni(scene, points, animation, aniauto)
 
 	let currentSceneActive = undefined
 	$: currentSceneActive = $svelthreeStores[sti].scenes[scene.userData.index_in_scenes]?.isActive
@@ -859,12 +865,12 @@ svelthree uses svelte-accmod, where accessors are always `true`, regardless of `
 	export const get_instance = (): THREE_Points => points
 
 	/** Returns the `animation` object. */
-	export const get_animation = (): any => ani.getAnimation()
+	export const get_animation = (): SvelthreeAnimation => ani.getAnimation()
 	/** Same as `get_animation()` just shorter syntax. Returns the `animation` object. */
 	export const get_ani = get_animation
 
 	/** Starts the `animation` object. */
-	export const start_animation = (): void => ani.startAni()
+	export const start_animation = (): void => ani.startAnimation()
 	/** Same as `start_animation()` just shorter syntax. Starts the `animation` object. */
 	export const start_ani = start_animation
 
@@ -939,6 +945,7 @@ svelthree uses svelte-accmod, where accessors are always `true`, regardless of `
 
 	/** **Completely replace** `onMount` -> any `onMount_inject_before` & `onMount_inject_after` will be ignored.
 	 * _default verbosity will be gone!_ */
+	// eslint-disable-next-line @typescript-eslint/no-explicit-any
 	export let onMount_replace: (args?: any) => any = undefined
 
 	onMount(
@@ -962,14 +969,17 @@ svelthree uses svelte-accmod, where accessors are always `true`, regardless of `
 
 	/** **Inject** functionality **before** component's existing `onDestroy` logic.
 	 * _default verbosity not affected._ */
+	// eslint-disable-next-line @typescript-eslint/no-explicit-any
 	export let onDestroy_inject_before: (args?: any) => any = undefined
 
 	/** **Inject** functionality **after** component's existing `onDestroy` logic.
 	 * _default verbosity not affected._ */
+	// eslint-disable-next-line @typescript-eslint/no-explicit-any
 	export let onDestroy_inject_after: (args?: any) => any = undefined
 
 	/** **Completely replace** `onDestroy` -> any `onDestroy_inject_before` & `onDestroy_inject_after` will be ignored.
 	 * _default verbosity will be gone!_ */
+	// eslint-disable-next-line @typescript-eslint/no-explicit-any
 	export let onDestroy_replace: (args?: any) => any = undefined
 
 	onDestroy(
@@ -1003,6 +1013,7 @@ svelthree uses svelte-accmod, where accessors are always `true`, regardless of `
 
 	/** **Completely replace** `beforeUpdate` -> any `beforeUpdate_inject_before` & `beforeUpdate_inject_after` will be ignored.
 	 * _default verbosity will be gone!_ */
+	// eslint-disable-next-line @typescript-eslint/no-explicit-any
 	export let beforeUpdate_replace: (args?: any) => any = undefined
 
 	beforeUpdate(
@@ -1026,14 +1037,17 @@ svelthree uses svelte-accmod, where accessors are always `true`, regardless of `
 
 	/** **Inject** functionality **before** component's existing `afterUpdate` logic.
 	 * _default verbosity not affected._ */
+	// eslint-disable-next-line @typescript-eslint/no-explicit-any
 	export let afterUpdate_inject_before: (args?: any) => any = undefined
 
 	/** **Inject** functionality **after** component's existing `afterUpdate` logic.
 	 * _default verbosity not affected._ */
+	// eslint-disable-next-line @typescript-eslint/no-explicit-any
 	export let afterUpdate_inject_after: (args?: any) => any = undefined
 
 	/** **Completely replace** `afterUpdate` -> any `afterUpdate_inject_before` & `afterUpdate_inject_after` will be ignored.
 	 * _default verbosity will be gone!_ */
+	// eslint-disable-next-line @typescript-eslint/no-explicit-any
 	export let afterUpdate_replace: (args?: any) => any = undefined
 
 	afterUpdate(
@@ -1085,7 +1099,7 @@ svelthree uses svelte-accmod, where accessors are always `true`, regardless of `
 		bind:this={interaction_comp}
 		{shadow_dom_el}
 		{modifiers}
-		{dispatch}
+		{dispatch_interaction}
 		obj={points}
 		parent={self}
 		{interactionEnabled}
diff --git a/src/lib/components/RectAreaLight.svelte b/src/lib/components/RectAreaLight.svelte
index 2d97e3a..c279f5e 100644
--- a/src/lib/components/RectAreaLight.svelte
+++ b/src/lib/components/RectAreaLight.svelte
@@ -10,7 +10,7 @@ svelthree uses svelte-accmod, where accessors are always `true`, regardless of `
 [ tbd ]  Link to Docs.
 -->
 <script lang="ts">
-	import type { Scene as THREE_Scene } from "three"
+	import type { Scene } from "three"
 
 	import { beforeUpdate, onMount, afterUpdate, onDestroy, getContext, setContext } from "svelte"
 	import { get_current_component } from "svelte/internal"
@@ -22,16 +22,17 @@ svelthree uses svelte-accmod, where accessors are always `true`, regardless of `
 	import { remove_instance, recreate_shadow_dom_el, set_initial_userdata, find_in_canvas } from "../logic/shared"
 
 	import type { Euler, Matrix4, Quaternion, Vector3 } from "three"
-	import type { Object3D as THREE_Object3D } from "three"
+	import type { Object3D } from "three"
+	import type { Targetable } from "../types/types-extra"
 
 	import { svelthreeStores } from "svelthree/stores"
 	import { PropUtils, SvelthreeProps } from "../utils"
 
-	import { SvelthreeAnimation } from "../ani"
-	import type { SvelthreeAnimationFunction } from "../types/types-extra"
+	import { SvelthreeAni } from "../ani"
+	import type { SvelthreeAnimationFunction, SvelthreeAnimation } from "../types/types-extra"
 
 	import { RectAreaLight as THREE_RectAreaLight } from "three"
-	import type { RectAreaLightProperties } from "../types/types-comp-props"
+	import type { PropsRectAreaLight } from "../types/types-comp-props"
 	import type { Color } from "three"
 	import { RectAreaLightHelper } from "three/examples/jsm/helpers/RectAreaLightHelper.js"
 	import { RectAreaLightUniformsLib } from "three/examples/jsm/lights/RectAreaLightUniformsLib.js"
@@ -41,12 +42,12 @@ svelthree uses svelte-accmod, where accessors are always `true`, regardless of `
 	/**
 	 *  SVELTEKIT  SSR /
 	 * `browser` is needed for the SvelteKit setup (SSR / CSR / SPA).
-	 * For non-SSR output in RollUp only and Vite only setups (CSR / SPA) we're just mimicing `$app/env` where `browser = true`,
-	 * -> TS fix: `$app/env` mapped to `src/$app/env` via svelthree's `tsconfig.json`'s `path` property.
-	 * -> RollUp only setup: replace `$app/env` with `../$app/env`
+	 * For non-SSR output in RollUp only and Vite only setups (CSR / SPA) we're just mimicing `$app/environment` where `browser = true`,
+	 * -> TS fix: `$app/environment` mapped to `src/$app/environment` via svelthree's `tsconfig.json`'s `path` property.
+	 * -> RollUp only setup: replace `$app/environment` with `../$app/environment`
 	 * The import below will work out-of-the-box in a SvelteKit setup.
 	 */
-	import { browser } from "$app/env"
+	import { browser } from "$app/environment"
 
 	const self = get_current_component()
 	const c_name = get_comp_name(self)
@@ -61,7 +62,7 @@ svelthree uses svelte-accmod, where accessors are always `true`, regardless of `
 	export let log_lc: { [P in keyof LogLC]: LogLC[P] } = log_all ? { all: true } : undefined
 	export let log_mau: boolean = log_all
 
-	let scene: THREE_Scene = getContext("scene")
+	let scene: Scene = getContext("scene")
 	const sti: number = getContext("store_index")
 
 	/** [ **feature**: allow providing (_injection_) of (_already created_) threejs object instances ].
@@ -71,7 +72,7 @@ svelthree uses svelte-accmod, where accessors are always `true`, regardless of `
 	let create = false
 
 	/** The (three) instance that was shared to this component as it's 'parent' which can be either another instance / object or a scene / root scene. */
-	let our_parent: THREE_Object3D = undefined
+	let our_parent: Object3D = undefined
 
 	/** Shadow DOM element generated by our parent scene / root scene. Used as fallback if this component has no non-`Scene` component as parent. */
 	let scene_shadow_dom_el: SvelthreeShadowDOMElement = getContext("scene_shadow_dom_el")
@@ -235,7 +236,7 @@ svelthree uses svelte-accmod, where accessors are always `true`, regardless of `
 	function handle_instance_change(): void {
 		if ((light_uuid && light.uuid !== light_uuid) || !light_uuid) {
 			const uuid_to_remove: string = light_uuid || light.uuid
-			const old_instance: THREE_Object3D = find_in_canvas($svelthreeStores[sti].scenes, uuid_to_remove)
+			const old_instance: Object3D = find_in_canvas($svelthreeStores[sti].scenes, uuid_to_remove)
 
 			remove_instance(old_instance, "light", light, self)
 
@@ -274,8 +275,8 @@ svelthree uses svelte-accmod, where accessors are always `true`, regardless of `
 	let sProps: SvelthreeProps
 
 	// IMPORTANT  `props` will be overridden by 'shorthand' attributes!
-	/** **shorthand** attribute for setting properties using key-value pairs in an `Object`. */
-	export let props: { [P in keyof RectAreaLightProperties]: RectAreaLightProperties[P] } = undefined
+	/** **shorthand** attribute for setting properties of the created / injected three.js instance via an `Object Literal`. */
+	export let props: PropsRectAreaLight = undefined
 
 	$: if (!sProps && light && props) sProps = new SvelthreeProps(light)
 	$: if (props && sProps) update_props()
@@ -286,7 +287,7 @@ svelthree uses svelte-accmod, where accessors are always `true`, regardless of `
 
 	// IMPORTANT  following 'shorthand' attributes will override `props` attribute!
 
-	/** **shorthand** attribute for setting the `position` property. */
+	/** **shorthand** attribute for setting the `position` property of the created / injected three.js instance. */
 	export let pos: Vector3 | Parameters<Vector3["set"]> = undefined
 	$: !matrix && light && pos ? set_pos() : pos && light ? console.warn(w_sh.pos) : null
 	function set_pos() {
@@ -294,7 +295,7 @@ svelthree uses svelte-accmod, where accessors are always `true`, regardless of `
 		PropUtils.setPositionFromValue(light, pos)
 	}
 
-	/** **shorthand** attribute for setting the `rotation` property. */
+	/** **shorthand** attribute for setting the `rotation` property of the created / injected three.js instance. */
 	export let rot:
 		| Euler
 		| Parameters<Euler["set"]>
@@ -308,7 +309,7 @@ svelthree uses svelte-accmod, where accessors are always `true`, regardless of `
 		PropUtils.setRotationFromValue(light, rot)
 	}
 
-	/** **shorthand** attribute for setting the `quaternion` property. */
+	/** **shorthand** attribute for setting the `quaternion` property of the created / injected three.js instance. */
 	export let quat: Quaternion | Parameters<Quaternion["set"]> = undefined
 	$: !matrix && light && quat ? set_quat() : quat && light ? console.warn(w_sh.quat) : null
 	function set_quat() {
@@ -316,7 +317,7 @@ svelthree uses svelte-accmod, where accessors are always `true`, regardless of `
 		PropUtils.setQuaternionFromValue(light, quat)
 	}
 
-	export let scale: Vector3 | Parameters<Vector3["set"]> = undefined
+	export let scale: Vector3 | Parameters<Vector3["set"]> | number = undefined
 	$: !matrix && light && scale ? set_scale() : scale && light ? console.warn(w_sh.scale) : null
 	function set_scale() {
 		if (verbose && log_rs) console.debug(...c_rs(c_name, "scale", scale))
@@ -324,7 +325,7 @@ svelthree uses svelte-accmod, where accessors are always `true`, regardless of `
 	}
 
 	/** */
-	export let lookAt: Vector3 | Parameters<Vector3["set"]> | THREE_Object3D = undefined
+	export let lookAt: Vector3 | Parameters<Vector3["set"]> | Targetable = undefined
 	$: !matrix && light && lookAt ? set_lookat() : lookAt && light ? console.warn(w_sh.lookAt) : null
 	function set_lookat() {
 		if (verbose && log_rs) console.debug(...c_rs(c_name, "lookAt", lookAt))
@@ -356,7 +357,7 @@ svelthree uses svelte-accmod, where accessors are always `true`, regardless of `
 		light.width = width
 	}
 
-	export let color: Color | string | number | [r: number, g: number, b: number] | number[] | Vector3 = undefined
+	export let color: Color | string | number | [r: number, g: number, b: number] | Vector3 = undefined
 	$: if (light && color) set_color()
 	function set_color(): void {
 		if (verbose && log_rs) console.debug(...c_rs(c_name, "color", color))
@@ -413,15 +414,16 @@ svelthree uses svelte-accmod, where accessors are always `true`, regardless of `
 	/** Immediately start provided animation, default: `false`. Alternative: `<component_reference>.start_animation()` or shorter `.start_ani()`. */
 	export let aniauto: boolean = undefined
 
-	let ani: SvelthreeAnimation
-	$: if (animation && animationEnabled) ani = new SvelthreeAnimation(scene, light, animation, aniauto)
+	/** (_internal_) reference to the `SvelthreeAni` instance */
+	let ani: SvelthreeAni
+	$: if (animation && animationEnabled) ani = new SvelthreeAni(scene, light, animation, aniauto)
 
 	let currentSceneActive = undefined
 	$: currentSceneActive = $svelthreeStores[sti].scenes[scene.userData.index_in_scenes]?.isActive
 	$: if (ani && currentSceneActive !== undefined) ani.onCurrentSceneActiveChange(currentSceneActive)
 
 	/** The root scene -> `scene.parent = null`. */
-	let root_scene: THREE_Scene | null = undefined
+	let root_scene: Scene | null = undefined
 	let root_scene_obj = { value: undefined }
 
 	$: if (root_scene === undefined) {
@@ -450,12 +452,12 @@ svelthree uses svelte-accmod, where accessors are always `true`, regardless of `
 	export const get_instance = (): THREE_RectAreaLight => light
 
 	/** Returns the `animation` object. */
-	export const get_animation = (): any => ani.getAnimation()
+	export const get_animation = (): SvelthreeAnimation => ani.getAnimation()
 	/** Same as `get_animation()` just shorter syntax. Returns the `animation` object. */
 	export const get_ani = get_animation
 
 	/** Starts the `animation` object. */
-	export const start_animation = (): void => ani.startAni()
+	export const start_animation = (): void => ani.startAnimation()
 	/** Same as `start_animation()` just shorter syntax. Starts the `animation` object. */
 	export const start_ani = start_animation
 
@@ -523,6 +525,7 @@ svelthree uses svelte-accmod, where accessors are always `true`, regardless of `
 
 	/** **Completely replace** `onMount` -> any `onMount_inject_before` & `onMount_inject_after` will be ignored.
 	 * _default verbosity will be gone!_ */
+	// eslint-disable-next-line @typescript-eslint/no-explicit-any
 	export let onMount_replace: (args?: any) => any = undefined
 
 	onMount(
@@ -546,14 +549,17 @@ svelthree uses svelte-accmod, where accessors are always `true`, regardless of `
 
 	/** **Inject** functionality **before** component's existing `onDestroy` logic.
 	 * _default verbosity not affected._ */
+	// eslint-disable-next-line @typescript-eslint/no-explicit-any
 	export let onDestroy_inject_before: (args?: any) => any = undefined
 
 	/** **Inject** functionality **after** component's existing `onDestroy` logic.
 	 * _default verbosity not affected._ */
+	// eslint-disable-next-line @typescript-eslint/no-explicit-any
 	export let onDestroy_inject_after: (args?: any) => any = undefined
 
 	/** **Completely replace** `onDestroy` -> any `onDestroy_inject_before` & `onDestroy_inject_after` will be ignored.
 	 * _default verbosity will be gone!_ */
+	// eslint-disable-next-line @typescript-eslint/no-explicit-any
 	export let onDestroy_replace: (args?: any) => any = undefined
 
 	onDestroy(
@@ -589,6 +595,7 @@ svelthree uses svelte-accmod, where accessors are always `true`, regardless of `
 
 	/** **Completely replace** `beforeUpdate` -> any `beforeUpdate_inject_before` & `beforeUpdate_inject_after` will be ignored.
 	 * _default verbosity will be gone!_ */
+	// eslint-disable-next-line @typescript-eslint/no-explicit-any
 	export let beforeUpdate_replace: (args?: any) => any = undefined
 
 	beforeUpdate(
@@ -612,14 +619,17 @@ svelthree uses svelte-accmod, where accessors are always `true`, regardless of `
 
 	/** **Inject** functionality **before** component's existing `afterUpdate` logic.
 	 * _default verbosity not affected._ */
+	// eslint-disable-next-line @typescript-eslint/no-explicit-any
 	export let afterUpdate_inject_before: (args?: any) => any = undefined
 
 	/** **Inject** functionality **after** component's existing `afterUpdate` logic.
 	 * _default verbosity not affected._ */
+	// eslint-disable-next-line @typescript-eslint/no-explicit-any
 	export let afterUpdate_inject_after: (args?: any) => any = undefined
 
 	/** **Completely replace** `afterUpdate` -> any `afterUpdate_inject_before` & `afterUpdate_inject_after` will be ignored.
 	 * _default verbosity will be gone!_ */
+	// eslint-disable-next-line @typescript-eslint/no-explicit-any
 	export let afterUpdate_replace: (args?: any) => any = undefined
 
 	afterUpdate(
diff --git a/src/lib/components/Scene.svelte b/src/lib/components/Scene.svelte
index 9a9e325..f7dcce5 100644
--- a/src/lib/components/Scene.svelte
+++ b/src/lib/components/Scene.svelte
@@ -20,19 +20,22 @@ svelthree uses svelte-accmod, where accessors are always `true`, regardless of `
 	import { remove_instance, recreate_shadow_dom_el, set_initial_userdata, find_in_canvas } from "../logic/shared"
 
 	import type { Euler, Matrix4, Quaternion, Vector3 } from "three"
-	import type { Object3D as THREE_Object3D } from "three"
+	import type { Object3D } from "three"
+	import type { Targetable } from "../types/types-extra"
 
 	import { svelthreeStores } from "svelthree/stores"
 	import { PropUtils, SvelthreeProps } from "../utils"
 
-	import { SvelthreeAnimation } from "../ani"
-	import type { SvelthreeAnimationFunction } from "../types/types-extra"
+	import { SvelthreeAni } from "../ani"
+	import type { SvelthreeAnimationFunction, SvelthreeAnimation } from "../types/types-extra"
 
 	import SvelthreeInteraction from "../components-internal/SvelthreeInteraction.svelte"
 	import type { RaycastArray } from "../utils/RaycastArray"
+
 	import { createEventDispatcher } from "svelte"
-	import type { Writable } from "svelte/store"
+	import type { InteractionEventDispatcher } from "../types/types-extra"
 
+	import type { Writable } from "svelte/store"
 	import type { SvelthreeModifiersProp } from "../constants/Interaction"
 	import type {
 		SvelthreePointerEventHandler,
@@ -45,21 +48,21 @@ svelthree uses svelte-accmod, where accessors are always `true`, regardless of `
 	import { get_root_scene } from "../utils/SceneUtils"
 
 	import { Scene as THREE_Scene } from "three"
-	import type { SceneProperties } from "../types/types-comp-props"
+	import type { PropsScene } from "../types/types-comp-props"
 	import type { FogBase, Color, Mapping, Texture } from "three"
 	import { EquirectangularReflectionMapping, TextureLoader } from "three"
 	import type { RemoveFirst } from "../types/types-extra"
-	import type { ButtonProperties, LinkProperties } from "../types/types-comp-props"
+	import type { PropButton, PropLink } from "../types/types-comp-props"
 
 	/**
 	 *  SVELTEKIT  SSR /
 	 * `browser` is needed for the SvelteKit setup (SSR / CSR / SPA).
-	 * For non-SSR output in RollUp only and Vite only setups (CSR / SPA) we're just mimicing `$app/env` where `browser = true`,
-	 * -> TS fix: `$app/env` mapped to `src/$app/env` via svelthree's `tsconfig.json`'s `path` property.
-	 * -> RollUp only setup: replace `$app/env` with `../$app/env`
+	 * For non-SSR output in RollUp only and Vite only setups (CSR / SPA) we're just mimicing `$app/environment` where `browser = true`,
+	 * -> TS fix: `$app/environment` mapped to `src/$app/environment` via svelthree's `tsconfig.json`'s `path` property.
+	 * -> RollUp only setup: replace `$app/environment` with `../$app/environment`
 	 * The import below will work out-of-the-box in a SvelteKit setup.
 	 */
-	import { browser } from "$app/env"
+	import { browser } from "$app/environment"
 
 	const self = get_current_component()
 	const c_name = get_comp_name(self)
@@ -78,7 +81,7 @@ svelthree uses svelte-accmod, where accessors are always `true`, regardless of `
 	export let log_lc: { [P in keyof LogLC]: LogLC[P] } = log_all ? { all: true } : undefined
 	export let log_mau: boolean = log_all
 
-	const dispatch = createEventDispatcher()
+	const dispatch_interaction = createEventDispatcher<InteractionEventDispatcher>()
 
 	/** `id` is used to identify / assign a Scene to a 'WebGLRenderer' component.
 	 * `id` is **not needed if** a Scene component is a child of any Object3D (e.g. another Scene) in this case
@@ -96,7 +99,7 @@ svelthree uses svelte-accmod, where accessors are always `true`, regardless of `
 	let create = false
 
 	/** The (three) instance that was shared to this component as it's 'parent' which can be either another instance / object or a scene / root scene. */
-	let our_parent: THREE_Object3D = undefined
+	let our_parent: Object3D = undefined
 
 	/** Shadow DOM element generated by our parent component (_not `Canvas`_) shared with this component (child) via context.
 	Fallback is `scene_shadow_dom_el` or `shadow_root_el` in case of the `Scene` component. */
@@ -107,10 +110,10 @@ svelthree uses svelte-accmod, where accessors are always `true`, regardless of `
 	export const get_shadow_dom_el = (): SvelthreeShadowDOMElement => shadow_dom_el
 
 	/** Specify the component / three.js object instance to act as an HTML `<button>` element. */
-	export let button: ButtonProperties = undefined
+	export let button: PropButton = undefined
 
 	/** Specify the component / three.js object instance to act as an HTML `<a>` element. */
-	export let link: LinkProperties = undefined
+	export let link: PropLink = undefined
 
 	/** Returns the `scene` instance created by the component & allows providing (_injection_) of (_already created / premade_) `THREE.Scene` instances. */
 	export let scene: THREE_Scene = undefined
@@ -208,7 +211,6 @@ svelthree uses svelte-accmod, where accessors are always `true`, regardless of `
 		// every scene spreads it's onw instance to children overwriting the 'root scene' instance
 		// so if we need a reference to the topmost 'root scene' from an object inside some nested
 		// scene, we have to search for it, see e.g. the `CubeCamera` component
-		// TODO / TOFIX  this could cause problems with the `SvelthreeAnimation` component which is checking `currentSceneActive`
 		setContext("scene", scene)
 
 		if (verbose && log_dev) console.debug(...c_dev(c_name, `${scene.type} created!`, { scene }))
@@ -289,7 +291,7 @@ svelthree uses svelte-accmod, where accessors are always `true`, regardless of `
 
 		if ((scene_uuid && scene.uuid !== scene_uuid) || !scene_uuid) {
 			const uuid_to_remove: string = scene_uuid || scene.uuid
-			const old_instance: THREE_Object3D = find_in_canvas($svelthreeStores[sti].scenes, uuid_to_remove)
+			const old_instance: Object3D = find_in_canvas($svelthreeStores[sti].scenes, uuid_to_remove)
 
 			remove_instance(old_instance, "scene", scene, self)
 
@@ -379,8 +381,8 @@ svelthree uses svelte-accmod, where accessors are always `true`, regardless of `
 	let sProps: SvelthreeProps
 
 	// IMPORTANT  `props` will be overridden by 'shorthand' attributes!
-	/** **shorthand** attribute for setting properties using key-value pairs in an `Object`. */
-	export let props: { [P in keyof SceneProperties]: SceneProperties[P] } = undefined
+	/** **shorthand** attribute for setting properties of the created / injected three.js instance via an `Object Literal`. */
+	export let props: PropsScene = undefined
 
 	$: if (!sProps && scene && props) sProps = new SvelthreeProps(scene)
 	$: if (props && sProps) update_props()
@@ -391,7 +393,7 @@ svelthree uses svelte-accmod, where accessors are always `true`, regardless of `
 
 	// IMPORTANT  following 'shorthand' attributes will override `props` attribute!
 
-	/** **shorthand** attribute for setting the `position` property. */
+	/** **shorthand** attribute for setting the `position` property of the created / injected three.js instance. */
 	export let pos: Vector3 | Parameters<Vector3["set"]> = undefined
 	$: !matrix && scene && pos ? set_pos() : pos && scene ? console.warn(w_sh.pos) : null
 	function set_pos() {
@@ -399,7 +401,7 @@ svelthree uses svelte-accmod, where accessors are always `true`, regardless of `
 		PropUtils.setPositionFromValue(scene, pos)
 	}
 
-	/** **shorthand** attribute for setting the `rotation` property. */
+	/** **shorthand** attribute for setting the `rotation` property of the created / injected three.js instance. */
 	export let rot:
 		| Euler
 		| Parameters<Euler["set"]>
@@ -413,7 +415,7 @@ svelthree uses svelte-accmod, where accessors are always `true`, regardless of `
 		PropUtils.setRotationFromValue(scene, rot)
 	}
 
-	/** **shorthand** attribute for setting the `quaternion` property. */
+	/** **shorthand** attribute for setting the `quaternion` property of the created / injected three.js instance. */
 	export let quat: Quaternion | Parameters<Quaternion["set"]> = undefined
 	$: !matrix && scene && quat ? set_quat() : quat && scene ? console.warn(w_sh.quat) : null
 	function set_quat() {
@@ -421,7 +423,7 @@ svelthree uses svelte-accmod, where accessors are always `true`, regardless of `
 		PropUtils.setQuaternionFromValue(scene, quat)
 	}
 
-	export let scale: Vector3 | Parameters<Vector3["set"]> = undefined
+	export let scale: Vector3 | Parameters<Vector3["set"]> | number = undefined
 	$: !matrix && scene && scale ? set_scale() : scale && scene ? console.warn(w_sh.scale) : null
 	function set_scale() {
 		if (verbose && log_rs) console.debug(...c_rs(c_name, "scale", scale))
@@ -429,7 +431,7 @@ svelthree uses svelte-accmod, where accessors are always `true`, regardless of `
 	}
 
 	/** */
-	export let lookAt: Vector3 | Parameters<Vector3["set"]> | THREE_Object3D = undefined
+	export let lookAt: Vector3 | Parameters<Vector3["set"]> | Targetable = undefined
 	$: !matrix && scene && lookAt ? set_lookat() : lookAt && scene ? console.warn(w_sh.lookAt) : null
 	function set_lookat() {
 		if (verbose && log_rs) console.debug(...c_rs(c_name, "lookAt", lookAt))
@@ -450,8 +452,7 @@ svelthree uses svelte-accmod, where accessors are always `true`, regardless of `
 	$: if (receiveShadow !== undefined && scene) scene.receiveShadow = receiveShadow
 
 	/** Scene `.background`. */
-	export let bg: Texture | Color | string | number | [r: number, g: number, b: number] | number[] | Vector3 =
-		undefined
+	export let bg: Texture | Color | string | number | [r: number, g: number, b: number] | Vector3 = undefined
 	$: if (bg) set_bg()
 
 	function set_bg(): void {
@@ -460,7 +461,11 @@ svelthree uses svelte-accmod, where accessors are always `true`, regardless of `
 		if (bg.constructor?.name === "Texture") {
 			scene.background = bg as Texture
 		} else {
-			PropUtils.setColorFromValueKey(scene, bg, "background")
+			PropUtils.setColorFromValueKey(
+				scene,
+				bg as Color | string | number | [r: number, g: number, b: number] | Vector3,
+				"background"
+			)
 		}
 	}
 
@@ -692,6 +697,7 @@ svelthree uses svelte-accmod, where accessors are always `true`, regardless of `
 	 *
 	 * ☝️ _Can be used with **interactive components only** -> `interact` prop has to be `true`._
 	 */
+	// eslint-disable-next-line @typescript-eslint/no-explicit-any
 	export const on = async (type: any, callback: any): Promise<void> => {
 		if (interact) {
 			if (!interaction_comp || !shadow_dom_el) await tick()
@@ -712,6 +718,7 @@ svelthree uses svelte-accmod, where accessors are always `true`, regardless of `
 	 *
 	 * ☝️ _Can be used with **interactive components only** -> `interact` prop has to be `true`._
 	 */
+	// eslint-disable-next-line @typescript-eslint/no-explicit-any
 	export const onx = async (type: any, callback: any): Promise<void> => {
 		if (interact) {
 			if (!interaction_comp || !shadow_dom_el) await tick()
@@ -827,8 +834,9 @@ svelthree uses svelte-accmod, where accessors are always `true`, regardless of `
 	/** Immediately start provided animation, default: `false`. Alternative: `<component_reference>.start_animation()` or shorter `.start_ani()`. */
 	export let aniauto: boolean = undefined
 
-	let ani: SvelthreeAnimation
-	$: if (animation && animationEnabled) ani = new SvelthreeAnimation(scene, scene, animation, aniauto)
+	/** (_internal_) reference to the `SvelthreeAni` instance */
+	let ani: SvelthreeAni
+	$: if (animation && animationEnabled) ani = new SvelthreeAni(scene, scene, animation, aniauto)
 
 	let currentSceneActive = undefined
 	$: currentSceneActive = $svelthreeStores[sti].scenes[scene.userData.index_in_scenes]?.isActive
@@ -849,12 +857,12 @@ svelthree uses svelte-accmod, where accessors are always `true`, regardless of `
 	export const get_instance = (): THREE_Scene => scene
 
 	/** Returns the `animation` object. */
-	export const get_animation = (): any => ani.getAnimation()
+	export const get_animation = (): SvelthreeAnimation => ani.getAnimation()
 	/** Same as `get_animation()` just shorter syntax. Returns the `animation` object. */
 	export const get_ani = get_animation
 
 	/** Starts the `animation` object. */
-	export const start_animation = (): void => ani.startAni()
+	export const start_animation = (): void => ani.startAnimation()
 	/** Same as `start_animation()` just shorter syntax. Starts the `animation` object. */
 	export const start_ani = start_animation
 
@@ -926,6 +934,7 @@ svelthree uses svelte-accmod, where accessors are always `true`, regardless of `
 
 	/** **Completely replace** `onMount` -> any `onMount_inject_before` & `onMount_inject_after` will be ignored.
 	 * _default verbosity will be gone!_ */
+	// eslint-disable-next-line @typescript-eslint/no-explicit-any
 	export let onMount_replace: (args?: any) => any = undefined
 
 	onMount(
@@ -949,14 +958,17 @@ svelthree uses svelte-accmod, where accessors are always `true`, regardless of `
 
 	/** **Inject** functionality **before** component's existing `onDestroy` logic.
 	 * _default verbosity not affected._ */
+	// eslint-disable-next-line @typescript-eslint/no-explicit-any
 	export let onDestroy_inject_before: (args?: any) => any = undefined
 
 	/** **Inject** functionality **after** component's existing `onDestroy` logic.
 	 * _default verbosity not affected._ */
+	// eslint-disable-next-line @typescript-eslint/no-explicit-any
 	export let onDestroy_inject_after: (args?: any) => any = undefined
 
 	/** **Completely replace** `onDestroy` -> any `onDestroy_inject_before` & `onDestroy_inject_after` will be ignored.
 	 * _default verbosity will be gone!_ */
+	// eslint-disable-next-line @typescript-eslint/no-explicit-any
 	export let onDestroy_replace: (args?: any) => any = undefined
 
 	onDestroy(
@@ -990,6 +1002,7 @@ svelthree uses svelte-accmod, where accessors are always `true`, regardless of `
 
 	/** **Completely replace** `beforeUpdate` -> any `beforeUpdate_inject_before` & `beforeUpdate_inject_after` will be ignored.
 	 * _default verbosity will be gone!_ */
+	// eslint-disable-next-line @typescript-eslint/no-explicit-any
 	export let beforeUpdate_replace: (args?: any) => any = undefined
 
 	beforeUpdate(
@@ -1013,14 +1026,17 @@ svelthree uses svelte-accmod, where accessors are always `true`, regardless of `
 
 	/** **Inject** functionality **before** component's existing `afterUpdate` logic.
 	 * _default verbosity not affected._ */
+	// eslint-disable-next-line @typescript-eslint/no-explicit-any
 	export let afterUpdate_inject_before: (args?: any) => any = undefined
 
 	/** **Inject** functionality **after** component's existing `afterUpdate` logic.
 	 * _default verbosity not affected._ */
+	// eslint-disable-next-line @typescript-eslint/no-explicit-any
 	export let afterUpdate_inject_after: (args?: any) => any = undefined
 
 	/** **Completely replace** `afterUpdate` -> any `afterUpdate_inject_before` & `afterUpdate_inject_after` will be ignored.
 	 * _default verbosity will be gone!_ */
+	// eslint-disable-next-line @typescript-eslint/no-explicit-any
 	export let afterUpdate_replace: (args?: any) => any = undefined
 
 	afterUpdate(
@@ -1080,7 +1096,7 @@ svelthree uses svelte-accmod, where accessors are always `true`, regardless of `
 		bind:this={interaction_comp}
 		{shadow_dom_el}
 		{modifiers}
-		{dispatch}
+		{dispatch_interaction}
 		obj={scene}
 		parent={self}
 		{interactionEnabled}
diff --git a/src/lib/components/SpotLight.svelte b/src/lib/components/SpotLight.svelte
index b9e2dff..398f507 100644
--- a/src/lib/components/SpotLight.svelte
+++ b/src/lib/components/SpotLight.svelte
@@ -10,7 +10,7 @@ svelthree uses svelte-accmod, where accessors are always `true`, regardless of `
 [ tbd ]  Link to Docs.
 -->
 <script lang="ts">
-	import type { Scene as THREE_Scene } from "three"
+	import type { Scene } from "three"
 
 	import { beforeUpdate, onMount, afterUpdate, onDestroy, getContext, setContext } from "svelte"
 	import { get_current_component } from "svelte/internal"
@@ -22,24 +22,22 @@ svelthree uses svelte-accmod, where accessors are always `true`, regardless of `
 	import { remove_instance, recreate_shadow_dom_el, set_initial_userdata, find_in_canvas } from "../logic/shared"
 
 	import type { Matrix4, Vector3 } from "three"
+	import type { Targetable } from "../types/types-extra"
 
 	import { svelthreeStores } from "svelthree/stores"
 	import { PropUtils, SvelthreeProps } from "../utils"
 
-	import { SvelthreeAnimation } from "../ani"
-	import type { SvelthreeAnimationFunction } from "../types/types-extra"
+	import { SvelthreeAni } from "../ani"
+	import type { SvelthreeAnimationFunction, SvelthreeAnimation } from "../types/types-extra"
 
 	import SvelthreeLightWithShadow from "../components-internal/SvelthreeLightWithShadow.svelte"
-	import type { LightShadowCamProps, LightShadowProps } from "../types/types-extra"
 
-	import type { Targetable } from "../types/types-extra"
 	import { LightTarget } from "../utils"
-	import { Object3D as THREE_Object3D } from "three"
+	import { Object3D } from "three"
 
 	import { SpotLight as THREE_SpotLight } from "three"
 	import { SpotLightHelper } from "three"
-	import type { SpotLightProperties } from "../types/types-comp-props"
-	import type { SpotLightShadow } from "three"
+	import type { PropsSpotLight, PropsSpotLightShadow, PropsPerspectiveCamera } from "../types/types-comp-props"
 	import type { Color } from "three"
 	import type { RemoveFirst } from "../types/types-extra"
 	import { get_root_scene } from "../utils/SceneUtils"
@@ -47,12 +45,12 @@ svelthree uses svelte-accmod, where accessors are always `true`, regardless of `
 	/**
 	 *  SVELTEKIT  SSR /
 	 * `browser` is needed for the SvelteKit setup (SSR / CSR / SPA).
-	 * For non-SSR output in RollUp only and Vite only setups (CSR / SPA) we're just mimicing `$app/env` where `browser = true`,
-	 * -> TS fix: `$app/env` mapped to `src/$app/env` via svelthree's `tsconfig.json`'s `path` property.
-	 * -> RollUp only setup: replace `$app/env` with `../$app/env`
+	 * For non-SSR output in RollUp only and Vite only setups (CSR / SPA) we're just mimicing `$app/environment` where `browser = true`,
+	 * -> TS fix: `$app/environment` mapped to `src/$app/environment` via svelthree's `tsconfig.json`'s `path` property.
+	 * -> RollUp only setup: replace `$app/environment` with `../$app/environment`
 	 * The import below will work out-of-the-box in a SvelteKit setup.
 	 */
-	import { browser } from "$app/env"
+	import { browser } from "$app/environment"
 
 	const self = get_current_component()
 	const c_name = get_comp_name(self)
@@ -67,7 +65,7 @@ svelthree uses svelte-accmod, where accessors are always `true`, regardless of `
 	export let log_lc: { [P in keyof LogLC]: LogLC[P] } = log_all ? { all: true } : undefined
 	export let log_mau: boolean = log_all
 
-	let scene: THREE_Scene = getContext("scene")
+	let scene: Scene = getContext("scene")
 	const sti: number = getContext("store_index")
 
 	/** [ **feature**: allow providing (_injection_) of (_already created_) threejs object instances ].
@@ -77,7 +75,7 @@ svelthree uses svelte-accmod, where accessors are always `true`, regardless of `
 	let create = false
 
 	/** The (three) instance that was shared to this component as it's 'parent' which can be either another instance / object or a scene / root scene. */
-	let our_parent: THREE_Object3D = undefined
+	let our_parent: Object3D = undefined
 
 	/** Shadow DOM element generated by our parent scene / root scene. Used as fallback if this component has no non-`Scene` component as parent. */
 	let scene_shadow_dom_el: SvelthreeShadowDOMElement = getContext("scene_shadow_dom_el")
@@ -235,7 +233,7 @@ svelthree uses svelte-accmod, where accessors are always `true`, regardless of `
 	function handle_instance_change(): void {
 		if ((light_uuid && light.uuid !== light_uuid) || !light_uuid) {
 			const uuid_to_remove: string = light_uuid || light.uuid
-			const old_instance: THREE_Object3D = find_in_canvas($svelthreeStores[sti].scenes, uuid_to_remove)
+			const old_instance: Object3D = find_in_canvas($svelthreeStores[sti].scenes, uuid_to_remove)
 
 			remove_instance(old_instance, "light", light, self)
 
@@ -311,7 +309,7 @@ svelthree uses svelte-accmod, where accessors are always `true`, regardless of `
 					light.target.parent.remove(light.target)
 				}
 				// recreate / reset target
-				light.target = new THREE_Object3D()
+				light.target = new Object3D()
 			}
 		}
 	}
@@ -332,8 +330,8 @@ svelthree uses svelte-accmod, where accessors are always `true`, regardless of `
 	let sProps: SvelthreeProps
 
 	// IMPORTANT  `props` will be overridden by 'shorthand' attributes!
-	/** **shorthand** attribute for setting properties using key-value pairs in an `Object`. */
-	export let props: { [P in keyof SpotLightProperties]: SpotLightProperties[P] } = undefined
+	/** **shorthand** attribute for setting properties of the created / injected three.js instance via an `Object Literal`. */
+	export let props: PropsSpotLight = undefined
 
 	$: if (!sProps && light && props) sProps = new SvelthreeProps(light)
 	$: if (props && sProps) update_props()
@@ -344,7 +342,7 @@ svelthree uses svelte-accmod, where accessors are always `true`, regardless of `
 
 	// IMPORTANT  following 'shorthand' attributes will override `props` attribute!
 
-	/** **shorthand** attribute for setting the `position` property. */
+	/** **shorthand** attribute for setting the `position` property of the created / injected three.js instance. */
 	export let pos: Vector3 | Parameters<Vector3["set"]> = undefined
 	$: !matrix && light && pos ? set_pos() : pos && light ? console.warn(w_sh.pos) : null
 	function set_pos() {
@@ -355,7 +353,7 @@ svelthree uses svelte-accmod, where accessors are always `true`, regardless of `
 	/** With components / objects having a `target` property like `SpotLight`, `lookAt` is used to specify a **point (coordinates) in world space** and cannot be set to an `Object3D`!
 	 * By setting `LookAt` to some value, you're basically moving the built-in 'blank' `Object3D` used as a point in space to look at.
 	 * ☝️ _In order to update the `SpotLightHelper` correctly, the `target: boolean` attribute needs to be set / set to `true` (**default**)!_ */
-	export let lookAt: Vector3 | Parameters<Vector3["set"]> | THREE_Object3D = undefined
+	export let lookAt: Vector3 | Parameters<Vector3["set"]> | Targetable = undefined
 	$: !matrix && light && lookAt ? set_lookat() : lookAt && light ? console.warn(w_sh.lookAt) : null
 	function set_lookat() {
 		if (verbose && log_rs) console.debug(...c_rs(c_name, "lookAt", lookAt))
@@ -414,7 +412,7 @@ svelthree uses svelte-accmod, where accessors are always `true`, regardless of `
 		light.power = power
 	}
 
-	export let color: Color | string | number | [r: number, g: number, b: number] | number[] | Vector3 = undefined
+	export let color: Color | string | number | [r: number, g: number, b: number] | Vector3 = undefined
 	$: if (light && color) set_color()
 	function set_color(): void {
 		if (verbose && log_rs) console.debug(...c_rs(c_name, "color", color))
@@ -435,14 +433,11 @@ svelthree uses svelte-accmod, where accessors are always `true`, regardless of `
 
 	export let castShadow: boolean = undefined
 
-	/** **shorthand** attribute for setting properties of `light.shadow` using key-value pairs in an `Object`. */
-	export let shadowProps: { [P in keyof LightShadowProps<SpotLightShadow>]: LightShadowProps<SpotLightShadow>[P] } =
-		undefined
+	/** **shorthand** attribute for setting properties of `light.shadow` via an `Object Literal`. */
+	export let shadowProps: PropsSpotLightShadow = undefined
 
-	/** **shorthand** attribute for setting properties of `light.shadow.camera` using key-value pairs in an `Object`. */
-	export let shadowCameraProps: {
-		[P in keyof LightShadowCamProps<typeof light.shadow.camera>]: LightShadowCamProps<typeof light.shadow.camera>[P]
-	} = undefined
+	/** **shorthand** attribute for setting properties of `light.shadow.camera` via an `Object Literal`. */
+	export let shadowCameraProps: PropsPerspectiveCamera = undefined
 
 	type HelperParams = ConstructorParameters<typeof SpotLightHelper>
 	export let helperParams: RemoveFirst<HelperParams> = undefined
@@ -477,15 +472,16 @@ svelthree uses svelte-accmod, where accessors are always `true`, regardless of `
 	/** Immediately start provided animation, default: `false`. Alternative: `<component_reference>.start_animation()` or shorter `.start_ani()`. */
 	export let aniauto: boolean = undefined
 
-	let ani: SvelthreeAnimation
-	$: if (animation && animationEnabled) ani = new SvelthreeAnimation(scene, light, animation, aniauto)
+	/** (_internal_) reference to the `SvelthreeAni` instance */
+	let ani: SvelthreeAni
+	$: if (animation && animationEnabled) ani = new SvelthreeAni(scene, light, animation, aniauto)
 
 	let currentSceneActive = undefined
 	$: currentSceneActive = $svelthreeStores[sti].scenes[scene.userData.index_in_scenes]?.isActive
 	$: if (ani && currentSceneActive !== undefined) ani.onCurrentSceneActiveChange(currentSceneActive)
 
 	/** The root scene -> `scene.parent = null`. */
-	let root_scene: THREE_Scene | null = undefined
+	let root_scene: Scene | null = undefined
 	let root_scene_obj = { value: undefined }
 
 	$: if (root_scene === undefined) {
@@ -514,12 +510,12 @@ svelthree uses svelte-accmod, where accessors are always `true`, regardless of `
 	export const get_instance = (): THREE_SpotLight => light
 
 	/** Returns the `animation` object. */
-	export const get_animation = (): any => ani.getAnimation()
+	export const get_animation = (): SvelthreeAnimation => ani.getAnimation()
 	/** Same as `get_animation()` just shorter syntax. Returns the `animation` object. */
 	export const get_ani = get_animation
 
 	/** Starts the `animation` object. */
-	export const start_animation = (): void => ani.startAni()
+	export const start_animation = (): void => ani.startAnimation()
 	/** Same as `start_animation()` just shorter syntax. Starts the `animation` object. */
 	export const start_ani = start_animation
 
@@ -587,6 +583,7 @@ svelthree uses svelte-accmod, where accessors are always `true`, regardless of `
 
 	/** **Completely replace** `onMount` -> any `onMount_inject_before` & `onMount_inject_after` will be ignored.
 	 * _default verbosity will be gone!_ */
+	// eslint-disable-next-line @typescript-eslint/no-explicit-any
 	export let onMount_replace: (args?: any) => any = undefined
 
 	onMount(
@@ -610,14 +607,17 @@ svelthree uses svelte-accmod, where accessors are always `true`, regardless of `
 
 	/** **Inject** functionality **before** component's existing `onDestroy` logic.
 	 * _default verbosity not affected._ */
+	// eslint-disable-next-line @typescript-eslint/no-explicit-any
 	export let onDestroy_inject_before: (args?: any) => any = undefined
 
 	/** **Inject** functionality **after** component's existing `onDestroy` logic.
 	 * _default verbosity not affected._ */
+	// eslint-disable-next-line @typescript-eslint/no-explicit-any
 	export let onDestroy_inject_after: (args?: any) => any = undefined
 
 	/** **Completely replace** `onDestroy` -> any `onDestroy_inject_before` & `onDestroy_inject_after` will be ignored.
 	 * _default verbosity will be gone!_ */
+	// eslint-disable-next-line @typescript-eslint/no-explicit-any
 	export let onDestroy_replace: (args?: any) => any = undefined
 
 	onDestroy(
@@ -653,6 +653,7 @@ svelthree uses svelte-accmod, where accessors are always `true`, regardless of `
 
 	/** **Completely replace** `beforeUpdate` -> any `beforeUpdate_inject_before` & `beforeUpdate_inject_after` will be ignored.
 	 * _default verbosity will be gone!_ */
+	// eslint-disable-next-line @typescript-eslint/no-explicit-any
 	export let beforeUpdate_replace: (args?: any) => any = undefined
 
 	beforeUpdate(
@@ -676,14 +677,17 @@ svelthree uses svelte-accmod, where accessors are always `true`, regardless of `
 
 	/** **Inject** functionality **before** component's existing `afterUpdate` logic.
 	 * _default verbosity not affected._ */
+	// eslint-disable-next-line @typescript-eslint/no-explicit-any
 	export let afterUpdate_inject_before: (args?: any) => any = undefined
 
 	/** **Inject** functionality **after** component's existing `afterUpdate` logic.
 	 * _default verbosity not affected._ */
+	// eslint-disable-next-line @typescript-eslint/no-explicit-any
 	export let afterUpdate_inject_after: (args?: any) => any = undefined
 
 	/** **Completely replace** `afterUpdate` -> any `afterUpdate_inject_before` & `afterUpdate_inject_after` will be ignored.
 	 * _default verbosity will be gone!_ */
+	// eslint-disable-next-line @typescript-eslint/no-explicit-any
 	export let afterUpdate_replace: (args?: any) => any = undefined
 
 	afterUpdate(
diff --git a/src/lib/components/WebGLRenderer.svelte b/src/lib/components/WebGLRenderer.svelte
index 7599739..04f8801 100644
--- a/src/lib/components/WebGLRenderer.svelte
+++ b/src/lib/components/WebGLRenderer.svelte
@@ -24,8 +24,12 @@ This is a **svelthree** _WebGLRenderer_ Component.
 	import type { Writable } from "svelte/store"
 	import type { default as Canvas } from "./Canvas.svelte"
 	import type { default as CubeCamera } from "./CubeCamera.svelte"
-	import type { WebGLRendererMode } from "../types/types-extra"
-	import type { WebGLRendererProperties } from "../types/types-comp-props"
+	import type {
+		WebGLRendererMode,
+		WebGLRendererComponentEventDispatcher,
+		WebGLRendererEventDetail
+	} from "../types/types-extra"
+	import type { PropsWebGLRenderer } from "../types/types-comp-props"
 
 	const self = get_current_component()
 	const c_name = get_comp_name(self)
@@ -38,17 +42,17 @@ This is a **svelthree** _WebGLRenderer_ Component.
 	export let log_rs: boolean = log_all
 	export let log_lc: { [P in keyof LogLC]: LogLC[P] } = log_all ? { all: true } : undefined
 
-	const dispatch: (type: string, detail?: any) => void = createEventDispatcher()
+	const dispatch = createEventDispatcher<WebGLRendererComponentEventDispatcher>()
 
 	/**
 	 *  SVELTEKIT  SSR /
 	 * `browser` is needed for the SvelteKit setup (SSR / CSR / SPA).
-	 * For non-SSR output in RollUp only and Vite only setups (CSR / SPA) we're just mimicing `$app/env` where `browser = true`,
-	 * -> TS fix: `$app/env` mapped to `src/$app/env` via svelthree's `tsconfig.json`'s `path` property.
-	 * -> RollUp only setup: replace `$app/env` with `../$app/env`
+	 * For non-SSR output in RollUp only and Vite only setups (CSR / SPA) we're just mimicing `$app/environment` where `browser = true`,
+	 * -> TS fix: `$app/environment` mapped to `src/$app/environment` via svelthree's `tsconfig.json`'s `path` property.
+	 * -> RollUp only setup: replace `$app/environment` with `../$app/environment`
 	 * The import below will work out-of-the-box in a SvelteKit setup.
 	 */
-	import { browser } from "$app/env"
+	import { browser } from "$app/environment"
 
 	/**
 	 * svelthreeStore index (`sti`) spread via context.  \
@@ -270,8 +274,8 @@ This is a **svelthree** _WebGLRenderer_ Component.
 	let sProps: SvelthreeProps
 
 	// IMPORTANT  `props` will be overridden by 'shorthand' attributes!
-	/** **shorthand** attribute for setting properties using key-value pairs in an `Object`. */
-	export let props: { [P in keyof WebGLRendererProperties]: WebGLRendererProperties[P] } = undefined
+	/** **shorthand** attribute for setting the `position` property of the created / injected three.js instance. */
+	export let props: { [P in keyof PropsWebGLRenderer]: PropsWebGLRenderer[P] } = undefined
 
 	$: if (!sProps && renderer && props) sProps = new SvelthreeProps(renderer)
 	$: if (props && sProps) update_props()
@@ -566,7 +570,7 @@ This is a **svelthree** _WebGLRenderer_ Component.
 	 * - Added as an alternative to calling `dispatch` directly in order to reduce anonnymous function calls count in the stack trace.
 	 * Every `dispatch(...)` call is creating a new custom event, calling `createEventDispatcher` alone shows two anonnymous functions in the stack trace.
 	 */
-	async function dispatch_render_event(event_name: string, detail: any = null): Promise<void> {
+	async function dispatch_render_event(event_name: string, detail: WebGLRendererEventDetail = null): Promise<void> {
 		detail ? dispatch(event_name, detail) : dispatch(event_name)
 	}
 
diff --git a/src/lib/constants/Interaction.ts b/src/lib/constants/Interaction.ts
index fbf40e9..21faf94 100644
--- a/src/lib/constants/Interaction.ts
+++ b/src/lib/constants/Interaction.ts
@@ -80,19 +80,21 @@ export type SvelthreeModifiersProp =
 			>
 	  }
 
+import type { SvelthreeInteractionEvent } from "../types/types-extra"
+
 export type SvelthreeGenericEventHandler =
-	| [handler: (e?: CustomEvent) => void, modifiers?: Array<SvelthreeSupportedModifier>]
-	| ((e?: CustomEvent) => void)
+	| [handler: (e: SvelthreeInteractionEvent) => void, modifiers?: Array<SvelthreeSupportedModifier>]
+	| ((e: SvelthreeInteractionEvent) => void)
 
 export type SvelthreePointerEventHandler = SvelthreeGenericEventHandler
 export type SvelthreeFocusEventHandler = SvelthreeGenericEventHandler
 export type SvelthreeKeyboardEventHandler =
 	| [
-			handler: (e?: CustomEvent) => void,
+			handler: (e: SvelthreeInteractionEvent) => void,
 			modifiers?: Array<SvelthreeSupportedModifier | SvelthreeKeyboardListenerTarget>
 	  ]
-	| ((e?: CustomEvent) => void)
+	| ((e: SvelthreeInteractionEvent) => void)
 
 export type SvelthreeWheelEventHandler =
-	| [handler: (e?: CustomEvent) => void, modifiers?: Array<SvelthreeSupportedModifier | SvelthreeWheelListenerTarget>]
-	| ((e?: CustomEvent) => void)
+	| [handler: (e: CustomEvent) => void, modifiers?: Array<SvelthreeSupportedModifier | SvelthreeWheelListenerTarget>]
+	| ((e: SvelthreeInteractionEvent) => void)
diff --git a/src/lib/index.ts b/src/lib/index.ts
index f727072..650167b 100644
--- a/src/lib/index.ts
+++ b/src/lib/index.ts
@@ -21,6 +21,7 @@ export { default as CubeCamera } from "./components/CubeCamera.svelte"
 // export all THREE modules
 export * from "three"
 
+// TODO  export as `THREE_*`?
 /** export all THREE modules 'Foo' overridden by Svelte components as '_Foo'
  * so users can for example import _Mesh from 'svelthree' and create a native THREE Mesh instance
  */
@@ -42,33 +43,48 @@ export { Scene as _Scene } from "three"
 export { OrbitControls as _OrbitControls } from "three/examples/jsm/controls/OrbitControls"
 export { WebGLRenderer as _WebGLRenderer } from "three"
 
-/*
-//types
-export type {
-  Mat
-} from "./types/types-extra"
+// generic type utilities
+export type { prop } from "./types/types-extra"
+export type { PropMat } from "./types/types-comp-props"
 
-//types
+// `props` Object Literal types
 export type {
-  Object3DProperties,
-  GroupProperties,
-  LoadedGLTFProperties,
-  SceneProperties,
-  WebGLRendererProperties,
-  MeshProperties,
-  PointsProperties,
-  CubeCameraProperties,
-  WebGLCubeRenderTargetProperties,
-  OrthographicCameraProperties,
-  PerspectiveCameraProperties,
-  HemisphereLightProperties,
-  AmbientLightProperties,
-  DirectionalLightProperties,
-  PointLightProperties,
-  RectAreaLightProperties,
-  SpotLightProperties,
-  OrbitControlsProperties,
-  ButtonProperties,
-  LinkProperties
+	PropsObject3D,
+	PropsGroup,
+	PropsLoadedGLTF,
+	PropsScene,
+	PropsWebGLRenderer,
+	PropsMesh,
+	PropsPoints,
+	PropsCubeCamera,
+	PropsWebGLCubeRenderTarget,
+	PropsOrthographicCamera,
+	PropsPerspectiveCamera,
+	PropsHemisphereLight,
+	PropsAmbientLight,
+	PropsDirectionalLight,
+	PropsPointLight,
+	PropsRectAreaLight,
+	PropsSpotLight,
+	PropsOrbitControls
 } from "./types/types-comp-props"
-*/
+
+// `foo` Object Literal types
+export type { PropLink, PropButton, PropWebGLRenderTargetOptions } from "./types/types-comp-props"
+
+// TODO  params
+
+// TODO  config
+
+// misc
+export type { Targetable, TargetableSvelthreeComponent } from "./types/types-extra"
+
+// Animation related
+export type { SvelthreeAnimationFunction, SvelthreeAnimation } from "./types/types-extra"
+
+// GLTF related
+export type {
+	SvelthreeGLTFTreeMap,
+	ISvelthreeGLTFTreeMapMember,
+	GLTFSupportedSvelthreeComponents
+} from "./types/types-extra"
diff --git a/src/lib/logic/if$/if$_instance_change.ts b/src/lib/logic/if$/if$_instance_change.ts
index 55aaf9b..6a2c793 100644
--- a/src/lib/logic/if$/if$_instance_change.ts
+++ b/src/lib/logic/if$/if$_instance_change.ts
@@ -2,18 +2,15 @@ import type { Object3D } from "three"
 
 export const if$_instance_change = (
 	inst: Object3D,
-	our_parent: any,
+	our_parent: Object3D,
 	inst_uuid: string,
-	create: boolean,
-	inst_name: string,
+	// TODO  Remove `create`
+	_create: boolean,
+	// TODO  Remove `inst_name`
+	_inst_name: string,
 	comp_name: string,
 	handler: () => void
 ): void => {
-	if (create || inst_name) {
-		// TODO  Remove `create` and `inst_name`
-		console.warn("TODO `create` and `inst_name` should be removed -> unused!")
-	}
-
 	// console.warn(`comp ${comp_name} > Something happened with the ${inst_name} instance!`)
 
 	if (our_parent) {
diff --git a/src/lib/logic/shared/remove.ts b/src/lib/logic/shared/remove.ts
index 30d1d3b..d5f00f2 100644
--- a/src/lib/logic/shared/remove.ts
+++ b/src/lib/logic/shared/remove.ts
@@ -1,4 +1,5 @@
 import type { Object3D } from "three"
+import type { AnySvelthreeComponent } from "../../types/types-extra"
 
 const remove_helper_of = (obj: Object3D): void => {
 	if (obj.userData.helper?.parent) {
@@ -28,9 +29,10 @@ const reset_userdata = (obj: Object3D): void => {
 const clear_new_instance_managing_component = (
 	new_instance: Object3D,
 	instance_name: string,
-	current_component: any
+	current_component: AnySvelthreeComponent
 ): void => {
-	const managed_by_component: any = new_instance?.userData?.svelthreeComponent || null
+	const managed_by_component: AnySvelthreeComponent | null =
+		(new_instance?.userData?.svelthreeComponent as AnySvelthreeComponent) || null
 	const same_component = managed_by_component === current_component
 	const same_instance = managed_by_component?.[instance_name] === new_instance
 
@@ -55,7 +57,7 @@ const remove_instance = (
 	obj: Object3D,
 	instance_name: string,
 	new_instance: Object3D = null,
-	current_component: any = null
+	current_component: AnySvelthreeComponent | null = null
 ): boolean => {
 	if (obj) {
 		remove_box_of(obj)
diff --git a/src/lib/logic/shared/shadow_dom.ts b/src/lib/logic/shared/shadow_dom.ts
index 5caaef1..ff30964 100644
--- a/src/lib/logic/shared/shadow_dom.ts
+++ b/src/lib/logic/shared/shadow_dom.ts
@@ -1,11 +1,11 @@
 import type { SvelthreeShadowDOMElement } from "../../types/types-extra"
-import type { ButtonProperties, LinkProperties } from "../../types/types-comp-props"
+import type { PropButton, PropLink } from "../../types/types-comp-props"
 
 const recreate_shadow_dom_el = (
 	shadow_dom_el: SvelthreeShadowDOMElement | undefined,
 	our_parent_shadow_dom_el: SvelthreeShadowDOMElement,
-	button: ButtonProperties | null,
-	link: LinkProperties | null,
+	button: PropButton | null,
+	link: PropLink | null,
 	c_name: string
 ): SvelthreeShadowDOMElement | null => {
 	if (shadow_dom_el) remove_shadow_dom_el(shadow_dom_el)
@@ -18,8 +18,8 @@ const remove_shadow_dom_el = (shadow_dom_el: SvelthreeShadowDOMElement): void =>
 
 const create_shadow_dom_el = (
 	our_parent_shadow_dom_el: SvelthreeShadowDOMElement,
-	button: ButtonProperties | null,
-	link: LinkProperties | null,
+	button: PropButton | null,
+	link: PropLink | null,
 	c_name: string
 ): SvelthreeShadowDOMElement | null => {
 	let shadow_dom_el: SvelthreeShadowDOMElement
diff --git a/src/lib/logic/shared/userdata.ts b/src/lib/logic/shared/userdata.ts
index 1d07418..0bc7f2c 100644
--- a/src/lib/logic/shared/userdata.ts
+++ b/src/lib/logic/shared/userdata.ts
@@ -1,6 +1,7 @@
 import type { Object3D } from "three"
+import type { AnySvelthreeComponent } from "../../types/types-extra"
 
-const set_initial_userdata = (instance: Object3D, comp: any) => {
+const set_initial_userdata = (instance: Object3D, comp: AnySvelthreeComponent) => {
 	instance.userData.initScale = instance.scale.x
 	instance.userData.svelthreeComponent = comp
 	instance.userData.interact = false
diff --git a/src/lib/types/types-comp-props.ts b/src/lib/types/types-comp-props.ts
index 3c54702..3fefab8 100644
--- a/src/lib/types/types-comp-props.ts
+++ b/src/lib/types/types-comp-props.ts
@@ -1,206 +1,299 @@
 import type {
-	OnlyWritableNonFunctionProps,
-	OnlyWritableNonFunctionPropsOverwritten,
-	PropBlackList
+	MeshAssignableMaterial,
+	PointsAssignableMaterial,
+	get_props_overwritten,
+	get_props,
+	lookAt_value,
+	color_value,
+	background_value,
+	pos_value,
+	scale_value,
+	rot_value,
+	quat_value,
+	matrix_value,
+	up_value,
+	mapsize_value
 } from "./types-extra"
 
-import type { Object3D, Color, Quaternion, Vector3, Euler, Matrix4 } from "three"
-import type { WebGLRenderer } from "three"
-import type { Scene, Texture } from "three"
-import type { Mesh, Points } from "three"
-import type { AmbientLight, DirectionalLight, HemisphereLight, PointLight, RectAreaLight, SpotLight } from "three"
-import type { CubeCamera, WebGLCubeRenderTarget } from "three"
-import type { OrthographicCamera, PerspectiveCamera } from "three"
+import type {
+	Object3D,
+	Mesh,
+	Points,
+	WebGLRenderer,
+	Scene,
+	AmbientLight,
+	DirectionalLight,
+	HemisphereLight,
+	PointLight,
+	RectAreaLight,
+	SpotLight,
+	OrthographicCamera,
+	PerspectiveCamera,
+	CubeCamera,
+	WebGLCubeRenderTarget,
+	WebGLRenderTargetOptions
+} from "three"
 import type { OrbitControls } from "three/examples/jsm/controls/OrbitControls.js"
 
-// TODO  GENERAL check / polish / fix usage of `OnlyWritableNonFunctionPropsPlus` vs. `OnlyWritableNonFunctionPropsOverwritten`
 // TODO  At some point we sould type the `userData` interface! -> see https://github.com/vatro/svelthree/issues/95
 
-// --- EMPTY ---
+type MeshLikeOnlyKeys = "customDepthMaterial" | "customDistanceMaterial"
+
+// --- Object3D ---
 
-//export type Object3DProperties = OnlyWritableNonFunctionPropsPlus<
-export type Object3DProperties = OnlyWritableNonFunctionPropsOverwritten<
-	Omit<Object3D, PropBlackList>,
+type WritableObject3DProperties = get_props_overwritten<
+	Object3D,
 	{
-		position: Vector3 | Parameters<Vector3["set"]>
-		scale: Vector3 | Parameters<Vector3["set"]>
-		rotation:
-			| Euler
-			| Parameters<Euler["set"]>
-			| Quaternion
-			| Parameters<Quaternion["set"]>
-			| Vector3
-			| Parameters<Vector3["set"]>
-		quaternion: Quaternion | Parameters<Quaternion["set"]>
-		matrix: Matrix4 | Parameters<Matrix4["set"]>
-		up: Vector3 | Parameters<Vector3["set"]>
+		position: pos_value
+		scale: scale_value
+		rotation: rot_value
+		quaternion: quat_value
+		matrix: matrix_value
+		up: up_value
 	}
 >
 
+export type PropsObject3D = { [P in keyof WritableObject3DProperties]: WritableObject3DProperties[P] }
+
 // intellisense test
-//const obj3d_props: Object3DProperties = {}
+//const obj3d_props: PropsObject3D = {}
 
-export type GroupProperties = Object3DProperties
-export type LoadedGLTFProperties = Object3DProperties
+export type PropsGroup = PropsObject3D
+export type PropsLoadedGLTF = PropsObject3D
 
 // -- SCENE --
 
-export type SceneProperties = OnlyWritableNonFunctionPropsOverwritten<
-	Omit<Scene, PropBlackList>,
+type WritableSceneProperties = get_props_overwritten<
+	Scene,
 	{
-		background?: Texture | Color | string | number | [r: number, g: number, b: number] | number[] | Vector3
-	} & { [P in keyof Object3DProperties]: Object3DProperties[P] }
+		background?: background_value
+	} & { [P in keyof PropsObject3D]: PropsObject3D[P] }
 >
+export type PropsScene = { [P in keyof WritableSceneProperties]: WritableSceneProperties[P] }
 
 // intellisense test
-//const scene_props: SceneProperties = {}
+//const scene_props: PropsScene = {}
 
 // TODO  check / polish
-export type WebGLRendererProperties = OnlyWritableNonFunctionProps<Omit<WebGLRenderer, PropBlackList>>
+type WritableWebGLRendererProperties = get_props<WebGLRenderer>
+export type PropsWebGLRenderer = { [P in keyof WritableWebGLRendererProperties]: WritableWebGLRendererProperties[P] }
+
+// intellisense test
+//const weggl_renderer_props: PropsWebGLRenderer = {}
 
 // --- MESH ---
 
-export type MeshProperties = OnlyWritableNonFunctionPropsOverwritten<
-	Omit<Mesh, PropBlackList>,
-	{ [P in keyof Object3DProperties]: Object3DProperties[P] }
->
+type WritableMeshProperties = get_props_overwritten<Mesh, { [P in keyof PropsObject3D]: PropsObject3D[P] }>
+export type PropsMesh = { [P in keyof WritableMeshProperties]: WritableMeshProperties[P] }
 
 // intellisense test
-//const mesh_props: MeshProperties = {}
+//const mesh_props: PropsMesh = {}
 
 // --- POINTS ---
 
-export type PointsProperties = OnlyWritableNonFunctionPropsOverwritten<
-	Omit<Points, PropBlackList>,
-	{ [P in keyof Object3DProperties]: Object3DProperties[P] }
->
+type WritablePointsProperties = get_props_overwritten<Points, { [P in keyof PropsObject3D]: PropsObject3D[P] }>
+export type PropsPoints = { [P in keyof WritablePointsProperties]: WritablePointsProperties[P] }
 
 // intellisense test
-//const points_props: PointsProperties = {}
+//const points_props: PropsPoints = {}
 
 // --- CAMERAS ---
 
-export type CubeCameraProperties = OnlyWritableNonFunctionPropsOverwritten<
-	Omit<CubeCamera, PropBlackList>,
-	{ [P in keyof Object3DProperties]: Object3DProperties[P] }
->
+type WritableCubeCameraProperties = get_props_overwritten<CubeCamera, { [P in keyof PropsObject3D]: PropsObject3D[P] }>
+export type PropsCubeCamera = { [P in keyof WritableCubeCameraProperties]: WritableCubeCameraProperties[P] }
 
 // intellisense test
-//const cubecam_props: CubeCameraProperties = {}
+//const cubecam_props: PropsCubeCamera = {}
 
-export type WebGLCubeRenderTargetProperties = OnlyWritableNonFunctionProps<Omit<WebGLCubeRenderTarget, PropBlackList>>
+type WritableWebGLCubeRenderTargetProperties = get_props<WebGLCubeRenderTarget>
+export type PropsWebGLCubeRenderTarget = {
+	[P in keyof WritableWebGLCubeRenderTargetProperties]: WritableWebGLCubeRenderTargetProperties[P]
+}
 
 // intellisense test
-//const cubecam_rendertarget_props: WebGLCubeRenderTargetProperties = {}
+//const cubecam_rendertarget_props: PropsWebGLCubeRenderTarget = {}
 
-export type OrthographicCameraProperties = OnlyWritableNonFunctionPropsOverwritten<
-	Omit<OrthographicCamera, PropBlackList>,
-	{ [P in keyof Object3DProperties]: Object3DProperties[P] }
->
+type WritableOrthographicCameraProperties = get_props_overwritten<OrthographicCamera, { [P in keyof PropsObject3D]: PropsObject3D[P] }>
+export type PropsOrthographicCamera = {
+	[P in keyof WritableOrthographicCameraProperties]: WritableOrthographicCameraProperties[P]
+}
 
 // intellisense test
-//const orthocam_props: OrthographicCameraProperties = {}
+//const orthocam_props: PropsOrthographicCamera = {}
 
-export type PerspectiveCameraProperties = OnlyWritableNonFunctionPropsOverwritten<
-	Omit<PerspectiveCamera, PropBlackList>,
+type WritablePerspectiveCameraProperties = get_props_overwritten<
+	PerspectiveCamera,
 	{
-		lookAt: Vector3 | Parameters<Vector3["set"]> | Object3D
-	} & { [P in keyof Object3DProperties]: Object3DProperties[P] }
+		lookAt: lookAt_value
+	} & { [P in keyof PropsObject3D]: PropsObject3D[P] }
 >
+export type PropsPerspectiveCamera = {
+	[P in keyof WritablePerspectiveCameraProperties]: WritablePerspectiveCameraProperties[P]
+}
 
 // intellisense test
-//const perspcam_props: PerspectiveCameraProperties = {}
+//const perspcam_props: PropsPerspectiveCamera = {}
 
 // --- LIGHTS ---
 
-export type HemisphereLightProperties = OnlyWritableNonFunctionPropsOverwritten<
-	Omit<HemisphereLight, PropBlackList>,
+type ObsoleteLightHasNoShadowKeys = MeshLikeOnlyKeys | "castShadow" | "receiveShadow" | "shadow"
+type ObsoleteLightHasShadowKeys = MeshLikeOnlyKeys | "receiveShadow"
+// EXCLUDED  THREE :Lights with `target` property use the target for rotation calculation!
+type ObsoleteLightHasShadowAndTargetKeys = ObsoleteLightHasShadowKeys | "rotation" | "quaternion"
+
+type WritableHemisphereLightProperties = get_props_overwritten<
+	HemisphereLight,
 	{
-		color: Color | string | number | [r: number, g: number, b: number] | Vector3
-		groundColor: Color | string | number | [r: number, g: number, b: number] | Vector3
-	} & { [P in keyof Object3DProperties]: Object3DProperties[P] }
+		color: color_value
+		groundColor: color_value
+	} & { [P in keyof PropsObject3D]: PropsObject3D[P] }
 >
+type PropsHemisphereLightClean = Omit<WritableHemisphereLightProperties, ObsoleteLightHasNoShadowKeys>
+export type PropsHemisphereLight = { [P in keyof PropsHemisphereLightClean]: PropsHemisphereLightClean[P] }
 
 // intellisense test
-//const hemisphere_light_props: HemisphereLightProperties = {}
+//const hemisphere_light_props: PropsHemisphereLight = {}
 
-export type AmbientLightProperties = OnlyWritableNonFunctionPropsOverwritten<
-	Omit<AmbientLight, PropBlackList>,
+type WritableAmbientLightProperties = get_props_overwritten<
+	AmbientLight,
 	{
-		color: Color | string | number | [r: number, g: number, b: number] | Vector3
-	} & { [P in keyof Object3DProperties]: Object3DProperties[P] }
+		color: color_value
+	} & { [P in keyof PropsObject3D]: PropsObject3D[P] }
 >
+type PropsAmbientLightClean = Omit<WritableAmbientLightProperties, ObsoleteLightHasNoShadowKeys>
+export type PropsAmbientLight = { [P in keyof PropsAmbientLightClean]: PropsAmbientLightClean[P] }
 
 // intellisense test
-//const ambient_light_props: AmbientLightProperties = {}
-
-// EXCLUDED  THREE :Lights with `target` property use the target for rotation calculation!
-type LightWithTargetObject3DProperties = Omit<Object3DProperties, "rotation" | "quaternion">
+//const ambient_light_props: PropsAmbientLight = {}
 
 // TODO  Nail down manipulating matrix.
-export type DirectionalLightProperties = OnlyWritableNonFunctionPropsOverwritten<
-	Omit<DirectionalLight, PropBlackList>,
+type WritableDirectionalLightProperties = get_props_overwritten<
+	DirectionalLight,
 	{
-		color: Color | string | number | [r: number, g: number, b: number] | Vector3
-		// CUSTOM  actually no `lookAt` on DirectionalLight, we're using custom solution!
-		lookAt: Vector3 | Parameters<Vector3["set"]> | Object3D
-	} & { [P in keyof LightWithTargetObject3DProperties]: LightWithTargetObject3DProperties[P] }
+		color: color_value
+		/** CUSTOM  there's actually no `lookAt` property on THREE.DirectionalLight, `svelthree` is using a custom solution! */
+		lookAt: lookAt_value
+	} & { [P in keyof PropsObject3D]: PropsObject3D[P] }
 >
+type PropsDirectionalLightClean = Omit<WritableDirectionalLightProperties, ObsoleteLightHasShadowAndTargetKeys>
+export type PropsDirectionalLight = { [P in keyof PropsDirectionalLightClean]: PropsDirectionalLightClean[P] }
 
 // intellisense test
-//const directional_light_props: DirectionalLightProperties = {}
+//const directional_light_props: PropsDirectionalLight = {}
 
-export type PointLightProperties = OnlyWritableNonFunctionPropsOverwritten<
-	Omit<PointLight, PropBlackList>,
-	{ [P in keyof Object3DProperties]: Object3DProperties[P] }
+type WritablePointLightProperties = get_props_overwritten<
+	PointLight,
+	{
+		color: color_value
+	} & { [P in keyof PropsObject3D]: PropsObject3D[P] }
 >
+type PropsPointLightClean = Omit<WritablePointLightProperties, ObsoleteLightHasShadowKeys>
+export type PropsPointLight = { [P in keyof PropsPointLightClean]: PropsPointLightClean[P] }
 
 // intellisense test
-//const point_light_props: PointLightProperties = {}
+//const point_light_props: PropsPointLight = {}
 
 // TODO  Nail down manipulating matrix.
 // TODO  Nail down lookAt usage!
-export type RectAreaLightProperties = OnlyWritableNonFunctionPropsOverwritten<
-	Omit<RectAreaLight, PropBlackList>,
+type WritableRectAreaLightProperties = get_props_overwritten<
+	RectAreaLight,
 	{
-		color: Color | string | number | [r: number, g: number, b: number] | Vector3
-		// CUSTOM  actually no `lookAt` on RectAreaLight, we're using custom solution!
-		lookAt: Vector3 | Parameters<Vector3["set"]> | Object3D
-	} & { [P in keyof LightWithTargetObject3DProperties]: LightWithTargetObject3DProperties[P] }
+		color: color_value
+		/** CUSTOM  there's actually no `lookAt` property on THREE.RectAreaLight, `svelthree` isexport let props using a custom solution! */
+		lookAt: lookAt_value
+	} & { [P in keyof PropsObject3D]: PropsObject3D[P] }
 >
+/**
+ * Important Notes:
+ * - There is no shadow support.
+ * - Only `MeshStandardMaterial` and `MeshPhysicalMaterial` are supported.
+ */
+type PropsRectAreaLightClean = Omit<WritableRectAreaLightProperties, ObsoleteLightHasNoShadowKeys>
+export type PropsRectAreaLight = { [P in keyof PropsRectAreaLightClean]: PropsRectAreaLightClean[P] }
 
 // intellisense test
-//const rectarea_light_props: RectAreaLightProperties = {}
+//const rectarea_light_props: PropsRectAreaLight = {}
 
 // TODO  Nail down manipulating matrix.
-export type SpotLightProperties = OnlyWritableNonFunctionPropsOverwritten<
-	Omit<SpotLight, PropBlackList>,
+type WritableSpotLightProperties = get_props_overwritten<
+	SpotLight,
 	{
-		color: Color | string | number | [r: number, g: number, b: number] | Vector3
-		// CUSTOM  actually no `lookAt` on SpotLight, we're using custom solution!
-		lookAt: Vector3 | Parameters<Vector3["set"]> | Object3D
-	} & { [P in keyof LightWithTargetObject3DProperties]: LightWithTargetObject3DProperties[P] }
+		color: color_value
+		/** CUSTOM  there's actually no `lookAt` property on THREE.SpotLight, `svelthree` is using a custom solution! */
+		lookAt: lookAt_value
+	} & { [P in keyof PropsObject3D]: PropsObject3D[P] }
 >
+type PropsSpotLightClean = Omit<WritableSpotLightProperties, ObsoleteLightHasShadowAndTargetKeys>
+export type PropsSpotLight = { [P in keyof PropsSpotLightClean]: PropsSpotLightClean[P] }
 
 // intellisense test
-//const spot_light_props: SpotLightProperties = {}
+//const spot_light_props: PropsSpotLight = {}
 
 // TODO  extensively test `OrbitControls` `props` atrribute usage.
-export type OrbitControlsProperties = OnlyWritableNonFunctionProps<Omit<OrbitControls, PropBlackList>>
+type WritableOrbitControlsProperties = get_props<OrbitControls>
+type OrbitControlsClean = Omit<WritableOrbitControlsProperties, MeshLikeOnlyKeys>
+export type PropsOrbitControls = { [P in keyof OrbitControlsClean]: OrbitControlsClean[P] }
 
 // intellisense test
-//const orbitcontrols_props: OrbitControlsProperties = {}
+//const orbitcontrols_props: PropsOrbitControls = {}
 
-export type ButtonProperties = {
-	[P in keyof OnlyWritableNonFunctionProps<HTMLButtonElement>]: OnlyWritableNonFunctionProps<HTMLButtonElement>[P]
-}
+type WritableMaterialProps<T> = T extends void ? never : get_props_overwritten<T, { color: color_value }>
+export type PropMat<T extends MeshAssignableMaterial | PointsAssignableMaterial> = { [P in keyof WritableMaterialProps<T>]: WritableMaterialProps<T>[P] }
+
+type WritableButtonProperties = get_props<HTMLButtonElement>
+export type PropButton = { [P in keyof WritableButtonProperties]: WritableButtonProperties[P] }
 
 // intellisense test
-//const button_prop: ButtonProperties = {}
+//const button_prop: PropButton = {}
 
-export type LinkProperties = {
-	[P in keyof OnlyWritableNonFunctionProps<HTMLAnchorElement>]: OnlyWritableNonFunctionProps<HTMLAnchorElement>[P]
-}
+type WritableLinkProperties = get_props<HTMLAnchorElement>
+export type PropLink = { [P in keyof WritableLinkProperties]: WritableLinkProperties[P] }
+
+// intellisense test
+//const link_prop: PropLink = {}
+
+type WritableWebGLRenderTargetOptions = get_props<WebGLRenderTargetOptions>
+export type PropWebGLRenderTargetOptions = { [P in keyof WritableWebGLRenderTargetOptions]: WritableWebGLRenderTargetOptions[P] }
+
+// intellisense test
+//const webglrendertarget_opt: PropWebGLRenderTargetOptions = {}
+
+type WritableShadowProperties<T> = get_props_overwritten<T, { mapSize: mapsize_value }>
+type PropsShadow<T> = { [P in keyof WritableShadowProperties<T>]: WritableShadowProperties<T>[P] }
+
+export type PropsDirectionalLightShadow = PropsShadow<THREE.DirectionalLightShadow>
+export type PropsPointLightShadow = PropsShadow<THREE.PointLightShadow>
+export type PropsSpotLightShadow = PropsShadow<THREE.SpotLightShadow>
 
 // intellisense test
-//const link_prop: ButtonProperties = {}
+//const shadow_direct_props: PropsDirectionalLightShadow = {}
+//const shadow_point_props: PropsPointLightShadow = {}
+//const shadow_spot_props: PropsSpotLightShadow = {}
+
+type PropsSvelthree =
+	| PropButton
+	| PropLink
+	| PropWebGLRenderTargetOptions
+	| PropsAmbientLight
+	| PropsCubeCamera
+	| PropsDirectionalLight
+	| PropsDirectionalLightShadow
+	| PropsGroup
+	| PropsHemisphereLight
+	| PropsLoadedGLTF
+	| PropsMesh
+	| PropsObject3D
+	| PropsOrbitControls
+	| PropsOrthographicCamera
+	| PropsPerspectiveCamera
+	| PropsPointLight
+	| PropsPointLightShadow
+	| PropsPoints
+	| PropsRectAreaLight
+	| PropsScene
+	| PropsSpotLight
+	| PropsSpotLightShadow
+	| PropsWebGLCubeRenderTarget
+	| PropsWebGLRenderer
+
+export type SvelthreePropsObjectLiteral = PropsSvelthree | PropMat<MeshAssignableMaterial> | PropMat<PointsAssignableMaterial>
diff --git a/src/lib/types/types-extra.ts b/src/lib/types/types-extra.ts
index b3f417c..d99efff 100644
--- a/src/lib/types/types-extra.ts
+++ b/src/lib/types/types-extra.ts
@@ -1,74 +1,60 @@
-export type Constructor<T = object> = {
-	new (...args: any[]): T
-	prototype: T
-}
-
-export type Array3 = [number, number, number]
-export type Array4 = [number, number, number, string]
-
-// see https://stackoverflow.com/questions/49579094/typescript-conditional-types-filter-out-readonly-properties-pick-only-requir
-export type IfEquals<X, Y, A = X, B = never> = (<T>() => T extends X ? 1 : 2) extends <T>() => T extends Y ? 1 : 2
-	? A
-	: B
-
-export type WritableKeys<T> = {
-	[P in keyof T]-?: IfEquals<{ [Q in P]: T[P] }, { -readonly [Q in P]: T[P] }, P>
-}[keyof T]
-
-export type ReadonlyKeys<T> = {
-	[P in keyof T]-?: IfEquals<{ [Q in P]: T[P] }, { -readonly [Q in P]: T[P] }, never, P>
-}[keyof T]
-
-/** this returns only NON function keys */
-// eslint-disable-next-line @typescript-eslint/ban-types
-export type OnlyNonFunctionKeys<T> = { [K in keyof T]: T[K] extends Function ? never : K }[keyof T]
-
-/** this returns  only function keys */
-// eslint-disable-next-line @typescript-eslint/ban-types
-export type OnlyFunctionKeys<T> = { [K in keyof T]: T[K] extends Function ? K : never }[keyof T]
-
-// this returns as expected only function props
-export type OnlyFunctionProps<T> = Omit<T, OnlyNonFunctionKeys<T>>
-
-// this returns as expected only NON function props
-export type OnlyNonFunctionProps<T> = Omit<T, OnlyFunctionKeys<T>>
-
-export type Overwrite<T, U> = Pick<OnlyNonFunctionProps<T>, Exclude<keyof OnlyNonFunctionProps<T>, keyof U>> & U
-export type Overwrite2<T, U> = Pick<OnlyNonFunctionProps<T>, Exclude<keyof OnlyNonFunctionProps<T>, keyof U>> & U
-
-export type ExposedProps<T, E extends keyof OnlyNonFunctionProps<T>> = Pick<OnlyNonFunctionProps<T>, E>
-
-export type OnlyExposedPropsOverwritten<T, U extends keyof OnlyNonFunctionProps<T>, V> = Partial<
-	Overwrite<ExposedProps<T, U>, V>
+type OnlyWritableNonFunctionPropsOverwritten<T, V> = Partial<
+	Omit<
+		Pick<
+			T,
+			{
+				[P in keyof T]-?: (<U>() => U extends { [Q in P]: T[P] } ? 1 : 2) extends <U>() => U extends {
+					-readonly [Q in P]: T[P]
+				}
+					? 1
+					: 2
+					? // eslint-disable-next-line @typescript-eslint/ban-types
+					  T[P] extends Function
+						? never
+						: P
+					: never
+			}[keyof T]
+		>,
+		PropBlackList | keyof V
+	> &
+		V & { readonly $T?: T }
 >
-export type OnlyExposedProps<T, E extends keyof OnlyNonFunctionProps<T>> = Partial<Pick<OnlyNonFunctionProps<T>, E>>
 
-export type OnlyNonFunctionPropsOverwritten<T, U> = Partial<Overwrite<OnlyNonFunctionProps<T>, U>>
+export type get_props_overwritten<T, V> = OnlyWritableNonFunctionPropsOverwritten<T, V>
+
+type OnlyWritableNonFunctionProps<T> = Partial<
+	Omit<
+		Pick<
+			T,
+			{
+				[P in keyof T]-?: (<U>() => U extends { [Q in P]: T[P] } ? 1 : 2) extends <U>() => U extends {
+					-readonly [Q in P]: T[P]
+				}
+					? 1
+					: 2
+					? // eslint-disable-next-line @typescript-eslint/ban-types
+					  T[P] extends Function
+						? never
+						: P
+					: never
+			}[keyof T]
+		>,
+		PropBlackList
+	> & { readonly $T?: T }
+>
 
-export type OnlyWritableNonFunctionKeys<T> = WritableKeys<OnlyNonFunctionProps<T>>
-export type OnlyWritableNonFunctionProps<T> = Partial<Pick<T, OnlyWritableNonFunctionKeys<T>>>
-export type OnlyWritableNonFunctionPropsPlus<T, U> = Partial<Pick<T, OnlyWritableNonFunctionKeys<T>> & U>
-export type OnlyWritableNonFunctionPropsOverwritten<T, U> = Partial<Overwrite<OnlyWritableNonFunctionProps<T>, U>>
+export type get_props<T> = OnlyWritableNonFunctionProps<T>
 
 export type RemoveFirst<T extends unknown[]> = T extends [unknown, ...infer R] ? R : T
 export type RemoveLast<T extends unknown[]> = T extends [...infer H, unknown] ? H : T
 
-// Get props of a generic `Material`
-
-type AnyMaterialProps<T> = OnlyWritableNonFunctionPropsOverwritten<
-	Omit<T, PropBlackList>,
-	{ color: THREE.Color | string | number | [r: number, g: number, b: number] | number[] | THREE.Vector3 }
->
-
-export type WritableMaterialProperties<T> = { [P in keyof AnyMaterialProps<T>]: AnyMaterialProps<T>[P] }
-export type Mat<T> = WritableMaterialProperties<T>
-
 export type MeshAssignableMaterial = THREE.Material | THREE.Material[]
 export type PointsAssignableMaterial = THREE.Material | THREE.Material[] | THREE.PointsMaterial
 
 // Animation
 
-export interface SvelthreeAnimationFunctionReturn {
+/** Generated animation-`Object Literal`. */
+export interface SvelthreeAnimation {
 	/** Usually used to define the intial state of the animation and start the animation (_set inital prop values and call a function which starts the animation_). */
 	onStart: () => void
 	/** Usually used to destroy (_stop / kill / nullify_) any processes which would otherwise remain in memory. */
@@ -81,14 +67,14 @@ export interface SvelthreeAnimationFunctionReturn {
 	 * _Usually used for continuing the animation in a multiple top-level Scenes scenario._
 	 */
 	onSceneReactivated?: () => void
-	//  TODO  (ESLint -> 'no-explicit-any') see https://github.com/vatro/svelthree/issues/165
-	[anything: string]: any
+	/** Any other method or property that should be callable / accessible via e.g. `component_ref.get_ani().foo()` or `component_ref.get_ani().foo`. */
+	[foo: string | number | symbol]: (() => void) | undefined
 }
 
 /**
- * Animation function (closure) which is being processed internally by the component.
+ * Function (_Closure_) containing some animation logic. `SvelthreeAnimationFunction` is being processed internally by the component, the resulting `SvelthreeAnimation` (_`Object Literal`_) can be obtained via `component_ref.get_ani()`.
  * ```
- * (obj: any, ...args: any[]) => {
+ * (foo: THREE.Object3D, ...args: any[]) => {
  *      onStart: () => void
  *      onDestroy: () => void
  *      onSceneDeactivated?: () => void
@@ -96,28 +82,16 @@ export interface SvelthreeAnimationFunctionReturn {
  *      [anything: string]: any
  * }
  * ```
- * - ☝️ `obj` is basically just a named / declared argument (no initial value).
- * - ☝️ `obj` will be internally replaced by the **real** THREE.Object3D reference (the reference to the object the animation has been applied to).
- *
- * Simple example:
- * ```
- * const ani = (obj) => {
- *      return {
- *          onStart: () => {
- *              obj.position.y = 1
- *          }
- *      }
- * }
- * ```
+ * ☝️ `foo` is basically just a named / declared argument, it will be internally replaced by the
+ * `THREE.Object3D`-based instance-reference created by the component the animation function
+ * has been applied to via the `animation` attribute, e.g. `animation={my_animation_function}`.
  *
  */
 /*eslint @typescript-eslint/no-explicit-any: ["error", { "ignoreRestArgs": true }]*/
-export interface SvelthreeAnimationFunction {
-	//  TODO  (ESLint -> 'no-explicit-any') see https://github.com/vatro/svelthree/issues/165
-	(obj: any, ...args: any[]): SvelthreeAnimationFunctionReturn
-}
+export type SvelthreeAnimationFunction = (foo?: THREE.Object3D, ...args: any[]) => SvelthreeAnimation
 
 export type LightWithShadow = THREE.DirectionalLight | THREE.SpotLight | THREE.PointLight
+export type LightWithTarget = THREE.DirectionalLight | THREE.SpotLight
 export type LightShadowProps<T> = OnlyWritableNonFunctionProps<Omit<T, PropBlackList>>
 export type LightShadowCamProps<T> = OnlyWritableNonFunctionProps<Omit<T, PropBlackList>>
 
@@ -135,6 +109,8 @@ export type PropBlackList =
 	| "version"
 
 export type ComplexValueType =
+	| "Vector2"
+	| "Array2Nums"
 	| "Vector3"
 	| "Array3Nums"
 	| "Euler"
@@ -164,6 +140,8 @@ import type { default as Scene } from "../components/Scene.svelte"
 import type { default as SpotLight } from "../components/SpotLight.svelte"
 import type { default as WebGLRenderer } from "../components/WebGLRenderer.svelte"
 
+import type { PropMat } from "./types-comp-props"
+
 export type AnySvelthreeComponent =
 	| AmbientLight
 	| Canvas
@@ -221,7 +199,7 @@ export type TargetableSvelthreeComponent =
 
 export type Targetable = THREE.Object3D | TargetableSvelthreeComponent | undefined
 
-type AllMeshMaterials = THREE.MeshToonMaterial &
+type AnyTHREEMeshMaterial = THREE.MeshToonMaterial &
 	THREE.MeshBasicMaterial &
 	THREE.MeshDepthMaterial &
 	THREE.Material &
@@ -233,19 +211,24 @@ type AllMeshMaterials = THREE.MeshToonMaterial &
 	THREE.MeshDistanceMaterial &
 	THREE.MeshPhysicalMaterial
 
-export type AnyMeshMaterialProps = OnlyWritableNonFunctionProps<Omit<AllMeshMaterials, PropBlackList>>
+type AnyTHREEMeshMaterialProperties = get_props<AnyTHREEMeshMaterial>
+export type PropsAnyTHREEMeshMaterial = { [P in keyof AnyTHREEMeshMaterialProperties]: AnyTHREEMeshMaterialProperties[P] }
 
-type AllLights = THREE.SpotLight &
-	THREE.PointLight &
-	THREE.AmbientLight &
-	THREE.RectAreaLight &
-	THREE.HemisphereLight &
-	THREE.DirectionalLight
+type AnyTHREELight = THREE.SpotLight & THREE.PointLight & THREE.AmbientLight & THREE.RectAreaLight & THREE.HemisphereLight & THREE.DirectionalLight
 
-export type AnyLightProps = OnlyWritableNonFunctionProps<Omit<AllLights, PropBlackList>>
+type AnyTHREELightProperties = get_props<AnyTHREELight>
+export type PropsAnyTHREELight = { [P in keyof AnyTHREELightProperties]: AnyTHREELightProperties[P] }
 
-export type RaycastableSvelthreeComponents = Mesh<THREE.Material | THREE.Material[]> | Group | Object3D
-export type GLTFSupportedSvelthreeComponents = Mesh<THREE.Material | THREE.Material[]> | Group | Object3D | Scene
+import type { GLTF as THREE_GLTF } from "three/examples/jsm/loaders/GLTFLoader.js"
+import type { default as GLTF_afterLoaded } from "../utils/GLTF_afterLoaded.js"
+
+type GLTF_afterLoaded_Method = Exclude<keyof typeof GLTF_afterLoaded, "prototype">
+type GLTF_afterLoaded_Task = typeof GLTF_afterLoaded[GLTF_afterLoaded_Method]
+/*eslint @typescript-eslint/no-explicit-any: ["error", { "ignoreRestArgs": true }]*/
+export type GLTFAfterLoadedTask = GLTF_afterLoaded_Task | ((content_gltf: THREE_GLTF, ...args: any[]) => unknown)
+
+export type RaycastableSvelthreeComponents = Mesh<MeshAssignableMaterial> | Group | Object3D
+export type GLTFSupportedSvelthreeComponents = Mesh<MeshAssignableMaterial> | Group | Object3D | Scene
 
 export interface ISvelthreeGLTFTreeMapMember {
 	obj: THREE.Object3D
@@ -306,3 +289,191 @@ export type StoreBody = {
 export type WebGLRendererMode = "auto" | "always"
 
 export type SvelthreeShadowDOMElement = HTMLDivElement | HTMLButtonElement | HTMLAnchorElement
+
+import type { PropsWebGLCubeRenderTarget, PropsOrbitControls } from "./types-comp-props"
+export type SvelthreePropsOwner =
+	| THREE.Object3D
+	| THREE.Material
+	| THREE.Material[]
+	| THREE.WebGLRenderer
+	| THREE.LightShadow
+	| PropsOrbitControls
+	| PropsWebGLCubeRenderTarget
+
+// shorthand attribute values / also s
+
+/** (_for internal usage_) Types of **shorthand properties**. */
+interface SHTypes {
+	aria: Partial<ARIAMixin>
+	bg: THREE.Texture | THREE.Color | string | number | [r: number, g: number, b: number] | THREE.Vector3 // Scene
+	bg_tex: { url: string; mapping?: THREE.Mapping } // Scene -> TODO  different: type PropBgTex = PropEnvTex
+	cam: PerspectiveCamera | OrthographicCamera | THREE.PerspectiveCamera | THREE.OrthographicCamera // OrbitControls
+	camera: THREE.PerspectiveCamera | THREE.OrthographicCamera | THREE.CubeCamera
+	color: THREE.Color | string | number | [r: number, g: number, b: number] | THREE.Vector3
+	env: THREE.Texture
+	env_tex: { url: string; mapping?: THREE.Mapping } // Scene -> TODO  different: type PropEnvTex = get_props<THREE.FogBase>
+	fog: THREE.FogBase // Scene -> TODO  different: type PropFog = get_props<THREE.FogBase>
+	geometry: THREE.BufferGeometry
+	groundColor: THREE.Texture | THREE.Color | string | number | [r: number, g: number, b: number] | THREE.Vector3 //HemisphereLight
+	lookAt: THREE.Vector3 | Parameters<THREE.Vector3["set"]> | Targetable
+	material: THREE.Material | THREE.Material[]
+	matrix: THREE.Matrix4 | Parameters<THREE.Matrix4["set"]>
+	pos: THREE.Vector3 | Parameters<THREE.Vector3["set"]>
+	quat: THREE.Quaternion | Parameters<THREE.Quaternion["set"]>
+	rot:
+		| THREE.Euler
+		| Parameters<THREE.Euler["set"]>
+		| THREE.Quaternion
+		| Parameters<THREE.Quaternion["set"]>
+		| THREE.Vector3
+		| Parameters<THREE.Vector3["set"]>
+	scale: THREE.Vector3 | Parameters<THREE.Vector3["set"]> | number
+}
+
+/** (_for internal usage_) generally overriden property-types (_**not** used as **shorthand properties**_). */
+interface GTypes {
+	up: THREE.Vector3 | Parameters<THREE.Vector3["set"]>
+	mapSize: THREE.Vector2 | Parameters<THREE.Vector2["set"]>
+}
+
+// for internal usage see SvelthreeProps -> ... -> PropUtils pipeline
+export type aria_value = SHTypes["aria"]
+export type background_value = SHTypes["bg"]
+export type color_value = SHTypes["color"]
+export type geometry_value = SHTypes["geometry"]
+export type lookAt_value = SHTypes["lookAt"]
+export type material_value = SHTypes["material"]
+export type matrix_value = SHTypes["matrix"]
+export type pos_value = SHTypes["pos"]
+export type quat_value = SHTypes["quat"]
+export type rot_value = SHTypes["rot"]
+export type scale_value = SHTypes["scale"]
+
+// general (not used as shorthand prop)
+export type up_value = GTypes["up"]
+export type mapsize_value = GTypes["mapSize"]
+
+/** for internal usage see SvelthreeProps -> ... -> PropUtils pipeline */
+export type any_propeller_value =
+	| background_value
+	| color_value
+	| lookAt_value
+	| matrix_value
+	| pos_value
+	| rot_value
+	| scale_value
+	| up_value
+	| mapsize_value
+	| [number, number, number]
+
+/** for internal usage see SvelthreeProps -> ... -> PropUtils pipeline */
+export type any_proputils_value = any_propeller_value
+
+/** (_`svelthree` internal generic interface_)
+ *
+ * Defines types of all shorthand properties (keys) across all components.
+ * Type of `props` requires type parameter `S`.
+ */
+interface SvelthreeShorthandProperties<S> {
+	// get types from internal interface (if S is NOT provided) or from components (if S is provided)
+	aria: S extends void ? SHTypes["aria"] : S extends AnySvelthreeComponent ? (S extends { aria: unknown } ? S["aria"] : undefined) : never
+	bg: S extends void ? SHTypes["bg"] : S extends AnySvelthreeComponent ? (S extends { bg: unknown } ? S["bg"] : undefined) : never
+	bg_tex: S extends void ? SHTypes["bg_tex"] : S extends AnySvelthreeComponent ? (S extends { bg_tex: unknown } ? S["bg_tex"] : undefined) : never
+	cam: S extends void ? SHTypes["cam"] : S extends AnySvelthreeComponent ? (S extends { cam: unknown } ? S["cam"] : undefined) : never // OrbitControls only
+	camera: S extends void ? SHTypes["camera"] : S extends AnySvelthreeComponent ? (S extends { camera: unknown } ? S["camera"] : undefined) : never
+	color: S extends void ? SHTypes["color"] : S extends AnySvelthreeComponent ? (S extends { color: unknown } ? S["color"] : undefined) : never
+	env: S extends void ? SHTypes["env"] : S extends AnySvelthreeComponent ? (S extends { env: unknown } ? S["env"] : undefined) : never
+	env_tex: S extends void ? SHTypes["env_tex"] : S extends AnySvelthreeComponent ? (S extends { env_tex: unknown } ? S["env_tex"] : undefined) : never
+	fog: S extends void ? SHTypes["fog"] : S extends AnySvelthreeComponent ? (S extends { fog: unknown } ? S["fog"] : undefined) : never
+	geometry: S extends void ? SHTypes["geometry"] : S extends AnySvelthreeComponent ? (S extends { geometry: unknown } ? S["geometry"] : undefined) : never
+	groundColor: S extends void
+		? SHTypes["groundColor"]
+		: S extends AnySvelthreeComponent
+		? S extends { groundColor: unknown }
+			? S["groundColor"]
+			: undefined
+		: never
+	lookAt: S extends void ? SHTypes["lookAt"] : S extends AnySvelthreeComponent ? (S extends { lookAt: unknown } ? S["lookAt"] : undefined) : never
+	material: S extends void ? SHTypes["material"] : S extends AnySvelthreeComponent ? (S extends { material: unknown } ? S["material"] : undefined) : never
+	matrix: S extends void ? SHTypes["matrix"] : S extends AnySvelthreeComponent ? (S extends { matrix: unknown } ? S["matrix"] : undefined) : never
+	pos: S extends void ? SHTypes["pos"] : S extends AnySvelthreeComponent ? (S extends { pos: unknown } ? S["pos"] : undefined) : never
+	quat: S extends void ? SHTypes["quat"] : S extends AnySvelthreeComponent ? (S extends { quat: unknown } ? S["quat"] : undefined) : never
+	rot: S extends void ? SHTypes["rot"] : S extends AnySvelthreeComponent ? (S extends { rot: unknown } ? S["rot"] : undefined) : never
+	scale: S extends void ? SHTypes["scale"] : S extends AnySvelthreeComponent ? (S extends { scale: unknown } ? S["scale"] : undefined) : never
+
+	// get types from components only (S needs to be provided)
+	config: S extends AnySvelthreeComponent ? (S extends { config: unknown } ? S["config"] : undefined) : never
+	params: S extends AnySvelthreeComponent ? (S extends { params: unknown } ? S["params"] : undefined) : never
+	props: S extends AnySvelthreeComponent ? (S extends { props: unknown } ? S["props"] : undefined) : never
+
+	// mat (special)
+	mat: S extends MeshAssignableMaterial | PointsAssignableMaterial ? PropMat<S> : never
+}
+
+export type prop<K extends keyof SvelthreeShorthandProperties<void>, S = void> = SvelthreeShorthandProperties<S>[K]
+
+export type SvelthreeInteractableComponent = Mesh<MeshAssignableMaterial> | Points<PointsAssignableMaterial> | Scene | LoadedGLTF
+
+export type WebGLRendererEventDetail = {
+	frame: number
+}
+
+export type WebGLRendererComponentEventDispatcher = {
+	[key: string]: WebGLRendererEventDetail
+}
+
+type CanvasEventDetail = {
+	event: PointerEvent | KeyboardEvent | FocusEvent
+}
+
+export type CanvasComponentEventDispatcher = {
+	[key: string]: CanvasEventDetail
+}
+
+export type CanvasComponentEvent = {
+	type: string
+	detail: CanvasEventDetail
+}
+
+export type AllIntersectionsResult = ReturnType<THREE.Raycaster["intersectObjects"]>
+
+export type AllIntersections = {
+	result: AllIntersectionsResult
+}
+
+export type RaycasterData = {
+	/** `intersections` are of the same form as those returned by [`.intersectObject`](https://threejs.org/docs/#api/en/core/Raycaster.intersectObject). */
+	intersection: { [P in keyof THREE.Intersection]: THREE.Intersection[P] }
+	/** Current `Raycaster` `.ray`, e.g. useful properties: `ray.origin: Vector3` | `ray.direction: Vector3`. */
+	ray: THREE.Ray
+	/** The `Camera` used for raycasting. */
+	camera: THREE.Camera
+	/** Current pointer position ( _'point' / Vector3 position_ ) in 3d world space. */
+	unprojected_point: THREE.Vector3
+}
+
+export type SvelthreeInteractionEventDetail = {
+	code?: KeyboardEvent["code"]
+	e: PointerEvent | KeyboardEvent | FocusEvent
+	obj: THREE.Object3D
+	comp: SvelthreeInteractableComponent
+	raycaster_data?: RaycasterData
+}
+
+export type SvelthreeInteractionEvent = {
+	type: string
+	detail: SvelthreeInteractionEventDetail
+}
+
+import type { createEventDispatcher } from "svelte/internal"
+
+export type InteractionEventDispatcher = {
+	[key: string]: SvelthreeInteractionEventDetail
+}
+
+export type SvelthreeInteractionEventDispatcher = ReturnType<typeof createEventDispatcher<InteractionEventDispatcher>>
+
+import type { OrbitControls as THREE_OrbitControls } from "three/examples/jsm/controls/OrbitControls.js"
+export type SvelthreeStoreArrayItem = THREE.Scene | THREE.PerspectiveCamera | THREE.OrthographicCamera | THREE.CubeCamera | THREE_OrbitControls
+export type RaycastArrayInput = (THREE.Object3D | RaycastableSvelthreeComponents)[]
+export type RaycastArrayOutput = THREE.Object3D[]
diff --git a/src/lib/utils/CameraUtils.ts b/src/lib/utils/CameraUtils.ts
index d2ee741..1cc4e82 100644
--- a/src/lib/utils/CameraUtils.ts
+++ b/src/lib/utils/CameraUtils.ts
@@ -1,7 +1,3 @@
-/**
- * @author Vatroslav Vrbanic @see https://github.com/vatro
- */
-
 import type { OrthographicCamera, PerspectiveCamera } from "three"
 import { CameraValues } from "../constants"
 
diff --git a/src/lib/utils/GLTF_afterLoaded.ts b/src/lib/utils/GLTF_afterLoaded.ts
index 1d37271..b759999 100644
--- a/src/lib/utils/GLTF_afterLoaded.ts
+++ b/src/lib/utils/GLTF_afterLoaded.ts
@@ -1,7 +1,7 @@
 import type { Object3D, Group } from "three"
 import type { GLTF } from "three/examples/jsm/loaders/GLTFLoader"
-import type { MeshProperties } from "../types/types-comp-props"
-import type { AnyMeshMaterialProps, AnyLightProps } from "../types/types-extra"
+import type { PropsMesh } from "../types/types-comp-props"
+import type { PropsAnyTHREEMeshMaterial, PropsAnyTHREELight } from "../types/types-extra"
 
 export default class GLTF_afterLoaded {
 	// TODO  RECONSIDER  static for_all_cameras ?
@@ -10,38 +10,38 @@ export default class GLTF_afterLoaded {
 	// TODO  RECONSIDER  static for_all_textures ?
 	// TODO  RECONSIDER  static remove_all_textures ?
 
-	public static remove_all_lights: (dummy: any, ...args: any[]) => Promise<void> = async (content: GLTF) => {
+	public static remove_all_lights = async (gltf_content: GLTF): Promise<void> => {
 		//console.log("remove_all_lights!")
-		if (content) {
-			if (content.scenes?.length > 1) {
-				for (let i = 0; i < content.scenes.length; i++) {
-					await GLTF_afterLoaded.remove_all(content.scenes[i], "isLight")
+		if (gltf_content) {
+			if (gltf_content.scenes?.length > 1) {
+				for (let i = 0; i < gltf_content.scenes.length; i++) {
+					await GLTF_afterLoaded.remove_all(gltf_content.scenes[i], "isLight")
 				}
 			} else {
-				await GLTF_afterLoaded.remove_all(content.scene, "isLight")
+				await GLTF_afterLoaded.remove_all(gltf_content.scene, "isLight")
 			}
 		} else {
 			console.error(
-				"SVELTHREE > GLTF_afterLoaded > async 'remove_all_lights(content)' -> 'content' not available!",
-				{ content }
+				"SVELTHREE > GLTF_afterLoaded > async 'remove_all_lights(gltf_content)' -> 'gltf_content' not available!",
+				{ gltf_content }
 			)
 		}
 	}
 
-	public static remove_all_cameras: (content: any, ...args: any[]) => Promise<void> = async (content: GLTF) => {
+	public static remove_all_cameras = async (gltf_content: GLTF): Promise<void> => {
 		//console.log("remove_all_cameras!")
-		if (content) {
-			if (content.scenes?.length > 1) {
-				for (let i = 0; i < content.scenes.length; i++) {
-					await GLTF_afterLoaded.remove_all(content.scenes[i], "isCamera")
+		if (gltf_content) {
+			if (gltf_content.scenes?.length > 1) {
+				for (let i = 0; i < gltf_content.scenes.length; i++) {
+					await GLTF_afterLoaded.remove_all(gltf_content.scenes[i], "isCamera")
 				}
 			} else {
-				await GLTF_afterLoaded.remove_all(content.scene, "isCamera")
+				await GLTF_afterLoaded.remove_all(gltf_content.scene, "isCamera")
 			}
 		} else {
 			console.error(
-				"SVELTHREE > GLTF_afterLoaded > async 'remove_all_cameras(content)' -> 'content' not available!",
-				{ content }
+				"SVELTHREE > GLTF_afterLoaded > async 'remove_all_cameras(gltf_content)' -> 'gltf_content' not available!",
+				{ gltf_content }
 			)
 		}
 	}
@@ -93,39 +93,32 @@ export default class GLTF_afterLoaded {
 		//if (scene) { console.log(scene) }
 	}
 
-	private static async apply_to_materials(
-		scene: Group,
-		props: { [P in keyof AnyMeshMaterialProps]: AnyMeshMaterialProps[P] }
-	): Promise<void> {
+	private static async apply_to_materials(scene: Group, props: PropsAnyTHREEMeshMaterial): Promise<void> {
 		//console.log("apply_to_materials started!")
 
 		if (scene) {
 			const fns: (() => Promise<void>)[] = []
 
-			const check_obj =
-				(obj: Object3D, props: { [P in keyof AnyMeshMaterialProps]: AnyMeshMaterialProps[P] }) => async () => {
-					if (obj) {
-						if (obj["isMesh"] && obj["material"]) {
-							for (const prop in props) {
-								try {
-									obj["material"][prop] = props[prop]
-								} catch (e) {
-									console.error(e)
-								}
+			const check_obj = (obj: Object3D, props: PropsAnyTHREEMeshMaterial) => async () => {
+				if (obj) {
+					if (obj["isMesh"] && obj["material"]) {
+						for (const prop in props) {
+							try {
+								obj["material"][prop] = props[prop]
+							} catch (e) {
+								console.error(e)
 							}
 						}
-					} else {
-						console.error(
-							"SVELTHREE > GLTF_afterLoaded > async 'apply_to_materials(scene, ...)' -> async check_obj(obj, ...) -> 'obj' not available!",
-							{ obj }
-						)
 					}
+				} else {
+					console.error(
+						"SVELTHREE > GLTF_afterLoaded > async 'apply_to_materials(scene, ...)' -> async check_obj(obj, ...) -> 'obj' not available!",
+						{ obj }
+					)
 				}
+			}
 
-			const traverse = (
-				child: Object3D,
-				props: { [P in keyof AnyMeshMaterialProps]: AnyMeshMaterialProps[P] }
-			) => {
+			const traverse = (child: Object3D, props: PropsAnyTHREEMeshMaterial) => {
 				fns.push(check_obj(child, props))
 				const children = child.children
 				for (let i = 0, l = children.length; i < l; i++) {
@@ -149,36 +142,32 @@ export default class GLTF_afterLoaded {
 		//if (scene) { console.log(scene) }
 	}
 
-	private static async apply_to_meshes(
-		scene: Group,
-		props: { [P in keyof MeshProperties]: MeshProperties[P] }
-	): Promise<void> {
+	private static async apply_to_meshes(scene: Group, props: PropsMesh): Promise<void> {
 		//console.log("apply_to_meshes started!")
 
 		if (scene) {
 			const fns: (() => Promise<void>)[] = []
 
-			const check_obj =
-				(obj: Object3D, props: { [P in keyof MeshProperties]: MeshProperties[P] }) => async () => {
-					if (obj) {
-						if (obj["isMesh"]) {
-							for (const prop in props) {
-								try {
-									obj[prop] = props[prop]
-								} catch (e) {
-									console.error(e)
-								}
+			const check_obj = (obj: Object3D, props: PropsMesh) => async () => {
+				if (obj) {
+					if (obj["isMesh"]) {
+						for (const prop in props) {
+							try {
+								obj[prop] = props[prop]
+							} catch (e) {
+								console.error(e)
 							}
 						}
-					} else {
-						console.error(
-							"SVELTHREE > GLTF_afterLoaded > async 'apply_to_meshes(scene, ...)' -> async check_obj(obj, ...) -> 'obj' not available!",
-							{ obj }
-						)
 					}
+				} else {
+					console.error(
+						"SVELTHREE > GLTF_afterLoaded > async 'apply_to_meshes(scene, ...)' -> async check_obj(obj, ...) -> 'obj' not available!",
+						{ obj }
+					)
 				}
+			}
 
-			const traverse = (child: Object3D, props: { [P in keyof MeshProperties]: MeshProperties[P] }) => {
+			const traverse = (child: Object3D, props: PropsMesh) => {
 				fns.push(check_obj(child, props))
 				const children = child.children
 				for (let i = 0, l = children.length; i < l; i++) {
@@ -202,16 +191,13 @@ export default class GLTF_afterLoaded {
 		//if (scene) { console.log(scene) }
 	}
 
-	private static async apply_to_lights(
-		scene: Group,
-		props: { [P in keyof AnyLightProps]: AnyLightProps[P] }
-	): Promise<void> {
+	private static async apply_to_lights(scene: Group, props: PropsAnyTHREELight): Promise<void> {
 		//console.log("apply_to_lights started!")
 
 		if (scene) {
 			const fns: (() => Promise<void>)[] = []
 
-			const check_obj = (obj: Object3D, props: { [P in keyof AnyLightProps]: AnyLightProps[P] }) => async () => {
+			const check_obj = (obj: Object3D, props: PropsAnyTHREELight) => async () => {
 				if (obj) {
 					if (obj["isLight"]) {
 						for (const prop in props) {
@@ -230,9 +216,9 @@ export default class GLTF_afterLoaded {
 				}
 			}
 
-			const traverse = (child: Object3D, props: { [P in keyof AnyLightProps]: AnyLightProps[P] }) => {
-				fns.push(check_obj(child, props))
-				const children = child.children
+			const traverse = (obj: Object3D, props: PropsAnyTHREELight) => {
+				fns.push(check_obj(obj, props))
+				const children = obj.children
 				for (let i = 0, l = children.length; i < l; i++) {
 					traverse(children[i], props)
 				}
@@ -254,57 +240,54 @@ export default class GLTF_afterLoaded {
 		//if (scene) { console.log(scene) }
 	}
 
-	public static for_all_materials =
-		(props: { [P in keyof AnyMeshMaterialProps]: AnyMeshMaterialProps[P] }) => async (content: GLTF) => {
-			if (content) {
-				if (content.scenes?.length > 1) {
-					for (let i = 0; i < content.scenes.length; i++) {
-						await GLTF_afterLoaded.apply_to_materials(content.scenes[i], props)
-					}
-				} else {
-					await GLTF_afterLoaded.apply_to_materials(content.scene, props)
+	public static for_all_materials = (props: PropsAnyTHREEMeshMaterial) => async (gltf_content: GLTF) => {
+		if (gltf_content) {
+			if (gltf_content.scenes?.length > 1) {
+				for (let i = 0; i < gltf_content.scenes.length; i++) {
+					await GLTF_afterLoaded.apply_to_materials(gltf_content.scenes[i], props)
 				}
 			} else {
-				console.error(
-					"SVELTHREE > GLTF_afterLoaded > async 'for_all_materials(props)(content)' -> 'content' not available!",
-					{ content }
-				)
+				await GLTF_afterLoaded.apply_to_materials(gltf_content.scene, props)
 			}
+		} else {
+			console.error(
+				"SVELTHREE > GLTF_afterLoaded > async 'for_all_materials(props)(gltf_content)' -> 'gltf_content' not available!",
+				{ gltf_content }
+			)
 		}
+	}
 
-	public static for_all_meshes =
-		(props: { [P in keyof MeshProperties]: MeshProperties[P] }) => async (content: GLTF) => {
-			if (content) {
-				if (content.scenes?.length > 1) {
-					for (let i = 0; i < content.scenes.length; i++) {
-						await GLTF_afterLoaded.apply_to_meshes(content.scenes[i], props)
-					}
-				} else {
-					await GLTF_afterLoaded.apply_to_meshes(content.scene, props)
+	public static for_all_meshes = (props: PropsMesh) => async (gltf_content: GLTF) => {
+		if (gltf_content) {
+			if (gltf_content.scenes?.length > 1) {
+				for (let i = 0; i < gltf_content.scenes.length; i++) {
+					await GLTF_afterLoaded.apply_to_meshes(gltf_content.scenes[i], props)
 				}
 			} else {
-				console.error(
-					"SVELTHREE > GLTF_afterLoaded > async 'for_all_meshes(props)(content)' -> 'content' not available!",
-					{ content }
-				)
+				await GLTF_afterLoaded.apply_to_meshes(gltf_content.scene, props)
 			}
+		} else {
+			console.error(
+				"SVELTHREE > GLTF_afterLoaded > async 'for_all_meshes(props)(gltf_content)' -> 'gltf_content' not available!",
+				{ gltf_content }
+			)
 		}
+	}
 
-	public static for_all_lights =
-		(props: { [P in keyof AnyLightProps]: AnyLightProps[P] }) => async (content: GLTF) => {
-			if (content) {
-				if (content.scenes?.length > 1) {
-					for (let i = 0; i < content.scenes.length; i++) {
-						await GLTF_afterLoaded.apply_to_lights(content.scenes[i], props)
-					}
-				} else {
-					await GLTF_afterLoaded.apply_to_lights(content.scene, props)
+	public static for_all_lights = (props: PropsAnyTHREELight) => async (gltf_content: GLTF) => {
+		if (gltf_content) {
+			if (gltf_content.scenes?.length > 1) {
+				for (let i = 0; i < gltf_content.scenes.length; i++) {
+					await GLTF_afterLoaded.apply_to_lights(gltf_content.scenes[i], props)
 				}
 			} else {
-				console.error(
-					"SVELTHREE > GLTF_afterLoaded > async 'for_all_lights(props)(content)' -> 'content' not available!",
-					{ content }
-				)
+				await GLTF_afterLoaded.apply_to_lights(gltf_content.scene, props)
 			}
+		} else {
+			console.error(
+				"SVELTHREE > GLTF_afterLoaded > async 'for_all_lights(props)(gltf_content)' -> 'gltf_content' not available!",
+				{ gltf_content }
+			)
 		}
+	}
 }
diff --git a/src/lib/utils/LightTarget.ts b/src/lib/utils/LightTarget.ts
index ec32a6a..ecf4215 100644
--- a/src/lib/utils/LightTarget.ts
+++ b/src/lib/utils/LightTarget.ts
@@ -45,6 +45,7 @@ export default class LightTarget {
 	// targetable component instances
 	private targetable_instance_names = ["scene", "object3d", "group", "mesh", "light", "camera", "container", "points"]
 
+	// TODO  see https://github.com/vatro/svelthree/issues/135
 	private has_targetable_instance(target_to_check: any): string | boolean {
 		for (let i = 0; i < this.targetable_instance_names.length; i++) {
 			if (target_to_check[this.targetable_instance_names[i]]) return this.targetable_instance_names[i]
diff --git a/src/lib/utils/LightUtils.ts b/src/lib/utils/LightUtils.ts
index 87a7750..6ebeb54 100644
--- a/src/lib/utils/LightUtils.ts
+++ b/src/lib/utils/LightUtils.ts
@@ -1,137 +1,11 @@
-/**
- * @author Vatroslav Vrbanic @see https://github.com/vatro
- */
-
-import { has_prop } from "svelte/internal"
 import type { Light, Scene } from "three"
-import { Color, Object3D } from "three"
-import type { LightWithShadow } from "../types/types-extra"
-import PropUtils from "./PropUtils"
+import type { Object3D } from "three"
 import { verbose_mode } from "../utils/SvelthreeLogger"
 
 /**
  * Containes public static methods for updating Light (and shadow) properties via component shorthand attributes.
  */
 export default class LightUtils {
-	/**
-	 * @deprecated Use PropUitls instead.
-	 * Updates *Light.intensity*  via `intensity` component attribute.
-	 */
-	public static tryIntensityUpdate(light: Light, intensity: number): void {
-		if (verbose_mode()) console.debug("SVELTHREE > LightUtils > tryIntensityUpdate ", intensity)
-		try {
-			light.intensity = intensity
-		} catch (error) {
-			throw new Error("SVELTHREE Exception, " + error)
-		}
-	}
-
-	/**
-	 * @deprecated Use PropUitls instead.
-	 * Updates *Light.color* via `color` component attribute.
-	 */
-	public static tryColorUpdate(light: Light, color: any): void {
-		if (verbose_mode()) console.debug("color", color)
-		try {
-			if (Array.isArray(color)) {
-				if (PropUtils.isArray3Nums(color)) {
-					light.color = new Color(color[0], color[1], color[2])
-				} else {
-					if (verbose_mode())
-						console.error(
-							"SVELTHREE > LightUtils > tryColorUpdate : Prop should be an Array of three (3) values!",
-							color
-						)
-				}
-			} else if (!isNaN(color)) {
-				light.color = new Color(color)
-			} else if (color instanceof Color) {
-				light.color = color
-			}
-		} catch (error) {
-			throw new Error("SVELTHREE Exception, " + error)
-		}
-	}
-
-	// shadow related attributes
-
-	/**
-	 * @deprecated Use PropUitls instead.
-	 * Updates *Light.shadow.mapSize* via `shadowMapSize` component attribute.
-	 */
-	public static tryShadowMapSizeUpdate(light: LightWithShadow, shadowMapSize: number): void {
-		if (verbose_mode()) console.debug("SVELTHREE > LightUtils > tryShadowMapSizeUpdate", shadowMapSize)
-		try {
-			light.shadow.mapSize.width = shadowMapSize
-			light.shadow.mapSize.height = shadowMapSize
-		} catch (error) {
-			throw new Error("SVELTHREE Exception, " + error)
-		}
-	}
-
-	/**
-	 * @deprecated Use PropUitls instead.
-	 * Updates *Light.shadow.bias* via `shadowBias` component attribute.
-	 */
-	public static tryShadowBiasUpdate(light: LightWithShadow, shadowBiasSize: number): void {
-		if (verbose_mode()) console.debug("SVELTHREE > LightUtils > tryShadowBiasUpdate", shadowBiasSize)
-		try {
-			light.shadow.bias = shadowBiasSize
-		} catch (error) {
-			throw new Error("SVELTHREE Exception, " + error)
-		}
-	}
-
-	/**
-	 * @deprecated Use PropUitls instead.
-	 * Updates `Light.castShadow` via `castShadow` component attribute.
-	 */
-	public static tryCastShadowUpdate(light: LightWithShadow, castShadow: boolean): void {
-		if (verbose_mode()) console.debug("SVELTHREE > LightUtils > tryCastShadowUpdate", castShadow)
-		try {
-			light.castShadow = castShadow
-		} catch (error) {
-			throw new Error("SVELTHREE Exception, " + error)
-		}
-	}
-
-	/**
-	 * @deprecated Use PropUitls instead.
-	 * Updates `Light.shadow` via `shadowProps` component attribute.
-	 */
-	public static tryShadowPropUpdate(light: Light, key: string, value: any) {
-		if (verbose_mode()) console.debug("SVELTHREE > LightUtils : tryShadowPropsUpdate", { key: key, value: value })
-		try {
-			if (has_prop(light.shadow, key)) {
-				if (verbose_mode())
-					console.debug("SVELTHREE > LightUtils > tryShadowPropsUpdate : updating shadow prop! ", key)
-				light.shadow[key] = value
-				light.shadow.needsUpdate = true
-			}
-		} catch (error) {
-			throw new Error("SVELTHREE Exception, " + error)
-		}
-	}
-
-	/**
-	 * @deprecated Use PropUitls instead.
-	 * Updates `Light.shadow.camera` via `shadowCameraProps` component attribute.
-	 */
-	public static tryShadowCameraPropUpdate(light: LightWithShadow, key: string, value: any) {
-		if (verbose_mode())
-			console.debug("SVELTHREE > LightUtils : tryShadowCameraPropsUpdate", { key: key, value: value })
-		try {
-			if (has_prop(light.shadow.camera, key)) {
-				if (verbose_mode())
-					console.debug("SVELTHREE > LightUtils > tryShadowCameraPropsUpdate : updating shadow prop!", key)
-				light.shadow.camera[key] = value
-				light.shadow.camera.updateProjectionMatrix()
-			}
-		} catch (error) {
-			throw new Error("SVELTHREE Exception, " + error)
-		}
-	}
-
 	/**
 	 * Creates a specific Light helper.
 	 */
diff --git a/src/lib/utils/PropUtils.ts b/src/lib/utils/PropUtils.ts
index 9d4a827..41e954e 100644
--- a/src/lib/utils/PropUtils.ts
+++ b/src/lib/utils/PropUtils.ts
@@ -1,10 +1,18 @@
-/**
- * @author Vatroslav Vrbanic @see https://github.com/vatro
- */
-
-import type { Light, Material, Object3D, Scene } from "three"
-import { Color, Euler, Matrix4, Quaternion, Vector3 } from "three"
-import type { ComplexValueType, LightWithShadow } from "../types/types-extra"
+import type { Light, Material, Object3D, Scene, LightShadow } from "three"
+import { Color, Euler, Matrix4, Quaternion, Vector2, Vector3 } from "three"
+import type { ComplexValueType, LightWithShadow, LightWithTarget } from "../types/types-extra"
+import type {
+	matrix_value,
+	pos_value,
+	rot_value,
+	scale_value,
+	lookAt_value,
+	quat_value,
+	color_value,
+	mapsize_value,
+	//background_value,
+	any_proputils_value
+} from "../types/types-extra"
 import type { Targetable, TargetableSvelthreeComponent } from "../types/types-extra"
 import { verbose_mode, log_prop_utils } from "../utils/SvelthreeLogger"
 
@@ -15,7 +23,7 @@ import { verbose_mode, log_prop_utils } from "../utils/SvelthreeLogger"
  * - `SvelthreeProps` (`sProps`) via `Propeller`
  */
 export default class PropUtils {
-	public static getShortHandAttrWarnings(prefix: string): { [key: string]: any } {
+	public static getShortHandAttrWarnings(prefix: string): { [key: string]: string } {
 		const warnings = {
 			rot: `${prefix} 'rot' attribute ignored! : overridden by either 'matrix' or 'quat' attribute!`,
 			pos: `${prefix} 'pos' attribute ignored! : overridden by 'matrix' attribute!`,
@@ -31,87 +39,104 @@ export default class PropUtils {
 		console.warn(message)
 	}
 
-	public static isArray3Nums(p: any): boolean {
-		return Array.isArray(p) && p.length === 3 && p.every((el: any) => !isNaN(el))
+	/** Check if an Array contains exactly 2 numbers. */
+	public static is2Nums(p: number[]): boolean {
+		return p.length === 2 && p.every((el: number) => !isNaN(el))
+	}
+
+	public static isArray2Nums(p: number[]): boolean {
+		return Array.isArray(p) && PropUtils.is2Nums(p)
+	}
+
+	public static isArray3Nums(p: number[]): boolean {
+		return Array.isArray(p) && PropUtils.is3Nums(p)
 	}
 
 	/** Check if an Array contains exactly 3 numbers. */
-	public static is3Nums(p: any): boolean {
-		return p.length === 3 && p.every((el: any) => !isNaN(el))
+	public static is3Nums(p: number[]): boolean {
+		return p.length === 3 && p.every((el: number) => !isNaN(el))
 	}
 
-	public static isMatrix4ParamsArray(p: any): boolean {
-		return Array.isArray(p) && p.length === 16 && p.every((el: any) => !isNaN(el))
+	public static isMatrix4ParamsArray(p: matrix_value): boolean {
+		return Array.isArray(p) && p.length === 16 && p.every((el: number) => !isNaN(el))
 	}
 
 	/** Check if an Array contains exactly 16 numbers. */
-	public static isMatrix4Params(p: any): boolean {
-		return p.length === 16 && p.every((el: any) => !isNaN(el))
+	public static isMatrix4Params(p: number[]): boolean {
+		return p.length === 16 && p.every((el: number) => !isNaN(el))
 	}
 
-	public static isEulerParamsArray(p: any): boolean {
+	public static isEulerParamsArray(p: (number | string)[]): boolean {
 		return (
 			Array.isArray(p) &&
 			p.length === 4 &&
-			!isNaN(p[0]) &&
-			!isNaN(p[1]) &&
-			!isNaN(p[2]) &&
+			!isNaN(p[0] as number) &&
+			!isNaN(p[1] as number) &&
+			!isNaN(p[2] as number) &&
 			typeof p[3] === "string"
 		)
 	}
 
 	/** Check if an Array contains exactly three numbers and one string. */
-	public static isEulerParams(p: any): boolean {
-		return p.length === 4 && !isNaN(p[0]) && !isNaN(p[1]) && !isNaN(p[2]) && typeof p[3] === "string"
+	public static isEulerParams(p: (number | string)[]): boolean {
+		return (
+			p.length === 4 &&
+			!isNaN(p[0] as number) &&
+			!isNaN(p[1] as number) &&
+			!isNaN(p[2] as number) &&
+			typeof p[3] === "string"
+		)
 	}
 
-	public static isQuaternionParamsArray(p: any): boolean {
-		return Array.isArray(p) && p.length === 4 && p.every((el: any) => !isNaN(el))
+	public static isQuaternionParamsArray(p: number[]): boolean {
+		return Array.isArray(p) && p.length === 4 && p.every((el: number) => !isNaN(el))
 	}
 
 	/** Check if an Array contains exactly 4 numbers. */
-	public static isQuaternionParams(p: any): boolean {
-		return p.length === 4 && p.every((el: any) => !isNaN(el))
+	public static isQuaternionParams(p: number[]): boolean {
+		return p.length === 4 && p.every((el: number) => !isNaN(el))
 	}
 
-	public static checkIfComplexValueType(val: any): ComplexValueType | undefined {
+	public static checkIfComplexValueType(val: any_proputils_value): ComplexValueType | undefined {
 		if (Array.isArray(val)) {
-			if (PropUtils.is3Nums(val)) return "Array3Nums"
-			if (PropUtils.isEulerParams(val)) return "EulerParamsArray"
-			if (PropUtils.isQuaternionParams(val)) return "QuaternionParamsArray"
-			if (PropUtils.isMatrix4Params(val)) return "Matrix4ParamsArray"
+			if (PropUtils.is2Nums(val as number[])) return "Array2Nums"
+			if (PropUtils.is3Nums(val as number[])) return "Array3Nums"
+			if (PropUtils.isEulerParams(val as (number | string)[])) return "EulerParamsArray"
+			if (PropUtils.isQuaternionParams(val as number[])) return "QuaternionParamsArray"
+			if (PropUtils.isMatrix4Params(val as number[])) return "Matrix4ParamsArray"
 		} else if (val) {
-			if (val.isVector3) return "Vector3"
-			if (val.isColor) return "Color"
-			if (val.isEuler) return "Euler"
-			if (val.isQuaternion) return "Quaternion"
-			if (val.isMatrix4) return "Matrix4"
+			if ((val as Vector2).isVector2) return "Vector2"
+			if ((val as Vector3).isVector3) return "Vector3"
+			if ((val as Color).isColor) return "Color"
+			if ((val as Euler).isEuler) return "Euler"
+			if ((val as Quaternion).isQuaternion) return "Quaternion"
+			if ((val as Matrix4)["isMatrix4"]) return "Matrix4"
 		}
 
 		return undefined
 	}
 
-	public static setRotationFromValue(obj: Object3D, val: any, complex?: ComplexValueType): void {
+	public static setRotationFromValue(obj: Object3D, val: rot_value, complex?: ComplexValueType): void {
 		switch (complex) {
 			case undefined:
 				if (Array.isArray(val)) {
-					PropUtils.is3Nums(val)
+					PropUtils.is3Nums(val as number[])
 						? PropUtils.setRotArray3(obj, val as Parameters<Vector3["set"]>)
 						: PropUtils.isEulerParams(val)
 						? PropUtils.setRotEulerArray(obj, val as Parameters<Euler["set"]>)
-						: PropUtils.isQuaternionParams(val)
+						: PropUtils.isQuaternionParams(val as number[])
 						? PropUtils.setRotQuaternionArray(obj, val as Parameters<Quaternion["set"]>)
 						: console.error("[ PropUtils ] -> setRotationFromValue : invalid 'rotation' value!", {
 								obj: obj,
 								value: val
 						  })
 				} else if (val) {
-					val.isEuler
-						? PropUtils.setRotEuler(obj, val)
-						: val.isVector3
-						? PropUtils.setRotVector3(obj, val)
-						: val.isQuaternion
-						? PropUtils.setRotQuaternion(obj, val)
+					;(val as Euler).isEuler
+						? PropUtils.setRotEuler(obj, val as Euler)
+						: (val as Vector3).isVector3
+						? PropUtils.setRotVector3(obj, val as Vector3)
+						: (val as Quaternion).isQuaternion
+						? PropUtils.setRotQuaternion(obj, val as Quaternion)
 						: console.error("[ PropUtils ] -> setRotationFromValue : invalid 'rotation' value!", {
 								obj: obj,
 								value: val
@@ -124,22 +149,22 @@ export default class PropUtils {
 				}
 				break
 			case "Euler":
-				PropUtils.setRotEuler(obj, val)
+				PropUtils.setRotEuler(obj, val as Euler)
 				break
 			case "EulerParamsArray":
-				PropUtils.setRotEulerArray(obj, val)
+				PropUtils.setRotEulerArray(obj, val as Parameters<Euler["set"]>)
 				break
 			case "Vector3":
-				PropUtils.setRotVector3(obj, val)
+				PropUtils.setRotVector3(obj, val as Vector3)
 				break
 			case "Array3Nums":
-				PropUtils.setRotArray3(obj, val)
+				PropUtils.setRotArray3(obj, val as Parameters<Vector3["set"]>)
 				break
 			case "Quaternion":
-				PropUtils.setRotQuaternion(obj, val)
+				PropUtils.setRotQuaternion(obj, val as Quaternion)
 				break
 			case "QuaternionParamsArray":
-				PropUtils.setRotQuaternionArray(obj, val)
+				PropUtils.setRotQuaternionArray(obj, val as Parameters<Quaternion["set"]>)
 				break
 			default:
 				console.error(
@@ -186,17 +211,13 @@ export default class PropUtils {
 		obj.quaternion.set(val[0], val[1], val[2], val[3])
 	}
 
-	public static setPositionFromValue(
-		obj: Object3D,
-		val: Vector3 | Parameters<Vector3["set"]>,
-		complex?: ComplexValueType
-	): any {
+	public static setPositionFromValue(obj: Object3D, val: pos_value, complex?: ComplexValueType): void {
 		if (verbose_mode() && log_prop_utils(obj)) {
 			console.debug("[ PropUtils ] -> setPositionFromValue : ", { obj, val, complex })
 		}
 		switch (complex) {
 			case undefined:
-				PropUtils.isArray3Nums(val)
+				PropUtils.isArray3Nums(val as number[])
 					? PropUtils.setPositionFromArray3(obj, val as Parameters<Vector3["set"]>)
 					: val?.["isVector3"]
 					? PropUtils.setPositionFromVector3(obj, val as Vector3)
@@ -238,21 +259,19 @@ export default class PropUtils {
 		obj.position.set(val[0], val[1], val[2])
 	}
 
-	public static setScaleFromValue(
-		obj: Object3D,
-		val: Vector3 | Parameters<Vector3["set"]>,
-		complex?: ComplexValueType
-	): void {
+	public static setScaleFromValue(obj: Object3D, val: scale_value, complex?: ComplexValueType): void {
 		if (verbose_mode() && log_prop_utils(obj)) {
 			console.debug("[ PropUtils ] -> setScaleFromValue : ", { obj, val, complex })
 		}
 		switch (complex) {
 			case undefined:
 				if (val) {
-					PropUtils.isArray3Nums(val)
+					PropUtils.isArray3Nums(val as number[])
 						? PropUtils.setScaleFromArray3(obj, val as Parameters<Vector3["set"]>)
-						: val["isVector3"]
+						: (val as Vector3).isVector3
 						? PropUtils.setScaleFromVector3(obj, val as Vector3)
+						: !isNaN(val as number)
+						? PropUtils.setScaleFromNumber(obj, val as number)
 						: console.error("[ PropUtils ] -> setScaleFromValue : invalid 'scale' value!", {
 								obj: obj,
 								value: val
@@ -289,6 +308,12 @@ export default class PropUtils {
 		obj.scale.copy(val as Vector3)
 	}
 
+	public static setScaleFromNumber(obj: Object3D, val: number) {
+		if (verbose_mode() && log_prop_utils(obj)) console.debug("[ PropUtils ] -> setScaleFromNumber : ", { obj, val })
+		// uniform scale
+		obj.scale.set(val, val, val)
+	}
+
 	public static setScaleFromArray3(obj: Object3D, val: Parameters<Vector3["set"]>) {
 		if (verbose_mode() && log_prop_utils(obj)) console.debug("[ PropUtils ] -> setScaleFromArray3 : ", { obj, val })
 		obj.scale.set(val[0], val[1], val[2])
@@ -308,99 +333,111 @@ export default class PropUtils {
 	TEST: ... the last one updated will be applied
 
 	*/
-	public static setLookAtFromValue(obj: Object3D, val: any, complex?: ComplexValueType) {
+
+	public static setLookAtFromValue(obj: Object3D | LightWithTarget, val: lookAt_value, complex?: ComplexValueType) {
 		if (verbose_mode() && log_prop_utils(obj)) console.debug("[ PropUtils ] -> setLookAtFromValue!", { obj, val })
 
 		// IMPORTANT  update Matrix before setting `lookAt`--> lookAt has to be applied as last.
 		// this way we apply all other transforms before lookAt-update!
 		obj.updateMatrix()
 
-		let tVal: any
+		let t_val: Vector3 | Parameters<Vector3["set"]> | null
 
 		if (val) {
 			// TODO  TOFIX  this seems to be broken?! (Spotlight)
 			// can use Object3D as `lookAt` value
 
-			tVal =
-				Object.getPrototypeOf(Object.getPrototypeOf(val)).constructor.name === "Object3D"
-					? (val as Object3D).position
-					: val
-
-			// limit using manipulating `target` via `lookAt` to lights only
-			if (obj["isLight"]) {
-				// THREE  IMPORTANT  Only DirectionalLight and SpotLight have own `target` properties. Object3D does not.
-				if (Object.prototype.hasOwnProperty.call(obj, "target")) {
-					if (obj["target"].isObject3D) {
-						if (obj.matrixAutoUpdate === false) {
-							obj["target"].matrixAutoUpdate = false
-						}
+			if (!(val as TargetableSvelthreeComponent).is_svelthree_component && (val as Object3D).isObject3D) {
+				t_val = (val as Object3D).position
+			} else if ((val as TargetableSvelthreeComponent).is_svelthree_component) {
+				t_val = (val as TargetableSvelthreeComponent).get_instance().position
+			} else if ((val as Vector3).isVector3) {
+				t_val = val as Vector3
+			} else if (PropUtils.isArray3Nums(val as number[])) {
+				t_val = val as Parameters<Vector3["set"]>
+			} else {
+				t_val = null
+			}
+
+			if (t_val) {
+				// Use 'target':  IMPORTANT  Manipulating `target` via `lookAt` shorthand attribute is limited to `Lights` with 'target' property only (DirectionalLight | SpotLight)
+				if (obj["isLight"]) {
+					if (Object.prototype.hasOwnProperty.call(obj, "target")) {
+						if ((obj as LightWithTarget).target.isObject3D) {
+							if ((obj as LightWithTarget).matrixAutoUpdate === false) {
+								;(obj as LightWithTarget).target.matrixAutoUpdate = false
+							}
 
-						if (obj["target"].parent === null) {
-							// add target to parent of obj (light)
-							if (obj.parent !== null) {
-								// target has no parent, add target to parent of obj
-								obj.parent.add(obj["target"])
-								console.warn(
-									`[ PropUtils ] -> setLookAtFromValue : 'target' of ${obj.type} was added to the parent of ${obj.type}!`,
-									{ obj, target: obj["target"] }
-								)
-
-								// set position of the target
-								PropUtils.setPositionFromValue(obj["target"], tVal, complex)
+							if ((obj as LightWithTarget).target.parent === null) {
+								// add target to parent of obj (light)
+								if ((obj as LightWithTarget).parent !== null) {
+									// target has no parent, add target to parent of obj
+									;(obj as LightWithTarget).parent.add((obj as LightWithTarget).target)
+									console.warn(
+										`[ PropUtils ] -> setLookAtFromValue : 'target' of ${obj.type} was added to the parent of ${obj.type}!`,
+										{ obj, target: (obj as LightWithTarget).target }
+									)
+
+									// set position of the target
+									PropUtils.setPositionFromValue((obj as LightWithTarget).target, t_val, complex)
+								} else {
+									// obj has no parent
+									console.error(
+										`[ PropUtils ] -> setLookAtFromValue : 'target' of ${
+											(obj as LightWithTarget).type
+										} couldn't be added to the parent of ${(obj as LightWithTarget).type}! ${
+											(obj as LightWithTarget).type
+										} has no parent!`,
+										{ obj, target: (obj as LightWithTarget).target }
+									)
+								}
 							} else {
-								// obj has no parent
-								console.error(
-									`[ PropUtils ] -> setLookAtFromValue : 'target' of ${obj.type} couldn't be added to the parent of ${obj.type}! ${obj.type} has no parent!`,
-									{ obj, target: obj["target"] }
-								)
+								// target has parent, set position of the target
+								PropUtils.setPositionFromValue(obj["target"], t_val, complex)
 							}
 						} else {
-							// target has parent, set position of the target
-							PropUtils.setPositionFromValue(obj["target"], tVal, complex)
+							// target is not Object3D
+							console.error(`[ PropUtils ] -> setLookAtFromValue : 'target' has to be an 'Object3D'!`, {
+								obj,
+								target: (obj as LightWithTarget).target
+							})
 						}
 					} else {
-						// target is not Object3D
-						console.error(`[ PropUtils ] -> setLookAtFromValue : 'target' has to be an 'Object3D'!`, {
-							obj,
-							target: obj["target"]
+						console.error(`[ PropUtils ] -> setLookAtFromValue : ${obj.type} has no 'target' property!`, {
+							obj
 						})
 					}
 				} else {
-					console.error(`[ PropUtils ] -> setLookAtFromValue : ${obj.type} has no 'target' property!`, {
-						obj
-					})
-				}
-			} else {
-				if (tVal) {
-					if (PropUtils.isArray3Nums(tVal)) {
-						obj.lookAt(tVal[0], tVal[1], tVal[2])
-					} else if (tVal?.isVector3) {
-						obj.lookAt(tVal as Vector3)
+					// Use `Object3D.lookAt` function (not 'target') on any `Object3D`
+					if (PropUtils.isArray3Nums(t_val as number[])) {
+						obj.lookAt(t_val[0], t_val[1], t_val[2])
+					} else if ((t_val as Vector3).isVector3) {
+						obj.lookAt(t_val as Vector3)
 					} else {
 						console.error("[ PropUtils ] -> setLookAtFromValue : invalid 'lookAt' value!", {
 							obj: obj,
-							value: tVal
+							value: t_val
 						})
 					}
-				} else {
-					console.error("[ PropUtils ] -> setLookAtFromValue : invalid 'lookAt' value!", {
-						obj: obj,
-						value: tVal
-					})
 				}
+			} else {
+				console.error("[ PropUtils ] -> setLookAtFromValue : invalid 'lookAt' value!", {
+					obj: obj,
+					value: t_val
+				})
 			}
 		} else {
 			console.error("[ PropUtils ] -> setLookAtFromValue : invalid 'lookAt' value!", {
 				obj: obj,
-				value: tVal
+				value: val
 			})
 		}
 	}
 
 	// we know that 'obj' has property 'key', see 'Propeller'
 	public static setColorFromValueKey(
-		obj: Object3D | Material | Light | Scene,
-		val: any,
+		obj: Material | Light | Scene,
+		val: color_value,
 		key: string,
 		complex?: ComplexValueType
 	) {
@@ -409,14 +446,14 @@ export default class PropUtils {
 		}
 		// color value can be `0`
 		if (val || val === 0) {
-			PropUtils.isArray3Nums(val)
-				? PropUtils.setColorFromArray(obj, val, key)
-				: !isNaN(val)
-				? PropUtils.setColorFromNumber(obj, val, key)
-				: val.isColor
-				? PropUtils.setColorFromColor(obj, val, key)
-				: val.isVector3
-				? PropUtils.setColorFromVector3(obj, val, key)
+			PropUtils.isArray3Nums(val as number[])
+				? PropUtils.setColorFromArray(obj, val as [r: number, g: number, b: number], key)
+				: !isNaN(val as number)
+				? PropUtils.setColorFromNumber(obj, val as number, key)
+				: (val as Color).isColor
+				? PropUtils.setColorFromColor(obj, val as Color, key)
+				: (val as Vector3).isVector3
+				? PropUtils.setColorFromVector3(obj, val as Vector3, key)
 				: typeof val === "string"
 				? PropUtils.setColorFromString(obj, val, key)
 				: console.error(`[ PropUtils ] -> setColorFromValueKey : invalid '${key}' value!`, {
@@ -431,6 +468,13 @@ export default class PropUtils {
 		}
 	}
 
+	// TODO  handle background as `Texture`
+	/*
+	public static setBackgroundAsTextureFromValueKey() {
+		// TODO 
+	}
+	*/
+
 	public static setColorFromArray(obj: Object3D | Material, val: [r: number, g: number, b: number], key: string) {
 		if (verbose_mode() && log_prop_utils(obj)) {
 			console.debug("[ PropUtils ] -> setColorFromArray : ", { obj, val, key })
@@ -480,6 +524,54 @@ export default class PropUtils {
 		light.intensity = val
 	}
 
+	public static setShadowMapSizeFromValue(obj: LightShadow, val: mapsize_value, complex?: ComplexValueType): void {
+		if (verbose_mode() && log_prop_utils(obj)) {
+			console.debug("[ PropUtils ] -> setPositionFromValue : ", { obj, val, complex })
+		}
+		switch (complex) {
+			case undefined:
+				PropUtils.isArray2Nums(val as number[])
+					? PropUtils.setMapSizeFromArray2(obj, val as Parameters<Vector2["set"]>)
+					: val?.["isVector2"]
+					? PropUtils.setMapSizeFromVector2(obj, val as Vector2)
+					: console.error("[ PropUtils ] -> setPositionFromValue : invalid 'position' value!", {
+							obj: obj,
+							value: val
+					  })
+				break
+			case "Array2Nums":
+				PropUtils.setMapSizeFromArray2(obj, val as Parameters<Vector2["set"]>)
+				break
+			case "Vector2":
+				PropUtils.setMapSizeFromVector2(obj, val as Vector2)
+				break
+			default:
+				console.error(
+					"[ PropUtils ] -> setShadowMapSizeFromValue : invalid 'mapSize' value! No such 'ComplexValueType'!",
+					{
+						obj: obj,
+						value: val,
+						complex: complex
+					}
+				)
+				break
+		}
+	}
+
+	public static setMapSizeFromVector2(obj: LightShadow, val: Vector2) {
+		if (verbose_mode() && log_prop_utils(obj)) {
+			console.debug("[ PropUtils ] -> setMapSizeFromVector2 : ", { obj, val })
+		}
+		obj.mapSize.copy(val)
+	}
+
+	public static setMapSizeFromArray2(obj: LightShadow, val: Parameters<Vector2["set"]>) {
+		if (verbose_mode() && log_prop_utils(obj)) {
+			console.debug("[ PropUtils ] -> setMapSizeFromArray3 : ", { obj, val })
+		}
+		obj.mapSize.set(val[0], val[1])
+	}
+
 	public static setShadowMapSize(light: LightWithShadow, shadowMapSize: number) {
 		if (verbose_mode() && log_prop_utils(light)) {
 			console.debug("[ PropUtils ] -> setShadowMapSize : ", { light, shadowMapSize })
@@ -502,26 +594,10 @@ export default class PropUtils {
 		light.castShadow = castShadow
 	}
 
-	public static setShadowCameraProp(light: LightWithShadow, key: string, val: any) {
-		if (verbose_mode() && log_prop_utils(light)) {
-			console.debug("[ PropUtils ] -> setShadowCameraProp : ", { light, key, val })
-		}
-		light.shadow.camera[key] = val
-		light.shadow.camera.updateProjectionMatrix()
-	}
-
-	public static setShadowProp(light: Light, key: string, val: any) {
-		if (verbose_mode() && log_prop_utils(light)) {
-			console.debug("[ PropUtils ] -> setShadowProp : ", { light, key, val })
-		}
-		light.shadow[key] = val
-		light.shadow.needsUpdate = true
-	}
-
 	/**
 	 * TODO : test / polish this!
 	 */
-	public static setLightTarget(obj: Object3D, val: Targetable) {
+	public static setLightTarget(obj: LightWithTarget, val: Targetable) {
 		if (verbose_mode() && log_prop_utils(obj)) console.debug("[ PropUtils ] -> setLightTarget : ", { obj, val })
 		if (!val) {
 			console.warn(`[ PropUtils ] -> setLightTarget : invalid 'target' value!`, { val })
@@ -529,11 +605,10 @@ export default class PropUtils {
 			// TODO : Check why this being called twice on init! Not severe problem, but still to be checked.
 			//console.warn("SVELTHREE > Propeller > setLightTarget : " + this.objTypeStr + " : target in 'props' now defined!!")
 
-			if (val["isObject3D"]) {
-				obj["target"] = val
-			} else if (val["is_svelthree_component"]) {
-				const obj3d: Object3D = (val as TargetableSvelthreeComponent).get_instance()
-				obj["target"] = obj3d
+			if ((val as TargetableSvelthreeComponent).is_svelthree_component) {
+				;(obj as LightWithTarget).target = (val as TargetableSvelthreeComponent).get_instance()
+			} else if ((val as Object3D).isObject3D) {
+				obj["target"] = val as Object3D
 			} else {
 				console.error(`[ PropUtils ] -> setLightTarget : invalid 'target' value!`, { val })
 			}
@@ -545,55 +620,64 @@ export default class PropUtils {
 	 * IMPORTANT  Setting "manually" updating the `matrix` property will automatically set `matrixAutoUpdate` to `false`.
 	 * Applying transformations via `position`, `rotation`, `scale` etc. will automatically set `matrixAutoUpdate` to `true` again.
 	 */
-	public static setMatrixFromValue(obj: Object3D, val: any) {
+	public static setMatrixFromValue(obj: Object3D, val: matrix_value) {
 		if (verbose_mode() && log_prop_utils(obj))
 			console.debug("[ PropUtils ] -> obj.matrixAutoUpdate before! : ", obj.matrixAutoUpdate)
 		if (verbose_mode() && log_prop_utils(obj))
 			console.debug("[ PropUtils ] -> setMatrixFromValue! : ", { obj, val })
+		if (val) {
+			if ((val as Matrix4)["isMatrix4"]) {
+				// see https://stackoverflow.com/questions/60393190/threejs-transform-by-applymatrix4-doesnt-preserve-eigen-vectors-direction
+				//mesh.applyMatrix4(matrix)
+
+				if (verbose_mode() && log_prop_utils(obj))
+					console.debug("[ PropUtils ] -> setMatrixFromValue! is Matrix4 BEFORE : ", {
+						obj,
+						val,
+						m: obj.matrix
+					})
 
-		if (val?.isMatrix4) {
-			// see https://stackoverflow.com/questions/60393190/threejs-transform-by-applymatrix4-doesnt-preserve-eigen-vectors-direction
-			//mesh.applyMatrix4(matrix)
-
-			if (verbose_mode() && log_prop_utils(obj))
-				console.debug("[ PropUtils ] -> setMatrixFromValue! is Matrix4 BEFORE : ", { obj, val, m: obj.matrix })
-
-			// save initial `matrixAutoUpdate` value
-			const initialMatrixAutoUpdate: boolean = obj.matrixAutoUpdate
+				// save initial `matrixAutoUpdate` value
+				const initialMatrixAutoUpdate: boolean = obj.matrixAutoUpdate
 
-			// force disable `matrixAutoUpdate` before matrix manipulation
-			obj.matrixAutoUpdate = false
+				// force disable `matrixAutoUpdate` before matrix manipulation
+				obj.matrixAutoUpdate = false
 
-			obj.matrix.copy(val as Matrix4) // copy is faster
+				obj.matrix.copy(val as Matrix4) // copy is faster
 
-			// reset inital `matrixAutoUpdate` value
-			obj.matrixAutoUpdate = initialMatrixAutoUpdate
+				// reset inital `matrixAutoUpdate` value
+				obj.matrixAutoUpdate = initialMatrixAutoUpdate
 
-			// mark for matrixWorld update (as updateMatrix() normally would)
-			obj.matrixWorldNeedsUpdate = true
+				// mark for matrixWorld update (as updateMatrix() normally would)
+				obj.matrixWorldNeedsUpdate = true
 
-			if (verbose_mode() && log_prop_utils(obj))
-				console.debug("[ PropUtils ] -> setMatrixFromValue! is Matrix4 AFTER : ", { obj, val, m: obj.matrix })
-		} else if (PropUtils.isMatrix4ParamsArray(val)) {
-			// save initial `matrixAutoUpdate` value
-			const initialMatrixAutoUpdate: boolean = obj.matrixAutoUpdate
+				if (verbose_mode() && log_prop_utils(obj))
+					console.debug("[ PropUtils ] -> setMatrixFromValue! is Matrix4 AFTER : ", {
+						obj,
+						val,
+						m: obj.matrix
+					})
+			} else if (PropUtils.isMatrix4ParamsArray(val)) {
+				// save initial `matrixAutoUpdate` value
+				const initialMatrixAutoUpdate: boolean = obj.matrixAutoUpdate
 
-			// force disable `matrixAutoUpdate` before matrix manipulation
-			obj.matrixAutoUpdate = false
+				// force disable `matrixAutoUpdate` before matrix manipulation
+				obj.matrixAutoUpdate = false
 
-			obj.matrix.set(...(val as Parameters<Matrix4["set"]>)).transpose()
-			// TODO  Nail down updating matrix / matrixWorld
+				obj.matrix.set(...(val as Parameters<Matrix4["set"]>)).transpose()
+				// TODO  Nail down updating matrix / matrixWorld
 
-			// reset inital `matrixAutoUpdate` value
-			obj.matrixAutoUpdate = initialMatrixAutoUpdate
+				// reset inital `matrixAutoUpdate` value
+				obj.matrixAutoUpdate = initialMatrixAutoUpdate
 
-			// mark for matrixWorld update (as updateMatrix() normally would)
-			obj.matrixWorldNeedsUpdate = true
-		} else {
-			console.error(`[ PropUtils ] -> setMatrixFromValue : invalid 'matrix' value!`, {
-				obj: obj,
-				value: val
-			})
+				// mark for matrixWorld update (as updateMatrix() normally would)
+				obj.matrixWorldNeedsUpdate = true
+			} else {
+				console.error(`[ PropUtils ] -> setMatrixFromValue : invalid 'matrix' value!`, {
+					obj: obj,
+					value: val
+				})
+			}
 		}
 
 		if (verbose_mode() && log_prop_utils(obj))
@@ -602,12 +686,12 @@ export default class PropUtils {
 			console.debug("[ PropUtils ] -> setMatrixFromValue! AFTER : ", { obj, val, m: obj.matrix })
 	}
 
-	public static setQuaternionFromValue(obj: Object3D, val: any, complex?: ComplexValueType) {
+	public static setQuaternionFromValue(obj: Object3D, val: quat_value, complex?: ComplexValueType) {
 		if (verbose_mode() && log_prop_utils(obj)) {
 			console.debug("[ PropUtils ] -> setLightTarget : ", { obj, val, complex })
 		}
 
-		if (val?.isQuaternion) {
+		if (val && (val as Quaternion).isQuaternion) {
 			// see https://threejs.org/docs/#api/en/core/Object3D.setRotationFromQuaternion
 
 			// Copy the given quat into '.quat'.
@@ -627,14 +711,14 @@ export default class PropUtils {
 	}
 
 	/** Simply set property `a` to value `x` -> no special method was assigned to the prop via `Propeller`. */
-	public static applyValueToProp(obj: any, val: any, key: string, complex?: ComplexValueType) {
+	public static applyValueToProp(obj: unknown, value: unknown, key: string, complex?: ComplexValueType) {
 		if (verbose_mode() && log_prop_utils(obj)) {
-			console.debug("[ PropUtils ] -> applyValueToProp : ", { obj, val, key, complex })
+			console.debug("[ PropUtils ] -> applyValueToProp : ", { obj, value, key, complex })
 		}
 		try {
-			obj[key] = val
+			obj[key] = value
 		} catch (error) {
-			console.error(`[ PropUtils ] -> applyValueToProp : failed!`, { obj: obj, value: val, key: key })
+			console.error(`[ PropUtils ] -> applyValueToProp : failed!`, { obj, value, key })
 		}
 	}
 }
diff --git a/src/lib/utils/Propeller.ts b/src/lib/utils/Propeller.ts
index 2c73574..0db9935 100644
--- a/src/lib/utils/Propeller.ts
+++ b/src/lib/utils/Propeller.ts
@@ -1,22 +1,30 @@
-/**
- * @author Vatroslav Vrbanic @see https://github.com/vatro
- */
-
-import type { WebGLCubeRenderTarget } from "three"
+import type { WebGLCubeRenderTarget, Object3D, Material, Light, Scene, LightShadow } from "three"
+import type {
+	matrix_value,
+	pos_value,
+	rot_value,
+	scale_value,
+	lookAt_value,
+	quat_value,
+	color_value,
+	mapsize_value,
+	//background_value,
+	any_propeller_value
+} from "../types/types-extra"
 import PropUtils from "./PropUtils"
-import type { ComplexValueType } from "../types/types-extra"
+import type { ComplexValueType, SvelthreePropsOwner, Targetable, LightWithTarget } from "../types/types-extra"
 
 /** ⚙️ `Propeller`'s `update` method redirects some `props` object properties to specific `PropUtils` update
  * methods and also allows special handling if needed when updating a specific `props` object's property.
- * It's used internally by `SvelthreeProps` (+`valuators`). */
+ * It's used **only** internally by `SvelthreeProps` (+`valuators`) **only**. */
 export default class Propeller {
 	/** Used internally by `SvelthreeProps` (+`valuators`) -> redirects some `props` object properties to specific `PropUtils` update methods and also
 	 * allows special handling if needed when updating a specific `props` object's property. */
 	public static update(
-		obj: any,
+		obj: SvelthreePropsOwner,
 		obj_type: string,
 		key: string,
-		value: any,
+		value: any_propeller_value,
 		origin: string | null,
 		complex?: ComplexValueType
 	): void {
@@ -24,28 +32,38 @@ export default class Propeller {
 		if (origin === "own") {
 			switch (key) {
 				case "position":
-					PropUtils.setPositionFromValue(obj, value, complex)
+					PropUtils.setPositionFromValue(obj as Object3D, value as pos_value, complex)
 					break
 				case "rotation":
-					PropUtils.setRotationFromValue(obj, value, complex)
+					PropUtils.setRotationFromValue(obj as Object3D, value as rot_value, complex)
 					break
 				case "scale":
-					PropUtils.setScaleFromValue(obj, value, complex)
+					PropUtils.setScaleFromValue(obj as Object3D, value as scale_value, complex)
 					break
 				case "quaternion":
-					PropUtils.setQuaternionFromValue(obj, value, complex)
+					PropUtils.setQuaternionFromValue(obj as Object3D, value as quat_value, complex)
 					break
 				case "matrix":
-					PropUtils.setMatrixFromValue(obj, value)
+					PropUtils.setMatrixFromValue(obj as Object3D, value as matrix_value)
+					break
+				case "mapSize":
+					PropUtils.setShadowMapSizeFromValue(obj as LightShadow, value as mapsize_value)
 					break
 				case "color":
 				case "groundColor":
+					PropUtils.setColorFromValueKey(obj as Material | Light, value as color_value, key, complex)
+					break
 				case "background":
-					PropUtils.setColorFromValueKey(obj, value, key, complex)
+					if (!(value as THREE.Texture).isTexture) {
+						PropUtils.setColorFromValueKey(obj as Scene, value as color_value, key, complex)
+					} else {
+						// TODO  handle background as `Texture`
+						//PropUtils.setBackgroundAsTextureFromValueKey(obj as Scene, value as Texture, key, complex)
+					}
 					break
 				case "target":
 					if (obj_type === "DirectionalLight" || obj_type === "SpotLight") {
-						PropUtils.setLightTarget(obj, value)
+						PropUtils.setLightTarget(obj as LightWithTarget, value as Targetable)
 					}
 					break
 
@@ -58,7 +76,7 @@ export default class Propeller {
 		} else if (origin === "inherited") {
 			switch (key) {
 				case "lookAt":
-					PropUtils.setLookAtFromValue(obj, value, complex)
+					PropUtils.setLookAtFromValue(obj as Object3D | LightWithTarget, value as lookAt_value, complex)
 					break
 				default:
 					// update `CubeCamera`'s `renderTargetProps` prop (`CubeTexture`)
diff --git a/src/lib/utils/RaycastArray.ts b/src/lib/utils/RaycastArray.ts
index 6a41432..a02e521 100644
--- a/src/lib/utils/RaycastArray.ts
+++ b/src/lib/utils/RaycastArray.ts
@@ -1,16 +1,16 @@
-import type { Object3D } from "three"
-import type { RaycastableSvelthreeComponents } from "../types/types-extra"
+import type { RaycastArrayInput, RaycastArrayOutput } from "../types/types-extra"
 
 class RaycastArray_Base extends Array {
 	public head_path?: string[] | undefined = undefined
 	public index_prop: string | undefined = undefined
 	public dirty = false
 
+	/*eslint @typescript-eslint/no-explicit-any: ["error", { "ignoreRestArgs": true }]*/
 	constructor(...args: any[]) {
 		super(...args)
 	}
 
-	push(...to_check_intersection: (Object3D | RaycastableSvelthreeComponents)[]): number {
+	push(...to_check_intersection: RaycastArrayInput): number {
 		super.push(...to_check_intersection)
 		this.process_to_check_intersection()
 		this.set_index_prop()
@@ -18,7 +18,7 @@ class RaycastArray_Base extends Array {
 		return this.length
 	}
 
-	splice(start: number, deleteCount?: number): any[] {
+	splice(start: number, deleteCount?: number): RaycastArrayOutput {
 		super.splice(start, deleteCount)
 		this.set_index_prop()
 		this.dirty = true
@@ -36,7 +36,7 @@ class RaycastArray_Base extends Array {
 
 	set_index_prop() {
 		for (let i = 0; i < this.length; i++) {
-			let prop_head: any
+			let prop_head: unknown
 
 			if (this.head_path?.length) {
 				prop_head = this[i][this.head_path[0]]
diff --git a/src/lib/utils/SceneUtils.ts b/src/lib/utils/SceneUtils.ts
index 2d4bf98..db53072 100644
--- a/src/lib/utils/SceneUtils.ts
+++ b/src/lib/utils/SceneUtils.ts
@@ -6,7 +6,7 @@ function get_root_scene(context_scene: Scene): Scene | null {
 		return context_scene
 	} else {
 		let n = undefined
-		let o: any = context_scene
+		let o = context_scene
 		while (n !== null) {
 			n = o.parent
 			if (n !== null) {
diff --git a/src/lib/utils/SvelthreeGLTF.ts b/src/lib/utils/SvelthreeGLTF.ts
index 81ff85d..2fa8702 100644
--- a/src/lib/utils/SvelthreeGLTF.ts
+++ b/src/lib/utils/SvelthreeGLTF.ts
@@ -80,6 +80,7 @@ export default class SvelthreeGLTF {
 		}
 	}
 
+	// eslint-disable-next-line @typescript-eslint/no-explicit-any
 	async get_parent_context(parent_component: SvelthreeComponentShadowDOMChild): Promise<Map<any, any>> {
 		return parent_component["$$"].context
 	}
@@ -95,6 +96,7 @@ export default class SvelthreeGLTF {
 		const create_component =
 			(item: ISvelthreeGLTFTreeMapMember, target_component: SvelthreeComponentShadowDOMChild) =>
 			async (): Promise<void> => {
+				// eslint-disable-next-line @typescript-eslint/no-explicit-any
 				let context: Map<any, any> | undefined
 				let dom_target: SvelthreeShadowDOMElement | ShadowRoot | undefined
 				let parent_component: SvelthreeComponentShadowDOMChild | undefined
diff --git a/src/lib/utils/SvelthreeLogger.ts b/src/lib/utils/SvelthreeLogger.ts
index 2307234..4a4f9a0 100644
--- a/src/lib/utils/SvelthreeLogger.ts
+++ b/src/lib/utils/SvelthreeLogger.ts
@@ -1,4 +1,6 @@
 import LogCSS from "../constants/LogCSS"
+import type { AnySvelthreeComponent } from "svelthree/types/types-extra"
+import type { get_current_component } from "svelte/internal"
 
 export type LogLC = { all?: boolean; om?: boolean; bu?: boolean; au?: boolean; od?: boolean }
 
@@ -22,7 +24,7 @@ function verbose_mode(): boolean {
 	}
 }
 
-function log_prop_utils(obj: any): boolean {
+function log_prop_utils(obj: ReturnType<AnySvelthreeComponent["get_instance"]>): boolean {
 	if (obj) {
 		if (obj.userData) {
 			if (obj.userData.svelthreeComponent) {
@@ -77,7 +79,7 @@ function log_prop_utils(obj: any): boolean {
 	}
 }
 
-function c_lc(comp_name: string, message: string, value?: any): any[] {
+function c_lc(comp_name: string, message: string, value?: unknown): [string, string, string, unknown] {
 	let css = undefined
 	let prefix = undefined
 
@@ -127,7 +129,7 @@ function c_lc(comp_name: string, message: string, value?: any): any[] {
 	}
 }
 
-function c_rs(comp_name: string, message: string, value?: any): any[] {
+function c_rs(comp_name: string, message: string, value?: unknown): [string, string, unknown] {
 	return [
 		`%c$: > ${comp_name} -> ${message}`,
 		`${LogCSS.REACTIVE_STATEMENT}`,
@@ -135,7 +137,7 @@ function c_rs(comp_name: string, message: string, value?: any): any[] {
 	]
 }
 
-function c_lc_int(comp_name: string, message: string, value?: any): any[] {
+function c_lc_int(comp_name: string, message: string, value?: unknown): [string, string, string, unknown] {
 	let css = undefined
 	let prefix = undefined
 
@@ -184,7 +186,7 @@ function c_lc_int(comp_name: string, message: string, value?: any): any[] {
 	}
 }
 
-function c_rs_int(comp_name: string, message: string, value?: any): any[] {
+function c_rs_int(comp_name: string, message: string, value?: unknown): [string, string, unknown] {
 	return [
 		`%c$: > ${comp_name} -> ${message}`,
 		`${LogCSS.REACTIVE_STATEMENT}`,
@@ -192,7 +194,7 @@ function c_rs_int(comp_name: string, message: string, value?: any): any[] {
 	]
 }
 
-function c_dev(comp_name: string, message: string, value?: any): any[] {
+function c_dev(comp_name: string, message: string, value?: unknown): [string, string, unknown] {
 	return [
 		`%c[ dev ] -> ${comp_name} : ${message}`,
 		`${LogCSS.DEV_DEBUG}`,
@@ -200,7 +202,7 @@ function c_dev(comp_name: string, message: string, value?: any): any[] {
 	]
 }
 
-function c_mau(comp_name: string, message: string, value?: any): any[] {
+function c_mau(comp_name: string, message: string, value?: unknown): [string, string, unknown] {
 	return [
 		`%c[ mau ] -> ${comp_name} : ${message}`,
 		`${LogCSS.FEATURE_MAU}`,
@@ -208,11 +210,12 @@ function c_mau(comp_name: string, message: string, value?: any): any[] {
 	]
 }
 
-function get_comp_name(comp: any): string {
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+function get_comp_name(comp: ReturnType<typeof get_current_component>): string {
 	return comp.constructor.name.replace("_1", "")
 }
 
-function get_comp_name_int(comp: any): string {
+function get_comp_name_int(comp: ReturnType<typeof get_current_component>): string {
 	return comp.constructor.name.replace("_1", "")
 }
 
diff --git a/src/lib/utils/SvelthreeProps.ts b/src/lib/utils/SvelthreeProps.ts
index 51aef4c..0ebae5f 100644
--- a/src/lib/utils/SvelthreeProps.ts
+++ b/src/lib/utils/SvelthreeProps.ts
@@ -1,35 +1,62 @@
 import {
+	PropArray2X,
 	PropArray3X,
 	PropColorX,
+	PropEulerArrayX,
 	PropEulerX,
+	PropMatrix4ArrayX,
 	PropMatrix4X,
-	PropVector3X,
-	PropEulerArrayX,
+	PropQuaternionArrayX,
 	PropQuaternionX,
-	PropMatrix4ArrayX,
-	PropQuaternionArrayX
+	PropVector2X,
+	PropVector3X
 } from "./props"
 import { safe_not_equal, has_prop } from "svelte/internal"
 import Propeller from "./Propeller"
 import PropUtils from "./PropUtils"
-import type { ComplexValueType } from "../types/types-extra"
+import type { ComplexValueType, SvelthreePropsOwner } from "../types/types-extra"
+import type { SvelthreePropsObjectLiteral } from "../types/types-comp-props"
 
 export type PropOrigin = "own" | "inherited"
 
+type ComplexValuator =
+	| typeof PropArray2X
+	| typeof PropArray3X
+	| typeof PropColorX
+	| typeof PropEulerArrayX
+	| typeof PropEulerX
+	| typeof PropMatrix4ArrayX
+	| typeof PropMatrix4X
+	| typeof PropQuaternionArrayX
+	| typeof PropQuaternionX
+	| typeof PropVector2X
+	| typeof PropVector3X
+
+type ComplexValuatorInstance =
+	| PropArray2X
+	| PropArray3X
+	| PropColorX
+	| PropEulerArrayX
+	| PropEulerX
+	| PropMatrix4ArrayX
+	| PropMatrix4X
+	| PropQuaternionArrayX
+	| PropQuaternionX
+	| PropVector2X
+	| PropVector3X
+
 type ComplexValueItem = {
 	key: string
-	value: any
+	value: ComplexValuatorInstance
 	complex: ComplexValueType
 }
 
 type SimpleValueItem = {
 	key: string
-	value: any
+	value: unknown
 	origin: PropOrigin | null
 }
 
-type ComplexValuator = typeof PropArray3X
-
 /**
  * Analyzes the type `props` object's properties, and updates corresponding `three` instance's properties via `Propeller`:
  * - **"reactive" _complex_ values**: if any part of a _complex_ value has changed, like e.g. `c` of a `Matrix4` type property,
@@ -49,27 +76,29 @@ type ComplexValuator = typeof PropArray3X
  * allows special handling if needed when updating a specific `props` object's property.
  */
 export default class SvelthreeProps {
-	obj: any
+	obj: SvelthreePropsOwner
 	obj_type: string | null
-	propsPrev: { [key: string]: any }
+	propsPrev: SvelthreePropsObjectLiteral
 	simpleValues: SimpleValueItem[]
 
 	updatedKeys: string[]
 	complexValues: ComplexValueItem[]
 
-	complexValuators: { [key in ComplexValueType]: any } = {
-		Vector3: PropVector3X,
+	complexValuators: { [key in ComplexValueType]: ComplexValuator } = {
+		Array2Nums: PropArray2X,
 		Array3Nums: PropArray3X,
+		Color: PropColorX,
 		Euler: PropEulerX,
 		EulerParamsArray: PropEulerArrayX,
-		Quaternion: PropQuaternionX,
-		QuaternionParamsArray: PropQuaternionArrayX,
 		Matrix4: PropMatrix4X,
 		Matrix4ParamsArray: PropMatrix4ArrayX,
-		Color: PropColorX
+		Quaternion: PropQuaternionX,
+		QuaternionParamsArray: PropQuaternionArrayX,
+		Vector2: PropVector2X,
+		Vector3: PropVector3X
 	}
 
-	constructor(obj: any | null) {
+	constructor(obj: SvelthreePropsOwner | null) {
 		this.obj = obj
 		this.obj_type = this.get_obj_type()
 	}
@@ -89,7 +118,7 @@ export default class SvelthreeProps {
 	 * as their `valuator` will be assigned only once the unique `props` object was assigned,
 	 * not at each (reactive) properties change._
 	 */
-	public update(props: { [key: string]: any }): string[] {
+	public update(props: SvelthreePropsObjectLiteral): string[] {
 		if (this.obj) {
 			// UPDATE -> `props` has already been processed at least once -> `this.propsPrev` available
 			if (this.propsPrev) {
@@ -119,7 +148,7 @@ export default class SvelthreeProps {
 	}
 
 	// `props` object is a new one (changed)
-	resetAndMap(props: { [key: string]: any }) {
+	resetAndMap(props: SvelthreePropsObjectLiteral) {
 		this.simpleValues = []
 		this.complexValues = []
 		this.updatedKeys = []
@@ -127,6 +156,7 @@ export default class SvelthreeProps {
 		// analyze and sort `props` object's properties
 		for (const k in props) {
 			const complexType: ComplexValueType | undefined = PropUtils.checkIfComplexValueType(props[k])
+			// eslint-disable-next-line @typescript-eslint/no-explicit-any
 			const is_own_prop: any = has_prop(this.obj, k)
 			const is_inherited_prop: boolean = is_own_prop ? false : this.obj[k] ? true : false
 			const origin: PropOrigin | null = is_own_prop ? "own" : is_inherited_prop ? "inherited" : null
@@ -162,18 +192,18 @@ export default class SvelthreeProps {
 	}
 
 	// `props` object is the same one
-	checkProps(props: { [key: string]: any }) {
+	checkProps(props: SvelthreePropsObjectLiteral) {
 		// check complex props
 		// reassign / update only if the 'complex' value object itself or any of its parts have changed.
 		for (let i = 0; i < this.complexValues.length; i++) {
-			const k = this.complexValues[i].key
+			const k: string = this.complexValues[i].key
 			const updated: boolean = this.complexValues[i].value.update(this.obj, props[k])
 			if (updated) this.updatedKeys.push(k)
 		}
 
 		// check 'simple' props (nummeric, strings, boolean... + objects and functions)
 		for (let j = 0; j < this.simpleValues.length; j++) {
-			const k = this.simpleValues[j].key
+			const k: string = this.simpleValues[j].key
 			const prop_value = this.simpleValues[j].value
 			const prop_origin = this.simpleValues[j].origin
 
diff --git a/src/lib/utils/SvelthreeStoreArray.ts b/src/lib/utils/SvelthreeStoreArray.ts
index e055342..d19b26a 100644
--- a/src/lib/utils/SvelthreeStoreArray.ts
+++ b/src/lib/utils/SvelthreeStoreArray.ts
@@ -1,7 +1,10 @@
+import type { SvelthreeStoreArrayItem } from "../types/types-extra"
+
 class SvelthreeStoreArray_Base extends Array {
 	public head_path?: string[] | undefined = undefined
 	public index_prop: string | undefined = undefined
 
+	/*eslint @typescript-eslint/no-explicit-any: ["error", { "ignoreRestArgs": true }]*/
 	constructor(...args: any[]) {
 		super(...args)
 	}
@@ -12,7 +15,7 @@ class SvelthreeStoreArray_Base extends Array {
 		return this.length
 	}
 
-	splice(start: number, deleteCount?: number): any[] {
+	splice(start: number, deleteCount?: number): SvelthreeStoreArrayItem[] {
 		super.splice(start, deleteCount)
 		this.set_index_prop()
 		return this
@@ -20,7 +23,7 @@ class SvelthreeStoreArray_Base extends Array {
 
 	set_index_prop() {
 		for (let i = 0; i < this.length; i++) {
-			let prop_head: any
+			let prop_head: unknown
 
 			if (this.head_path?.length) {
 				prop_head = this[i][this.head_path[0]]
diff --git a/src/lib/utils/props/PropArray2X.ts b/src/lib/utils/props/PropArray2X.ts
new file mode 100644
index 0000000..c42fd6f
--- /dev/null
+++ b/src/lib/utils/props/PropArray2X.ts
@@ -0,0 +1,49 @@
+import { not_equal } from "svelte/internal"
+import { Propeller } from "./utils"
+import type { SvelthreePropsOwner } from "../../types/types-extra"
+
+export default class PropArray2X {
+	// previous value reference
+	prev: [number, number]
+	prevValues: [number, number]
+
+	constructor(private key: string, private obj_type: string, private origin: string) {}
+
+	public update(obj: SvelthreePropsOwner, value: [number, number]): boolean {
+		//v1
+		switch (this.prev) {
+			case undefined:
+				this.prev = value
+				// hot!
+				Propeller.update(obj, this.obj_type, this.key, value as [number, number], this.origin, "Array2Nums")
+				this.prevValues = [value[0], value[1]]
+				return true
+
+			case value:
+				// same object, perform deep check
+				for (let i = 0; i < 3; i++) {
+					if (not_equal(this.prevValues[i], value[i])) {
+						Propeller.update(
+							obj,
+							this.obj_type,
+							this.key,
+							value as [number, number],
+							this.origin,
+							"Array2Nums"
+						)
+						this.prevValues = [value[0], value[1]]
+						this.prev = value
+						return true
+					}
+				}
+
+				return false
+			default:
+				// not undefined but !== value --> hot!
+				Propeller.update(obj, this.obj_type, this.key, value as [number, number], this.origin, "Array2Nums")
+				this.prevValues = [value[0], value[1]]
+				this.prev = value
+				return true
+		}
+	}
+}
diff --git a/src/lib/utils/props/PropArray3X.ts b/src/lib/utils/props/PropArray3X.ts
index 224f08d..46d7cbd 100644
--- a/src/lib/utils/props/PropArray3X.ts
+++ b/src/lib/utils/props/PropArray3X.ts
@@ -1,21 +1,28 @@
 import { not_equal } from "svelte/internal"
-import type { Array3 } from "../../types/types-extra"
 import { Propeller } from "./utils"
+import type { SvelthreePropsOwner } from "../../types/types-extra"
 
 export default class PropArray3X {
 	// previous value reference
-	prev: Array3
-	prevValues: Array3
+	prev: [number, number, number]
+	prevValues: [number, number, number]
 
 	constructor(private key: string, private obj_type: string, private origin: string) {}
 
-	public update(obj: any, value: Array3): boolean {
+	public update(obj: SvelthreePropsOwner, value: [number, number, number]): boolean {
 		//v1
 		switch (this.prev) {
 			case undefined:
 				this.prev = value
 				// hot!
-				Propeller.update(obj, this.obj_type, this.key, value, this.origin, "Array3Nums")
+				Propeller.update(
+					obj,
+					this.obj_type,
+					this.key,
+					value as [number, number, number],
+					this.origin,
+					"Array3Nums"
+				)
 				this.prevValues = [value[0], value[1], value[2]]
 				return true
 
@@ -23,7 +30,14 @@ export default class PropArray3X {
 				// same object, perform deep check
 				for (let i = 0; i < 3; i++) {
 					if (not_equal(this.prevValues[i], value[i])) {
-						Propeller.update(obj, this.obj_type, this.key, value, this.origin, "Array3Nums")
+						Propeller.update(
+							obj,
+							this.obj_type,
+							this.key,
+							value as [number, number, number],
+							this.origin,
+							"Array3Nums"
+						)
 						this.prevValues = [value[0], value[1], value[2]]
 						this.prev = value
 						return true
@@ -33,7 +47,14 @@ export default class PropArray3X {
 				return false
 			default:
 				// not undefined but !== value --> hot!
-				Propeller.update(obj, this.obj_type, this.key, value, this.origin, "Array3Nums")
+				Propeller.update(
+					obj,
+					this.obj_type,
+					this.key,
+					value as [number, number, number],
+					this.origin,
+					"Array3Nums"
+				)
 				this.prevValues = [value[0], value[1], value[2]]
 				this.prev = value
 				return true
diff --git a/src/lib/utils/props/PropColorX.ts b/src/lib/utils/props/PropColorX.ts
index d24dc6c..1e4a9fb 100644
--- a/src/lib/utils/props/PropColorX.ts
+++ b/src/lib/utils/props/PropColorX.ts
@@ -1,6 +1,7 @@
 import type { Color } from "three"
 import { not_equal } from "svelte/internal"
 import { Propeller } from "./utils"
+import type { SvelthreePropsOwner } from "../../types/types-extra"
 
 export default class PropColorX {
 	// previous value reference
@@ -9,7 +10,7 @@ export default class PropColorX {
 
 	constructor(private key: string, private obj_type: string, private origin: string) {}
 
-	public update(obj: any, value: Color): boolean {
+	public update(obj: SvelthreePropsOwner, value: Color): boolean {
 		switch (this.prev) {
 			case undefined:
 				this.prev = value
diff --git a/src/lib/utils/props/PropEulerArrayX.ts b/src/lib/utils/props/PropEulerArrayX.ts
index 3397f1c..7cee56c 100644
--- a/src/lib/utils/props/PropEulerArrayX.ts
+++ b/src/lib/utils/props/PropEulerArrayX.ts
@@ -1,6 +1,7 @@
 import type { Euler } from "three"
 import { not_equal } from "svelte/internal"
 import { Propeller } from "./utils"
+import type { SvelthreePropsOwner } from "../../types/types-extra"
 
 export default class PropEulerArrayX {
 	// previous value reference
@@ -9,7 +10,7 @@ export default class PropEulerArrayX {
 
 	constructor(private key: string, private obj_type: string, private origin: string) {}
 
-	public update(obj: any, value: Parameters<Euler["set"]>): boolean {
+	public update(obj: SvelthreePropsOwner, value: Parameters<Euler["set"]>): boolean {
 		switch (this.prev) {
 			case undefined:
 				this.prev = value
diff --git a/src/lib/utils/props/PropEulerX.ts b/src/lib/utils/props/PropEulerX.ts
index aa353c9..9df862d 100644
--- a/src/lib/utils/props/PropEulerX.ts
+++ b/src/lib/utils/props/PropEulerX.ts
@@ -1,6 +1,7 @@
 import type { Euler } from "three"
 import { not_equal } from "svelte/internal"
 import { Propeller } from "./utils"
+import type { SvelthreePropsOwner } from "../../types/types-extra"
 
 export default class PropEulerX {
 	// previous value reference
@@ -9,7 +10,7 @@ export default class PropEulerX {
 
 	constructor(private key: string, private obj_type: string, private origin: string) {}
 
-	public update(obj: any, value: Euler): boolean {
+	public update(obj: SvelthreePropsOwner, value: Euler): boolean {
 		switch (this.prev) {
 			case undefined:
 				this.prev = value
diff --git a/src/lib/utils/props/PropMatrix4ArrayX.ts b/src/lib/utils/props/PropMatrix4ArrayX.ts
index f4ad171..483a80b 100644
--- a/src/lib/utils/props/PropMatrix4ArrayX.ts
+++ b/src/lib/utils/props/PropMatrix4ArrayX.ts
@@ -1,6 +1,7 @@
 import type { Matrix4 } from "three"
 import { not_equal } from "svelte/internal"
 import { Propeller } from "./utils"
+import type { SvelthreePropsOwner } from "../../types/types-extra"
 
 export default class PropMatrix4ArrayX {
 	// previous value reference
@@ -9,7 +10,7 @@ export default class PropMatrix4ArrayX {
 
 	constructor(private key: string, private obj_type: string, private origin: string) {}
 
-	public update(obj: any, value: Matrix4): boolean {
+	public update(obj: SvelthreePropsOwner, value: Matrix4): boolean {
 		switch (this.prev) {
 			case undefined:
 				this.prev = value
diff --git a/src/lib/utils/props/PropMatrix4X.ts b/src/lib/utils/props/PropMatrix4X.ts
index a11dde1..1d591b2 100644
--- a/src/lib/utils/props/PropMatrix4X.ts
+++ b/src/lib/utils/props/PropMatrix4X.ts
@@ -1,6 +1,7 @@
 import type { Matrix4 } from "three"
 import { not_equal } from "svelte/internal"
 import { Propeller } from "./utils"
+import type { SvelthreePropsOwner } from "../../types/types-extra"
 
 export default class PropMatrix4X {
 	// previous value reference
@@ -9,7 +10,7 @@ export default class PropMatrix4X {
 
 	constructor(private key: string, private obj_type: string, private origin: string) {}
 
-	public update(obj: any, value: Matrix4): boolean {
+	public update(obj: SvelthreePropsOwner, value: Matrix4): boolean {
 		switch (this.prev) {
 			case undefined:
 				this.prev = value
diff --git a/src/lib/utils/props/PropQuaternionArrayX.ts b/src/lib/utils/props/PropQuaternionArrayX.ts
index e815f34..130a795 100644
--- a/src/lib/utils/props/PropQuaternionArrayX.ts
+++ b/src/lib/utils/props/PropQuaternionArrayX.ts
@@ -1,6 +1,7 @@
 import type { Quaternion } from "three"
 import { not_equal } from "svelte/internal"
 import { Propeller } from "./utils"
+import type { SvelthreePropsOwner } from "../../types/types-extra"
 
 export default class PropQuaternionArrayX {
 	// previous value reference
@@ -9,7 +10,7 @@ export default class PropQuaternionArrayX {
 
 	constructor(private key: string, private obj_type: string, private origin: string) {}
 
-	public update(obj: any, value: Parameters<Quaternion["set"]>): boolean {
+	public update(obj: SvelthreePropsOwner, value: Parameters<Quaternion["set"]>): boolean {
 		switch (this.prev) {
 			case undefined:
 				this.prev = value
diff --git a/src/lib/utils/props/PropQuaternionX.ts b/src/lib/utils/props/PropQuaternionX.ts
index 696ed25..8b55d34 100644
--- a/src/lib/utils/props/PropQuaternionX.ts
+++ b/src/lib/utils/props/PropQuaternionX.ts
@@ -1,6 +1,7 @@
 import type { Quaternion } from "three"
 import { not_equal } from "svelte/internal"
 import { Propeller } from "./utils"
+import type { SvelthreePropsOwner } from "../../types/types-extra"
 
 export default class PropQuaternionX {
 	// previous value reference
@@ -9,7 +10,7 @@ export default class PropQuaternionX {
 
 	constructor(private key: string, private obj_type: string, private origin: string) {}
 
-	public update(obj: any, value: Quaternion): boolean {
+	public update(obj: SvelthreePropsOwner, value: Quaternion): boolean {
 		switch (this.prev) {
 			case undefined:
 				this.prev = value
diff --git a/src/lib/utils/props/PropVector2X.ts b/src/lib/utils/props/PropVector2X.ts
new file mode 100644
index 0000000..11bed5f
--- /dev/null
+++ b/src/lib/utils/props/PropVector2X.ts
@@ -0,0 +1,45 @@
+import type { Vector2 } from "three"
+import { not_equal } from "svelte/internal"
+import { Propeller } from "./utils"
+import type { SvelthreePropsOwner } from "../../types/types-extra"
+
+export default class PropVector2X {
+	// previous value reference
+	prev: Vector2
+	prevValues: { x: number; y: number }
+
+	constructor(private key: string, private obj_type: string, private origin: string) {}
+
+	public update(obj: SvelthreePropsOwner, value: Vector2): boolean {
+		switch (this.prev) {
+			case undefined:
+				this.prev = value
+				// hot!
+				Propeller.update(obj, this.obj_type, this.key, value, this.origin, "Vector2")
+				this.setPrevValues(value)
+				return true
+
+			case value:
+				// same object, perform deep check
+				for (const k in value) {
+					if (not_equal(this.prevValues[k], value[k])) {
+						Propeller.update(obj, this.obj_type, this.key, value, this.origin, "Vector2")
+						this.setPrevValues(value)
+						this.prev = value
+						return true
+					}
+				}
+				return false
+			default:
+				// not undefined but !== value --> hot!
+				Propeller.update(obj, this.obj_type, this.key, value, this.origin, "Vector2")
+				this.setPrevValues(value)
+				this.prev = value
+				return true
+		}
+	}
+
+	setPrevValues(value: Vector2) {
+		this.prevValues = { x: value.x, y: value.y }
+	}
+}
diff --git a/src/lib/utils/props/PropVector3X.ts b/src/lib/utils/props/PropVector3X.ts
index 0905742..fdc0ab6 100644
--- a/src/lib/utils/props/PropVector3X.ts
+++ b/src/lib/utils/props/PropVector3X.ts
@@ -1,6 +1,7 @@
 import type { Vector3 } from "three"
 import { not_equal } from "svelte/internal"
 import { Propeller } from "./utils"
+import type { SvelthreePropsOwner } from "../../types/types-extra"
 
 export default class PropVector3X {
 	// previous value reference
@@ -9,7 +10,7 @@ export default class PropVector3X {
 
 	constructor(private key: string, private obj_type: string, private origin: string) {}
 
-	public update(obj: any, value: Vector3): boolean {
+	public update(obj: SvelthreePropsOwner, value: Vector3): boolean {
 		switch (this.prev) {
 			case undefined:
 				this.prev = value
diff --git a/src/lib/utils/props/index.ts b/src/lib/utils/props/index.ts
index 0746dd3..32b564c 100644
--- a/src/lib/utils/props/index.ts
+++ b/src/lib/utils/props/index.ts
@@ -1,3 +1,4 @@
+export { default as PropArray2X } from "./PropArray2X"
 export { default as PropArray3X } from "./PropArray3X"
 export { default as PropEulerX } from "./PropEulerX"
 export { default as PropEulerArrayX } from "./PropEulerArrayX"
@@ -5,5 +6,6 @@ export { default as PropMatrix4X } from "./PropMatrix4X"
 export { default as PropMatrix4ArrayX } from "./PropMatrix4ArrayX"
 export { default as PropQuaternionX } from "./PropQuaternionX"
 export { default as PropQuaternionArrayX } from "./PropQuaternionArrayX"
+export { default as PropVector2X } from "./PropVector3X"
 export { default as PropVector3X } from "./PropVector3X"
 export { default as PropColorX } from "./PropColorX"
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
deleted file mode 100644
index 0a45b69..0000000
--- a/src/routes/+page.svelte
+++ /dev/null
@@ -1,3 +0,0 @@
-<h1>Welcome to your library project</h1>
-<p>Create your package using @sveltejs/package and preview/showcase your work with SvelteKit</p>
-<p>Visit <a href="https://kit.svelte.dev">kit.svelte.dev</a> to read the documentation</p>
diff --git a/tsconfig.json b/tsconfig.json
index a9af956..2698a69 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -9,9 +9,23 @@
 		"skipLibCheck": true,
 		"sourceMap": true,
 		"strict": false
-	}
+	},
 	// Path aliases are handled by https://kit.svelte.dev/docs/configuration#alias
 	//
 	// If you want to overwrite includes/excludes, make sure to copy over the relevant includes/excludes
 	// from the referenced tsconfig.json - TypeScript does not merge them in
+	"include": [
+		"./.svelte-kit/ambient.d.ts",
+		"./vite.config.ts",
+		"./src/**/*.js",
+		"./src/**/*.ts",
+		"./src/**/*.svelte",
+		"./src/**/*.js",
+		"./src/**/*.ts",
+		"./src/**/*.svelte",
+		"./tests/**/*.js",
+		"./tests/**/*.ts",
+		"./tests/**/*.svelte"
+	],
+	"exclude": ["./node_modules/**", "./.svelte-kit/[!ambient.d.ts]**", "./src/routes/error_tests/**"]
 }