From 72cc441c6fb92cc1db790e668f4532c9fd19ffd5 Mon Sep 17 00:00:00 2001
From: Ilia Mashkov <hikkikomori7@gmail.com>
Date: Sun, 18 Jan 2026 19:25:34 +0300
Subject: [PATCH] chore(CheckboxFilter): add stories for CheckboxFilter

---
 .../CheckboxFilter.stories.svelte             | 37 +++++++++++++++++++
 1 file changed, 37 insertions(+)
 create mode 100644 src/shared/ui/CheckboxFilter/CheckboxFilter.stories.svelte

diff --git a/src/shared/ui/CheckboxFilter/CheckboxFilter.stories.svelte b/src/shared/ui/CheckboxFilter/CheckboxFilter.stories.svelte
new file mode 100644
index 0000000..35a8850
--- /dev/null
+++ b/src/shared/ui/CheckboxFilter/CheckboxFilter.stories.svelte
@@ -0,0 +1,37 @@
+<script module>
+import { createFilter } from '$shared/lib';
+import { defineMeta } from '@storybook/addon-svelte-csf';
+import CheckboxFilter from './CheckboxFilter.svelte';
+
+const { Story } = defineMeta({
+    title: 'Shared/CheckboxFilter',
+    tags: ['autodocs'],
+    parameters: {
+        docs: {
+            story: { inline: false }, // Render stories in iframe for state isolation
+        },
+    },
+});
+</script>
+
+<script lang="ts">
+const filter = createFilter({
+    properties: [{
+        id: 'cats',
+        name: 'Cats',
+        value: 'cats',
+    }, {
+        id: 'dogs',
+        name: 'Dogs',
+        value: 'dogs',
+    }, {
+        id: 'birds',
+        name: 'Birds',
+        value: 'birds',
+    }],
+});
+</script>
+
+<Story name="Default">
+    <CheckboxFilter {filter} displayedLabel="Zoo" />
+</Story>