feature(ComboControl):

- create ComboControl component for typography settings (font size, font
  weight, line height)
- integrate it to TypographyMenu and integrate it to Layout

src/features/SetupFont/model/const/const.ts

@@ -11,4 +11,4 @@ export const FONT_WEIGHT_STEP = 100;
 export const DEFAULT_LINE_HEIGHT = 1.5;
 export const MIN_LINE_HEIGHT = 1;
 export const MAX_LINE_HEIGHT = 2;
-export const LINE_HEIGHT_STEP = 0.1;
+export const LINE_HEIGHT_STEP = 0.05;

src/features/SetupFont/ui/SetupFontMenu.svelte

@@ -19,6 +19,8 @@ const lineHeight = $derived($lineHeightStore);
             <Separator orientation="vertical" class="h-full" />
             <ComboControl
                 value={fontSize.value}
+                minValue={fontSize.min}
+                maxValue={fontSize.max}
                 onChange={fontSizeStore.setValue}
                 onIncrease={fontSizeStore.increase}
                 onDecrease={fontSizeStore.decrease}
@@ -29,6 +31,8 @@ const lineHeight = $derived($lineHeightStore);
             />
             <ComboControl
                 value={fontWeight.value}
+                minValue={fontWeight.min}
+                maxValue={fontWeight.max}
                 onChange={fontWeightStore.setValue}
                 onIncrease={fontWeightStore.increase}
                 onDecrease={fontWeightStore.decrease}
@@ -39,6 +43,9 @@ const lineHeight = $derived($lineHeightStore);
             />
             <ComboControl
                 value={lineHeight.value}
+                minValue={lineHeight.min}
+                maxValue={lineHeight.max}
+                step={lineHeight.step}
                 onChange={lineHeightStore.setValue}
                 onIncrease={lineHeightStore.increase}
                 onDecrease={lineHeightStore.decrease}