chore(SelectMenu): improve

Author: IgorShevchik

playground/app/composables/usePageMeta.ts

@@ -51,12 +51,14 @@ const components: IComponentInfo[] = [
   { id: 'form', description: 'A form component with built-in validation and submission handling.', icon: FormSettingsIcon },
   { id: 'form-field', description: 'A wrapper for form elements that provides validation and error handling.', icon: FormIcon },
   { id: 'input', description: 'An input element to enter text.', icon: FormIcon },
+  // { id: 'input-menu', description: 'An autocomplete input with real-time suggestions.', icon: FormIcon },
   { id: 'kbd', description: 'A kbd element to display a keyboard key.', icon: ItemIcon, iconUi: 'pr-px pb-[3px]' },
   { id: 'link', description: 'A wrapper around NuxtLink with extra props.', icon: GroupIcon },
   { id: 'progress', description: 'An indicator showing the progress of a task.', icon: GroupIcon },
   { id: 'radio-group', description: 'A set of radio buttons to select a single option from a list.', icon: FormIcon },
   { id: 'range', description: 'An input to select a numeric value within a range.', icon: FormIcon },
   { id: 'select', description: 'A select element to choose from a list of options.', icon: FormIcon },
+  { id: 'select-menu', description: 'An advanced searchable select element.', icon: FormIcon },
   { id: 'separator', description: 'Separates content horizontally or vertically.', icon: GroupIcon },
   { id: 'shortcuts', description: 'A composable to define keyboard shortcuts in your app.', icon: ItemIcon, iconUi: 'pr-px pb-[3px]' },
   { id: 'skeleton', description: 'A placeholder to show while content is loading.', icon: ItemIcon, iconUi: 'pr-px pb-[3px]' },