diff --git a/.idea/codeStyles/Project.xml b/.idea/codeStyles/Project.xml
new file mode 100644
index 0000000..0d59847
--- /dev/null
+++ b/.idea/codeStyles/Project.xml
@@ -0,0 +1,7 @@
+<component name="ProjectCodeStyleConfiguration">
+  <code_scheme name="Project" version="173">
+    <JSCodeStyleSettings version="0">
+      <option name="IMPORT_SORT_MODULE_NAME" value="true" />
+    </JSCodeStyleSettings>
+  </code_scheme>
+</component>
\ No newline at end of file
diff --git a/.idea/codeStyles/codeStyleConfig.xml b/.idea/codeStyles/codeStyleConfig.xml
new file mode 100644
index 0000000..79ee123
--- /dev/null
+++ b/.idea/codeStyles/codeStyleConfig.xml
@@ -0,0 +1,5 @@
+<component name="ProjectCodeStyleConfiguration">
+  <state>
+    <option name="USE_PER_PROJECT_SETTINGS" value="true" />
+  </state>
+</component>
\ No newline at end of file
diff --git a/.idea/inspectionProfiles/Project_Default.xml b/.idea/inspectionProfiles/Project_Default.xml
new file mode 100644
index 0000000..03d9549
--- /dev/null
+++ b/.idea/inspectionProfiles/Project_Default.xml
@@ -0,0 +1,6 @@
+<component name="InspectionProjectProfileManager">
+  <profile version="1.0">
+    <option name="myName" value="Project Default" />
+    <inspection_tool class="Eslint" enabled="true" level="WARNING" enabled_by_default="true" />
+  </profile>
+</component>
\ No newline at end of file
diff --git a/extensions/lights/src/point-light.vue b/extensions/lights/src/point-light.vue
new file mode 100644
index 0000000..23584c2
--- /dev/null
+++ b/extensions/lights/src/point-light.vue
@@ -0,0 +1,58 @@
+<script setup lang="ts">
+import { defineWidget } from '@vue-motion/core';
+import { WidgetOptions } from '@vue-motion/lib';
+
+export interface PointLightOptions extends WidgetOptions {
+  constant?: number
+  exponent?: number
+  surfaceScale?: number
+  color: string
+  x: number
+  y: number
+  z: number
+  type: 'diffuse' | 'specular'
+}
+
+const props = defineProps<PointLightOptions>()
+const options = defineWidget<PointLightOptions>(props)
+
+const id = Math.random().toString(36).substring(2, 9)
+const diffuseId = options.wid || `diffuse-${id}`
+const specularId = options.wid || `specular-${id}`
+</script>
+
+<template>
+  <filter :id="diffuseId">
+    <feDiffuseLighting
+      :result="diffuseId"
+      :lighting-color="options.color"
+    >
+      <fePointLight
+        :x="options.x"
+        :y="options.y"
+        :z="options.z"
+        :diffuse-constant="options.type === 'diffuse' ? options.constant : ''"
+        :diffuse-exponent="options.type === 'diffuse' ? options.exponent : ''"
+        :surface-scale="options.surfaceScale"
+      />
+    </feDiffuseLighting>
+  </filter>
+  <filter :id="specularId">
+    <feSpecularLighting
+      :result="specularId"
+      :lighting-color="options.color"
+    >
+      <fePointLight
+        :x="options.x"
+        :y="options.y"
+        :z="options.z"
+        :specular-constant="options.type === 'specular' ? options.constant : ''"
+        :specular-exponent="options.type === 'specular' ? options.exponent : ''"
+        :surface-scale="options.surfaceScale"
+      />
+    </feSpecularLighting>
+  </filter>
+  <g :filter="`url(#${options.type === 'diffuse' ? diffuseId : specularId})`">
+    <slot></slot>
+  </g>
+</template>