From 6945169279f30a941e17721fbe6280e284008389 Mon Sep 17 00:00:00 2001
From: Ilia Mashkov <hikkikomori7@gmail.com>
Date: Mon, 9 Feb 2026 16:49:06 +0300
Subject: [PATCH] feat(TypographyMenu): add props hidden to hide component but
 fire the logic

---
 src/features/SetupFont/ui/TypographyMenu.svelte | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/features/SetupFont/ui/TypographyMenu.svelte b/src/features/SetupFont/ui/TypographyMenu.svelte
index 08c97ac..631eff9 100644
--- a/src/features/SetupFont/ui/TypographyMenu.svelte
+++ b/src/features/SetupFont/ui/TypographyMenu.svelte
@@ -28,9 +28,10 @@ import {
 
 interface Props {
     class?: string;
+    hidden?: boolean;
 }
 
-const { class: className }: Props = $props();
+const { class: className, hidden = false }: Props = $props();
 const responsive = getContext<ResponsiveManager>('responsive');
 
 const [send, receive] = crossfade({
@@ -71,7 +72,7 @@ $effect(() => {
 </script>
 
 <div
-    class={cn('w-auto max-screen z-10 flex justify-center', className)}
+    class={cn('w-auto max-screen z-10 flex justify-center', hidden && 'hidden', className)}
     in:receive={{ key: 'panel' }}
     out:send={{ key: 'panel' }}
 >