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`;