diff --git a/package.json b/package.json
index ac5116f5..cfc482d9 100644
--- a/package.json
+++ b/package.json
@@ -1,5 +1,5 @@
 {
-   "version": "1.1.3",
+   "version": "1.1.4",
    "private": true,
    "packageManager": "pnpm@8.6.3",
    "engines": {
@@ -24,7 +24,7 @@
       "pretty-quick": "^3.1.3",
       "rimraf": "^4.4.1",
       "typescript": "^4.9.5",
-      "vite": "^4.4.7",
+      "vite": "^4.4.8",
       "vue": "^3.3.4",
       "vue-tsc": "^1.8.8"
    }
diff --git a/packages/notivue/Notivue/composables/useFocusEvents.ts b/packages/notivue/Notivue/composables/useFocusEvents.ts
index fb3a0504..c09a2673 100644
--- a/packages/notivue/Notivue/composables/useFocusEvents.ts
+++ b/packages/notivue/Notivue/composables/useFocusEvents.ts
@@ -1,7 +1,6 @@
 import { watch } from 'vue'
 
 import { useElements, useItems } from '@/core/useStore'
-import { isSSR } from '@/core/utils'
 
 export function useFocusEvents() {
    const items = useItems()
@@ -16,8 +15,6 @@ export function useFocusEvents() {
    watch(
       elements.items.value,
       (newItems) => {
-         if (isSSR) return
-
          buttonSet.forEach((button) => {
             if (!elements.wrapper.value?.contains(button)) buttonSet.delete(button)
          })
diff --git a/packages/notivue/README.md b/packages/notivue/README.md
index 0f994c70..856bdfe8 100644
--- a/packages/notivue/README.md
+++ b/packages/notivue/README.md
@@ -48,29 +48,31 @@ pnpm add notivue
 
 <br />
 
-## Vite / Vue CLI
+## Vite
 
 ### 1. Configure
 
 **main.js/ts**
 
-```js
+```diff
 import { createApp } from 'vue'
-import { notivue } from 'notivue'
++ import { notivue } from 'notivue'
 
 import App from './App.vue'
 
-import 'notivue/notifications.css' // Only needed if using built-in notifications
-import 'notivue/animations.css' // Only needed if using built-in animations
++ import 'notivue/notifications.css' // Only needed if using built-in notifications
++ import 'notivue/animations.css' // Only needed if using built-in animations
 
 const app = createApp(App)
 
-app.use(notivue)
++ app.use(notivue)
 app.mount('#app')
 ```
 
 **App.vue**
 
+With built-in notifications:
+
 ```vue
 <script setup>
 import { Notivue, Notifications } from 'notivue'
@@ -85,6 +87,41 @@ import { Notivue, Notifications } from 'notivue'
 </template>
 ```
 
+Or roll your own:
+
+```vue
+<template>
+  <Notivue v-slot="item">
+    <div class="rounded-full flex py-2 pl-3 bg-slate-700 text-slate-50 text-sm">
+      {{ item.message }}
+
+      <button
+        @click="item.clear"
+        aria-label="Dismiss"
+        class="pl-3 pr-2 hover:text-red-300 transition-colors"
+      >
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          viewBox="0 0 20 20"
+          fill="currentColor"
+          class="w-5 h-5"
+          aria-hidden="true"
+        >
+          <path
+            fill-rule="evenodd"
+            d="M10 18a8 8 0 100-16 8 8 0 000 16zM8.28 7.22a.75.75 0 00-1.06 1.06L8.94 10l-1.72 1.72a.75.75 0 101.06 1.06L10 11.06l1.72 1.72a.75.75 0 101.06-1.06L11.06 10l1.72-1.72a.75.75 0 00-1.06-1.06L10 8.94 8.28 7.22z"
+          />
+        </svg>
+      </button>
+    </div>
+  </Notivue>
+
+  <!-- ... -->
+</template>
+```
+
+Animations, repositioning, pausing, timeouts, and ARIA live regions are always handled by `<Notivue />` when using custom components, so don't worry about anything else besides building the component itself.
+
 ### 2. Push notifications from any component
 
 ```vue
diff --git a/packages/notivue/core/createStore.ts b/packages/notivue/core/createStore.ts
index b88a4b2a..a82aca07 100644
--- a/packages/notivue/core/createStore.ts
+++ b/packages/notivue/core/createStore.ts
@@ -1,4 +1,4 @@
-import { ref, shallowRef, triggerRef, type InjectionKey } from 'vue'
+import { ref, shallowRef, triggerRef, nextTick, type InjectionKey } from 'vue'
 
 import { getConfig } from './config'
 import { mergeNotificationOptions } from './options'
@@ -97,7 +97,7 @@ export function createStore(userConfig: NotivueConfig) {
             }
          })
 
-         this.arePaused = true
+         nextTick(() => (this.arePaused = true))
       },
       resumeTimeouts() {
          if (this.data.value.length === 0 || !this.arePaused) return
@@ -115,7 +115,7 @@ export function createStore(userConfig: NotivueConfig) {
             }
          })
 
-         this.arePaused = false
+         nextTick(() => (this.arePaused = false))
       },
       updatePositions(type = TType.PUSH) {
          const sortedItems = elements.items.value.sort(
@@ -202,23 +202,24 @@ export function createStore(userConfig: NotivueConfig) {
    const elements = {
       wrapper: ref<HTMLElement | null>(null),
       items: ref<HTMLElement[]>([]),
-      animationData: { duration: '', easing: '' },
       /**
        * Gets CSS animation duration and easing on first push and stores them.
        * Returns the stored values which are applied to internal reposition transitions.
        */
+      animationData: null as null | { duration: string; easing: string },
       getAnimationData() {
-         if (!this.animationData.duration || !this.animationData.easing) {
+         if (!this.animationData) {
             const animEl = this.wrapper.value?.querySelector(`.${config.animations.value.enter}`)
 
             if (!animEl) {
-               this.animationData.duration = '0s'
-               this.animationData.easing = 'linear'
+               this.animationData = { duration: '0s', easing: 'ease' }
             } else {
                const style = getComputedStyle(animEl)
 
-               this.animationData.duration = style.animationDuration
-               this.animationData.easing = style.animationTimingFunction
+               this.animationData = {
+                  duration: style.animationDuration,
+                  easing: style.animationTimingFunction,
+               }
             }
          }
          return this.animationData
diff --git a/packages/notivue/package.json b/packages/notivue/package.json
index 41e0394f..a1aed96b 100644
--- a/packages/notivue/package.json
+++ b/packages/notivue/package.json
@@ -1,6 +1,6 @@
 {
    "name": "notivue",
-   "version": "1.1.3",
+   "version": "1.1.4",
    "private": false,
    "description": "Fully-featured toast notification system for Vue and Nuxt.",
    "keywords": [
@@ -27,8 +27,10 @@
       "name": "Simone Mastromattei",
       "email": "smastrom@proton.me"
    },
+   "sideEffects": false,
    "exports": {
       ".": {
+         "types": "./dist/index.d.ts",
          "import": "./dist/index.mjs",
          "require": "./dist/index.js"
       },
@@ -39,11 +41,11 @@
    "module": "dist/index.mjs",
    "types": "dist/index.d.ts",
    "files": [
-      "dist/*"
+      "dist/*",
+      "*.d.ts"
    ],
    "scripts": {
       "dev": "pnpm --C \"../../demo\" run dev",
-      "preinstall": "npx only-allow pnpm",
       "prebuild": "cp ../../README.md .",
       "build": "rimraf dist && vue-tsc && vite build && pnpm run build:css",
       "build:css": "esbuild ./Notifications/notifications.css ./core/animations.css --bundle --outdir=dist --minify --target=chrome58,edge16,firefox57,node12,safari11 --log-level=error",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index f4971e82..fea899d6 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -12,7 +12,7 @@ importers:
             version: 18.17.1
          '@vitejs/plugin-vue':
             specifier: ^4.2.3
-            version: 4.2.3(vite@4.4.7)(vue@3.3.4)
+            version: 4.2.3(vite@4.4.8)(vue@3.3.4)
          husky:
             specifier: ^8.0.3
             version: 8.0.3
@@ -29,8 +29,8 @@ importers:
             specifier: ^4.9.5
             version: 4.9.5
          vite:
-            specifier: ^4.4.7
-            version: 4.4.7(@types/node@18.17.1)
+            specifier: ^4.4.8
+            version: 4.4.8(@types/node@18.17.1)
          vue:
             specifier: ^3.3.4
             version: 3.3.4
@@ -880,7 +880,7 @@ packages:
          terser: 5.18.2
       dev: true
 
-   /@rollup/pluginutils@5.0.2(rollup@3.26.3):
+   /@rollup/pluginutils@5.0.2(rollup@3.27.1):
       resolution:
          {
             integrity: sha512-pTd9rIsP92h+B6wWwFbW8RkZv4hiR/xKsqre4SIuAOaOEQRxi0lqLke9k2/7WegC85GgUs9pjmOjCUi3In4vwA==,
@@ -895,7 +895,7 @@ packages:
          '@types/estree': 1.0.1
          estree-walker: 2.0.2
          picomatch: 2.3.1
-         rollup: 3.26.3
+         rollup: 3.27.1
       dev: true
 
    /@rushstack/node-core-library@3.59.5(@types/node@18.16.19):
@@ -1022,7 +1022,7 @@ packages:
          vue: 3.3.4
       dev: true
 
-   /@vitejs/plugin-vue@4.2.3(vite@4.4.7)(vue@3.3.4):
+   /@vitejs/plugin-vue@4.2.3(vite@4.4.8)(vue@3.3.4):
       resolution:
          {
             integrity: sha512-R6JDUfiZbJA9cMiguQ7jxALsgiprjBeHL5ikpXfJCH62pPHtI+JdJ5xWj6Ev73yXSlYl86+blXn1kZHQ7uElxw==,
@@ -1032,7 +1032,7 @@ packages:
          vite: ^4.0.0
          vue: ^3.2.25
       dependencies:
-         vite: 4.4.7(@types/node@18.17.1)
+         vite: 4.4.8(@types/node@18.17.1)
          vue: 3.3.4
       dev: true
 
@@ -1123,7 +1123,7 @@ packages:
          '@vue/reactivity-transform': 3.3.4
          '@vue/shared': 3.3.4
          estree-walker: 2.0.2
-         magic-string: 0.30.1
+         magic-string: 0.30.2
          postcss: 8.4.27
          source-map-js: 1.0.2
 
@@ -1190,7 +1190,7 @@ packages:
          '@vue/compiler-core': 3.3.4
          '@vue/shared': 3.3.4
          estree-walker: 2.0.2
-         magic-string: 0.30.1
+         magic-string: 0.30.2
 
    /@vue/reactivity@3.3.4:
       resolution:
@@ -2875,10 +2875,10 @@ packages:
          yallist: 4.0.0
       dev: true
 
-   /magic-string@0.30.1:
+   /magic-string@0.30.2:
       resolution:
          {
-            integrity: sha512-mbVKXPmS0z0G4XqFDCTllmDQ6coZzn94aMlb0o/A4HEHJCKcanlDZwYJgwnkmgD3jyWhUgj9VsPrfd972yPffA==,
+            integrity: sha512-lNZdu7pewtq/ZvWUp9Wpf/x7WzMTsR26TWV03BRZrXFsv+BI6dy8RAiKgm1uM/kyR0rCfUcqvOlXKG66KhIGug==,
          }
       engines: { node: '>=12' }
       dependencies:
@@ -3412,10 +3412,10 @@ packages:
          fsevents: 2.3.2
       dev: true
 
-   /rollup@3.26.3:
+   /rollup@3.27.1:
       resolution:
          {
-            integrity: sha512-7Tin0C8l86TkpcMtXvQu6saWH93nhG3dGQ1/+l5V2TDMceTxO7kDiK6GzbfLWNNxqJXm591PcEZUozZm51ogwQ==,
+            integrity: sha512-tXNDFwOkN6C2w5Blj1g6ForKeFw6c1mDu5jxoeDO3/pmYjgt+8yvIFjKzH5FQUq70OKZBkOt0zzv0THXL7vwzQ==,
          }
       engines: { node: '>=14.18.0', npm: '>=8.0.0' }
       hasBin: true
@@ -3871,7 +3871,7 @@ packages:
          typescript: '*'
       dependencies:
          '@microsoft/api-extractor': 7.36.1(@types/node@18.16.19)
-         '@rollup/pluginutils': 5.0.2(rollup@3.26.3)
+         '@rollup/pluginutils': 5.0.2(rollup@3.27.1)
          '@rushstack/node-core-library': 3.59.5(@types/node@18.16.19)
          '@vue/language-core': 1.8.4(typescript@4.9.5)
          debug: 4.3.4(supports-color@8.1.1)
@@ -3879,7 +3879,7 @@ packages:
          typescript: 4.9.5
          vue-tsc: 1.8.4(typescript@4.9.5)
       optionalDependencies:
-         rollup: 3.26.3
+         rollup: 3.27.1
          vite: 4.4.1(@types/node@18.16.19)(lightningcss@1.21.5)
       transitivePeerDependencies:
          - '@types/node'
@@ -3932,10 +3932,10 @@ packages:
          fsevents: 2.3.2
       dev: true
 
-   /vite@4.4.7(@types/node@18.17.1):
+   /vite@4.4.8(@types/node@18.17.1):
       resolution:
          {
-            integrity: sha512-6pYf9QJ1mHylfVh39HpuSfMPojPSKVxZvnclX1K1FyZ1PXDOcLBibdq5t1qxJSnL63ca8Wf4zts6mD8u8oc9Fw==,
+            integrity: sha512-LONawOUUjxQridNWGQlNizfKH89qPigK36XhMI7COMGztz8KNY0JHim7/xDd71CZwGT4HtSRgI7Hy+RlhG0Gvg==,
          }
       engines: { node: ^14.18.0 || >=16.0.0 }
       hasBin: true
@@ -3967,7 +3967,7 @@ packages:
          '@types/node': 18.17.1
          esbuild: 0.18.17
          postcss: 8.4.27
-         rollup: 3.26.3
+         rollup: 3.27.1
       optionalDependencies:
          fsevents: 2.3.2
       dev: true