From bf79cbb26febfe5e322b860af64d54ede53629d5 Mon Sep 17 00:00:00 2001
From: Ilia Mashkov <hikkikomori7@gmail.com>
Date: Fri, 27 Feb 2026 12:24:16 +0300
Subject: [PATCH] feat(storybook): create ThemeDecorator to support
 themeManager logic in storybook

---
 .storybook/ThemeDecorator.svelte | 30 ++++++++++++++++++++++++++++++
 1 file changed, 30 insertions(+)
 create mode 100644 .storybook/ThemeDecorator.svelte

diff --git a/.storybook/ThemeDecorator.svelte b/.storybook/ThemeDecorator.svelte
new file mode 100644
index 0000000..0df30cb
--- /dev/null
+++ b/.storybook/ThemeDecorator.svelte
@@ -0,0 +1,30 @@
+<!--
+    Component: ThemeDecorator
+    Storybook decorator that initializes ThemeManager for theme-related stories.
+    Ensures theme management works correctly in Storybook's iframe environment.
+-->
+<script lang="ts">
+import { themeManager } from '$features/ChangeAppTheme';
+import {
+    onDestroy,
+    onMount,
+} from 'svelte';
+
+interface Props {
+    children: import('svelte').Snippet;
+}
+
+let { children }: Props = $props();
+
+// Initialize themeManager on mount
+onMount(() => {
+    themeManager.init();
+});
+
+// Clean up themeManager when story unmounts
+onDestroy(() => {
+    themeManager.destroy();
+});
+</script>
+
+{@render children()}