diff --git a/.gitignore b/.gitignore
index 4691b9f85..4eb3774c6 100644
--- a/.gitignore
+++ b/.gitignore
@@ -45,6 +45,7 @@ Thumbs.db
 *.pem
 
 .env
+.env.local
 .nx/*
 .next
 
diff --git a/packages/sdks/angular-sdk/CHANGELOG.md b/packages/sdks/angular-sdk/CHANGELOG.md
index 2d6df3d61..ac6993f7a 100644
--- a/packages/sdks/angular-sdk/CHANGELOG.md
+++ b/packages/sdks/angular-sdk/CHANGELOG.md
@@ -2,6 +2,12 @@
 
 This file was generated using [@jscutlery/semver](https://github.com/jscutlery/semver).
 
+## [0.5.25](https://github.com/descope/descope-js/compare/angular-sdk-0.5.24...angular-sdk-0.5.25) (2024-09-29)
+
+### Dependency Updates
+
+* `user-profile-widget` updated to version `0.0.107`
+* `web-component` updated to version `3.25.3`
 ## [0.5.24](https://github.com/descope/descope-js/compare/angular-sdk-0.5.23...angular-sdk-0.5.24) (2024-09-29)
 
 ### Dependency Updates
diff --git a/packages/sdks/angular-sdk/package.json b/packages/sdks/angular-sdk/package.json
index bc4a70dae..9fd7a74cd 100644
--- a/packages/sdks/angular-sdk/package.json
+++ b/packages/sdks/angular-sdk/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@descope/angular-sdk",
-  "version": "0.5.24",
+  "version": "0.5.25",
   "peerDependencies": {
     "@angular/common": ">=16.0.0",
     "@angular/core": ">=16.0.0"
diff --git a/packages/sdks/nextjs-sdk/CHANGELOG.md b/packages/sdks/nextjs-sdk/CHANGELOG.md
index 39f4466f6..514ac03dc 100644
--- a/packages/sdks/nextjs-sdk/CHANGELOG.md
+++ b/packages/sdks/nextjs-sdk/CHANGELOG.md
@@ -2,6 +2,12 @@
 
 This file was generated using [@jscutlery/semver](https://github.com/jscutlery/semver).
 
+## [0.2.12](https://github.com/descope/descope-js/compare/nextjs-sdk-0.2.11...nextjs-sdk-0.2.12) (2024-09-29)
+
+### Dependency Updates
+
+* `react-sdk` updated to version `2.0.78`
+* `web-component` updated to version `3.25.3`
 ## [0.2.11](https://github.com/descope/descope-js/compare/nextjs-sdk-0.2.10...nextjs-sdk-0.2.11) (2024-09-29)
 
 ### Dependency Updates
diff --git a/packages/sdks/nextjs-sdk/package.json b/packages/sdks/nextjs-sdk/package.json
index 5c6fde92e..1e6b07b0f 100644
--- a/packages/sdks/nextjs-sdk/package.json
+++ b/packages/sdks/nextjs-sdk/package.json
@@ -1,6 +1,6 @@
 {
 	"name": "@descope/nextjs-sdk",
-	"version": "0.2.11",
+	"version": "0.2.12",
 	"description": "Descope NextJS SDK",
 	"author": "Descope Team <info@descope.com>",
 	"homepage": "https://github.com/descope/descope-js",
diff --git a/packages/sdks/react-sdk/CHANGELOG.md b/packages/sdks/react-sdk/CHANGELOG.md
index a873fd171..57d999475 100644
--- a/packages/sdks/react-sdk/CHANGELOG.md
+++ b/packages/sdks/react-sdk/CHANGELOG.md
@@ -2,6 +2,12 @@
 
 This file was generated using [@jscutlery/semver](https://github.com/jscutlery/semver).
 
+## [2.0.78](https://github.com/descope/descope-js/compare/react-sdk-2.0.77...react-sdk-2.0.78) (2024-09-29)
+
+### Dependency Updates
+
+* `user-profile-widget` updated to version `0.0.107`
+* `web-component` updated to version `3.25.3`
 ## [2.0.77](https://github.com/descope/descope-js/compare/react-sdk-2.0.76...react-sdk-2.0.77) (2024-09-29)
 
 ### Dependency Updates
diff --git a/packages/sdks/react-sdk/package.json b/packages/sdks/react-sdk/package.json
index 4093ee4cb..f66c50cf7 100644
--- a/packages/sdks/react-sdk/package.json
+++ b/packages/sdks/react-sdk/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@descope/react-sdk",
-  "version": "2.0.77",
+  "version": "2.0.78",
   "description": "Descope React SDK",
   "author": "Descope Team <info@descope.com>",
   "homepage": "https://github.com/descope/descope-js",
diff --git a/packages/sdks/vue-sdk/CHANGELOG.md b/packages/sdks/vue-sdk/CHANGELOG.md
index 190232a42..6674dc0c4 100644
--- a/packages/sdks/vue-sdk/CHANGELOG.md
+++ b/packages/sdks/vue-sdk/CHANGELOG.md
@@ -2,6 +2,17 @@
 
 This file was generated using [@jscutlery/semver](https://github.com/jscutlery/semver).
 
+## [2.0.37](https://github.com/descope/descope-js/compare/vue-sdk-2.0.36...vue-sdk-2.0.37) (2024-09-29)
+
+### Dependency Updates
+
+* `user-profile-widget` updated to version `0.0.107`
+* `web-component` updated to version `3.25.3`
+
+### Bug Fixes
+
+* logger typing improvements ([#813](https://github.com/descope/descope-js/issues/813)) RELEASE ([ab20610](https://github.com/descope/descope-js/commit/ab206103a6eb42489c7cc4013ea721a576d3d302))
+
 ## [2.0.36](https://github.com/descope/descope-js/compare/vue-sdk-2.0.35...vue-sdk-2.0.36) (2024-09-29)
 
 ### Dependency Updates
diff --git a/packages/sdks/vue-sdk/README.md b/packages/sdks/vue-sdk/README.md
index 8853f6175..786f57319 100644
--- a/packages/sdks/vue-sdk/README.md
+++ b/packages/sdks/vue-sdk/README.md
@@ -53,6 +53,7 @@ app.mount('#app');
   <!-- errorTransformer="errorTransformer" errorTransformer is a function that receives an error object and returns a string. The returned string will be displayed to the user. NOTE: errorTransformer is not required. If not provided, the error object will be displayed as is. -->
   <!-- form="{ email: 'test@domain.com' }" form is an object the initial form context that is used in screens inputs in the flow execution. Used to inject predifined input values on flow start such as custom inputs, custom attrbiutes and other inputs. Keys passed can be accessed in flows actions, conditions and screens prefixed with "form.". NOTE: form is not required. If not provided, 'form' context key will be empty before user input. -->
   <!-- client="{ version: '1.2.3' }" client is an object the initial client context in the flow execution. Keys passed can be accessed in flows actions and conditions prefixed with "client.". NOTE: client is not required. If not provided, context key will be empty. -->
+  <!-- styleId="my-awesome-style" Use a custom style name or keep empty to use the default style. -->
 </template>
 
 <script setup>
@@ -99,7 +100,7 @@ This can be helpful to implement application-specific logic. Examples:
 		<div v-if="isSessionLoading || isUserLoading">Loading ...</div>
 		<div v-else-if="isAuthenticated">
 			<div>Hello {{ user?.name }}</div>
-			<button @click="logout">Logout</button>
+			<button @click="logout()">Logout</button>
 		</div>
 		<div v-else>You are not logged in</div>
 	</div>
@@ -108,8 +109,8 @@ This can be helpful to implement application-specific logic. Examples:
 <script setup>
 import { useDescope, useSession, useUser } from '@descope/vue-sdk';
 
-const { isAuthenticated, isSessionLoading } = useSession();
-const { user, isUserLoading } = useUser();
+const { isAuthenticated, isLoading: isSessionLoading } = useSession();
+const { user, isLoading: isUserLoading } = useUser();
 const { logout } = useDescope();
 </script>
 ```
diff --git a/packages/sdks/vue-sdk/package.json b/packages/sdks/vue-sdk/package.json
index f779e20e0..8aba92c31 100644
--- a/packages/sdks/vue-sdk/package.json
+++ b/packages/sdks/vue-sdk/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@descope/vue-sdk",
-  "version": "2.0.36",
+  "version": "2.0.37",
   "main": "dist/index.cjs",
   "module": "dist/index.mjs",
   "type": "module",
diff --git a/packages/sdks/vue-sdk/src/Descope.vue b/packages/sdks/vue-sdk/src/Descope.vue
index 6b4fa4bc4..508992dff 100644
--- a/packages/sdks/vue-sdk/src/Descope.vue
+++ b/packages/sdks/vue-sdk/src/Descope.vue
@@ -13,6 +13,7 @@
       :telemetryKey.attr="telemetryKey"
       :redirect-url="redirectUrl"
       :auto-focus="autoFocus"
+      :style-id="styleId"
       :validate-on-blur="validateOnBlur"
       :store-last-authenticated-user="storeLastAuthenticatedUser"
       :errorTransformer.prop="errorTransformer"
@@ -93,6 +94,9 @@ const props = defineProps({
   client: {
     type: Object,
   },
+  styleId: {
+    type: String,
+  },
 });
 // const emit = defineEmits(['success', 'error', 'ready']);
 const emit = defineEmits<{
diff --git a/packages/sdks/vue-sdk/tests/Descope.test.ts b/packages/sdks/vue-sdk/tests/Descope.test.ts
index 5cc5e20dc..153824011 100644
--- a/packages/sdks/vue-sdk/tests/Descope.test.ts
+++ b/packages/sdks/vue-sdk/tests/Descope.test.ts
@@ -36,6 +36,7 @@ describe('Descope.vue', () => {
         errorTransformer,
         form: { test: 'a' },
         client: { test: 'b' },
+        styleId: 'test-style-id',
       },
     });
 
@@ -54,6 +55,7 @@ describe('Descope.vue', () => {
     expect(wrapper.vm.errorTransformer).toBe(errorTransformer);
     expect(descopeWc.attributes('form')).toBe('{"test":"a"}');
     expect(wrapper.vm.client).toStrictEqual({ test: 'b' });
+    expect(descopeWc.attributes('style-id')).toBe('test-style-id');
   });
 
   it('renders a DescopeWc component with empty props', () => {
diff --git a/packages/sdks/web-component/CHANGELOG.md b/packages/sdks/web-component/CHANGELOG.md
index 70e5babea..921b5c084 100644
--- a/packages/sdks/web-component/CHANGELOG.md
+++ b/packages/sdks/web-component/CHANGELOG.md
@@ -2,6 +2,13 @@
 
 This file was generated using [@jscutlery/semver](https://github.com/jscutlery/semver).
 
+## [3.25.3](https://github.com/descope/descope-js/compare/web-component-3.25.2...web-component-3.25.3) (2024-09-29)
+
+
+### Bug Fixes
+
+* logger typing improvements ([#813](https://github.com/descope/descope-js/issues/813)) RELEASE ([ab20610](https://github.com/descope/descope-js/commit/ab206103a6eb42489c7cc4013ea721a576d3d302))
+
 ## [3.25.2](https://github.com/descope/descope-js/compare/web-component-3.25.1...web-component-3.25.2) (2024-09-29)
 
 ### Dependency Updates
diff --git a/packages/sdks/web-component/package.json b/packages/sdks/web-component/package.json
index f8fb97074..88d71418c 100644
--- a/packages/sdks/web-component/package.json
+++ b/packages/sdks/web-component/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@descope/web-component",
-  "version": "3.25.2",
+  "version": "3.25.3",
   "author": "Descope Team <info@descope.com>",
   "homepage": "https://github.com/descope/descope-js",
   "bugs": {
diff --git a/packages/sdks/web-component/src/lib/descope-wc/index.ts b/packages/sdks/web-component/src/lib/descope-wc/index.ts
index 10dc8b972..cf61d85ef 100644
--- a/packages/sdks/web-component/src/lib/descope-wc/index.ts
+++ b/packages/sdks/web-component/src/lib/descope-wc/index.ts
@@ -8,6 +8,6 @@ if (!customElements.get('descope-wc')) {
 }
 export default DescopeWc;
 
-export type ILogger = Partial<DescopeWc['logger']>
+export type ILogger = Partial<DescopeWc['logger']>;
 
 export type { AutoFocusOptions, ThemeOptions } from '../types';
diff --git a/packages/widgets/user-profile-widget/CHANGELOG.md b/packages/widgets/user-profile-widget/CHANGELOG.md
index a56260d8c..719c3c3d7 100644
--- a/packages/widgets/user-profile-widget/CHANGELOG.md
+++ b/packages/widgets/user-profile-widget/CHANGELOG.md
@@ -2,6 +2,11 @@
 
 This file was generated using [@jscutlery/semver](https://github.com/jscutlery/semver).
 
+## [0.0.107](https://github.com/descope/descope-js/compare/user-profile-widget-0.0.106...user-profile-widget-0.0.107) (2024-09-29)
+
+### Dependency Updates
+
+* `web-component` updated to version `3.25.3`
 ## [0.0.106](https://github.com/descope/descope-js/compare/user-profile-widget-0.0.105...user-profile-widget-0.0.106) (2024-09-29)
 
 ### Dependency Updates
diff --git a/packages/widgets/user-profile-widget/package.json b/packages/widgets/user-profile-widget/package.json
index 9ed0100f9..63d4f70a6 100644
--- a/packages/widgets/user-profile-widget/package.json
+++ b/packages/widgets/user-profile-widget/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@descope/user-profile-widget",
-  "version": "0.0.106",
+  "version": "0.0.107",
   "author": "Descope Team <info@descope.com>",
   "homepage": "https://github.com/descope/descope-js",
   "bugs": {