{"name":"select","title":"Select","description":"Displays a list of options for the user to pick from, triggered by a button.","installCommand":"bunx marko-ui add select -y","usageTags":"","tags":["Select"],"parts":[{"name":"option","attributes":[{"name":"value","type":"string","required":true},{"name":"label","type":"string","required":true},{"name":"disabled","type":"boolean","required":false}],"repeatable":true}],"props":[{"name":"autoComplete","type":"string | undefined","required":false,"description":"The autocomplete attribute for the hidden select. Enables browser autofill (e.g. \"address-level1\" for state)."},{"name":"closeOnSelect","type":"boolean | undefined","required":false,"default":"true","description":"Whether the select should close after an item is selected"},{"name":"composite","type":"boolean | undefined","required":false,"default":"true","description":"Whether the select is a composed with other composite widgets like tabs or combobox"},{"name":"defaultHighlightedValue","type":"string | null | undefined","required":false,"description":"The initial value of the highlighted item when opened.\nUse when you don't need to control the highlighted value of the select."},{"name":"defaultOpen","type":"boolean | undefined","required":false,"description":"Whether the select's open state is controlled by the user"},{"name":"defaultValue","type":"string[] | undefined","required":false,"description":"The initial default value of the select when rendered.\nUse when you don't need to control the value of the select."},{"name":"deselectable","type":"boolean | undefined","required":false,"description":"Whether the value can be cleared by clicking the selected item.\n\n**Note:** this is only applicable for single selection"},{"name":"dir","type":"'ltr' | 'rtl' | undefined","required":false,"default":"ltr","description":"The document's text/writing direction."},{"name":"disabled","type":"boolean | undefined","required":false,"description":"Whether the select is disabled"},{"name":"form","type":"string | undefined","required":false,"description":"The associate form of the underlying select."},{"name":"getRootNode","type":"(() => ShadowRoot | Document | Node) | undefined","required":false,"description":"A root node to correctly resolve document in custom environments. E.x.: Iframes, Electron."},{"name":"groups","type":"SelectGroup[]","required":false},{"name":"highlightedValue","type":"string | null | undefined","required":false,"description":"The controlled key of the highlighted item"},{"name":"ids","type":"ElementIds | undefined","required":false,"description":"The ids of the elements in the select. Useful for composition."},{"name":"invalid","type":"boolean | undefined","required":false,"description":"Whether the select is invalid"},{"name":"items","type":"SelectItem[]","required":false},{"name":"label","type":"string","required":false,"description":"Field label rendered above the trigger (NOT the shadcn listbox group\nlabel — see `select-label` note on the group label below)."},{"name":"loopFocus","type":"boolean | undefined","required":false,"default":"false","description":"Whether to loop the keyboard navigation through the options"},{"name":"multiple","type":"boolean | undefined","required":false,"description":"Whether to allow multiple selection"},{"name":"name","type":"string | undefined","required":false,"description":"The `name` attribute of the underlying select."},{"name":"open","type":"boolean | undefined","required":false,"description":"Whether the select menu is open"},{"name":"placeholder","type":"string","required":false},{"name":"positioning","type":"PositioningOptions | undefined","required":false,"description":"The positioning options of the menu."},{"name":"readOnly","type":"boolean | undefined","required":false,"description":"Whether the select is read-only"},{"name":"required","type":"boolean | undefined","required":false,"description":"Whether the select is required"},{"name":"scrollToIndexFn","type":"((details: ScrollToIndexDetails) => void) | undefined","required":false,"description":"Function to scroll to a specific index"},{"name":"size","type":"'default' | 'sm'","required":false},{"name":"translations","type":"IntlTranslations | undefined","required":false,"description":"Specifies the localized strings that identifies the accessibility elements and their states"},{"name":"value","type":"string[] | undefined","required":false,"description":"The controlled keys of the selected items"}],"events":[{"name":"onFocusOutside","arg":"FocusOutsideEvent","description":"Function called when the focus is moved outside the component"},{"name":"onHighlightChange","arg":"HighlightChangeDetails","description":"The callback fired when the highlighted item changes."},{"name":"onInteractOutside","arg":"InteractOutsideEvent","description":"Function called when an interaction happens outside the component"},{"name":"onOpenChange","arg":"OpenChangeDetails","description":"Function called when the popup is opened"},{"name":"onPointerDownOutside","arg":"PointerDownOutsideEvent","description":"Function called when the pointer is pressed down outside the component"},{"name":"onSelect","arg":"SelectionDetails","description":"Function called when an item is selected"},{"name":"onValueChange","arg":"ValueChangeDetails","description":"The callback fired when the selected item changes."},{"name":"valueChange","arg":"string[]"}],"keyboard":[{"keys":"Space / Enter","description":"Opens the listbox. When open, selects the highlighted item."},{"keys":"ArrowDown / ArrowUp","description":"Opens the listbox, or moves the highlight to the next/previous item."},{"keys":"Home / End","description":"Moves the highlight to the first/last item."},{"keys":"Type-ahead","description":"Typing characters jumps the highlight to the next matching item's label."},{"keys":"Escape","description":"Closes the listbox without changing the selection."},{"keys":"Tab","description":"Closes the listbox and moves focus to the next focusable element."}],"accessibilityNotes":["The trigger renders as a native `