feat(FormSelect): Allow any kind of model value

Author: ChrisGV04

docs/pages/select.vue

@@ -3,9 +3,10 @@ import { UiContainer, UiFormSelect } from '#components';
 import type { FormSelectOptions } from '#ui/types';
 import { ref } from 'vue';
 
-const country = ref<string>();
+const country = ref<string | null>();
 
 const optionsList: FormSelectOptions = [
+  { label: 'None', value: null },
   { label: '🇦🇷 Argentina', value: 'ar' },
   { label: '🇧🇷 Brazil', value: 'br' },
   { label: '🇨🇦 Canada', value: 'ca' },

src/runtime/types/formSelect.d.ts

@@ -10,6 +10,8 @@ export interface FormSelectItem {
 export type FormSelectOptions = Record<string, FormSelectItem[]> | FormSelectItem[];
 
 export interface FormSelectProps<UiConfig = any> extends SelectRootProps, Omit<FormFieldProps, 'ui'> {
+  defaultValue?: any;
+  modelValue?: any;
   placeholder?: string;
 
   prefixIcon?: string;