code refactor

src/components/desktop/AmountInput.vue

@@ -37,12 +37,13 @@ import { useI18n } from '@/locales/helpers.ts';
 import type { CurrencyPrependAndAppendText } from '@/core/currency.ts';
 import { TRANSACTION_MIN_AMOUNT, TRANSACTION_MAX_AMOUNT } from '@/consts/transaction.ts';
 import { removeAll } from '@/lib/common.ts';
+import type { ComponentDensity } from '@/lib/ui/desktop.ts';
 import logger from '@/lib/logger.ts';
 
 const props = defineProps<{
     class?: string;
     color?: string;
-    density?: string;
+    density?: ComponentDensity;
     currency: string;
     showCurrency?: boolean;
     label?: string;

src/components/desktop/TwoColumnSelect.vue

@@ -91,7 +91,7 @@ import {
     getItemByKeyValue,
     getNameByKeyValue
 } from '@/lib/common.ts';
-import { scrollToSelectedItem } from '@/lib/ui/desktop.ts';
+import { type ComponentDensity, type InputVariant, scrollToSelectedItem } from '@/lib/ui/desktop.ts';
 
 import {
     mdiChevronRight,
@@ -99,8 +99,8 @@ import {
 } from '@mdi/js';
 
 interface DesktopTwoColumnListItemSelectionProps extends CommonTwoColumnListItemSelectionProps {
-    density?: string;
+    density?: ComponentDensity;
-    variant?: string;
+    variant?: InputVariant;
     disabled?: boolean;
     readonly?: boolean;
     label?: string;

src/lib/ui/desktop.ts

@@ -1,3 +1,6 @@
+export type ComponentDensity = 'default' | 'comfortable' | 'compact';
+export type InputVariant = 'filled' | 'underlined' | 'outlined' | 'plain' | 'solo' | 'solo-inverted' | 'solo-filled';
+
 export function getOuterHeight(element: HTMLElement | null): number {
     if (!element) {
         return 0;