From 750b8ae7b886a6cb2b635b5f954b6b642c414d4b Mon Sep 17 00:00:00 2001
From: Ilia Mashkov <hikkikomori7@gmail.com>
Date: Wed, 25 Feb 2026 10:01:26 +0300
Subject: [PATCH] chore: replace font-name with variable

---
 src/shared/ui/Slider/Slider.svelte | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

diff --git a/src/shared/ui/Slider/Slider.svelte b/src/shared/ui/Slider/Slider.svelte
index c0d02b5..4fc4a37 100644
--- a/src/shared/ui/Slider/Slider.svelte
+++ b/src/shared/ui/Slider/Slider.svelte
@@ -4,7 +4,10 @@
     Swiss design: 1px track, diamond thumb (rotate-45), brand accent.
 -->
 <script lang="ts">
-import { Slider } from 'bits-ui';
+import {
+    type Orientation,
+    Slider,
+} from 'bits-ui';
 
 interface Props {
     value?: number;
@@ -12,7 +15,7 @@ interface Props {
     max?: number;
     step?: number;
     disabled?: boolean;
-    orientation?: 'horizontal' | 'vertical';
+    orientation?: Orientation;
     /**
      * Format the displayed value label.
      * @default (v) => v
@@ -36,7 +39,7 @@ let {
 
 const isVertical = $derived(orientation === 'vertical');
 
-const labelClasses = `font-['Space_Mono'] text-[0.625rem] tabular-nums shrink-0
+const labelClasses = `font-mono text-[0.625rem] tabular-nums shrink-0
     text-neutral-500 dark:text-neutral-400
     group-hover:text-neutral-700 dark:group-hover:text-neutral-300
     transition-colors`;