[{"data":1,"prerenderedAt":1990},["ShallowReactive",2],{"selaras-docs-navigation":3,"selaras-docs:\u002Fcomponents\u002Fforms\u002Fautocomplete":649},[4,11,124,509,568,593],{"title":5,"path":6,"stem":7,"order":8,"icon":9,"collapse":10,"navBadges":9},"Selaras","\u002F","index",1,null,false,{"title":12,"order":13,"icon":9,"collapse":10,"navBadges":9,"path":14,"stem":15,"children":16,"page":10},"Overview",10,"\u002Foverview","overview",[17,66,103],{"title":18,"order":13,"icon":9,"collapse":10,"navBadges":9,"path":19,"stem":20,"children":21,"page":10},"Getting Started","\u002Foverview\u002Fgetting-started","overview\u002Fgetting-started",[22,26,31,36,41,46,51,56,61],{"title":23,"path":24,"stem":25,"order":13,"icon":9,"collapse":10,"navBadges":9},"Introduction","\u002Foverview\u002Fgetting-started\u002Fintroduction","overview\u002Fgetting-started\u002Fintroduction",{"title":27,"path":28,"stem":29,"order":30,"icon":9,"collapse":10,"navBadges":9},"Installation","\u002Foverview\u002Fgetting-started\u002Finstallation","overview\u002Fgetting-started\u002Finstallation",20,{"title":32,"path":33,"stem":34,"order":35,"icon":9,"collapse":10,"navBadges":9},"Component usage","\u002Foverview\u002Fgetting-started\u002Fcomponent-usage","overview\u002Fgetting-started\u002Fcomponent-usage",30,{"title":37,"path":38,"stem":39,"order":40,"icon":9,"collapse":10,"navBadges":9},"Nuxt configuration","\u002Foverview\u002Fgetting-started\u002Fnuxt-configuration","overview\u002Fgetting-started\u002Fnuxt-configuration",40,{"title":42,"path":43,"stem":44,"order":45,"icon":9,"collapse":10,"navBadges":9},"Icons","\u002Foverview\u002Fgetting-started\u002Ficons","overview\u002Fgetting-started\u002Ficons",50,{"title":47,"path":48,"stem":49,"order":50,"icon":9,"collapse":10,"navBadges":9},"Messages and localization","\u002Foverview\u002Fgetting-started\u002Fmessages","overview\u002Fgetting-started\u002Fmessages",60,{"title":52,"path":53,"stem":54,"order":55,"icon":9,"collapse":10,"navBadges":9},"Adaptive interfaces","\u002Foverview\u002Fgetting-started\u002Fadaptive-interfaces","overview\u002Fgetting-started\u002Fadaptive-interfaces",70,{"title":57,"path":58,"stem":59,"order":60,"icon":9,"collapse":10,"navBadges":9},"TypeScript","\u002Foverview\u002Fgetting-started\u002Ftypescript","overview\u002Fgetting-started\u002Ftypescript",80,{"title":62,"path":63,"stem":64,"order":65,"icon":9,"collapse":10,"navBadges":9},"Migrating to 1.0","\u002Foverview\u002Fgetting-started\u002Fmigrating-to-1","overview\u002Fgetting-started\u002Fmigrating-to-1",90,{"title":67,"order":30,"icon":9,"collapse":10,"navBadges":9,"path":68,"stem":69,"children":70,"page":10},"Theming","\u002Foverview\u002Ftheming","overview\u002Ftheming",[71,74,78,82,86,90,95,99],{"title":67,"path":72,"stem":73,"order":13,"icon":9,"collapse":10,"navBadges":9},"\u002Foverview\u002Ftheming\u002Foverview","overview\u002Ftheming\u002Foverview",{"title":75,"path":76,"stem":77,"order":30,"icon":9,"collapse":10,"navBadges":9},"CSS tokens","\u002Foverview\u002Ftheming\u002Fcss-tokens","overview\u002Ftheming\u002Fcss-tokens",{"title":79,"path":80,"stem":81,"order":35,"icon":9,"collapse":10,"navBadges":9},"Color roles","\u002Foverview\u002Ftheming\u002Fcolor-roles","overview\u002Ftheming\u002Fcolor-roles",{"title":83,"path":84,"stem":85,"order":40,"icon":9,"collapse":10,"navBadges":9},"Color modes","\u002Foverview\u002Ftheming\u002Fcolor-modes","overview\u002Ftheming\u002Fcolor-modes",{"title":87,"path":88,"stem":89,"order":45,"icon":9,"collapse":10,"navBadges":9},"Component styling","\u002Foverview\u002Ftheming\u002Fcomponent-styling","overview\u002Ftheming\u002Fcomponent-styling",{"title":91,"path":92,"stem":93,"order":94,"icon":9,"collapse":10,"navBadges":9},"Global configuration","\u002Foverview\u002Ftheming\u002Fglobal-configuration","overview\u002Ftheming\u002Fglobal-configuration",55,{"title":96,"path":97,"stem":98,"order":50,"icon":9,"collapse":10,"navBadges":9},"Scoped themes","\u002Foverview\u002Ftheming\u002Fscoped-themes","overview\u002Ftheming\u002Fscoped-themes",{"title":100,"path":101,"stem":102,"order":55,"icon":9,"collapse":10,"navBadges":9},"Complete themes","\u002Foverview\u002Ftheming\u002Fcomplete-themes","overview\u002Ftheming\u002Fcomplete-themes",{"title":104,"order":35,"icon":9,"collapse":10,"navBadges":9,"path":105,"stem":106,"children":107,"page":10},"Agent Support","\u002Foverview\u002Fagent-support","overview\u002Fagent-support",[108,112,116,120],{"title":109,"path":110,"stem":111,"order":13,"icon":9,"collapse":10,"navBadges":9},"Agent support","\u002Foverview\u002Fagent-support\u002Foverview","overview\u002Fagent-support\u002Foverview",{"title":113,"path":114,"stem":115,"order":30,"icon":9,"collapse":10,"navBadges":9},"Documentation exports","\u002Foverview\u002Fagent-support\u002Fdocumentation","overview\u002Fagent-support\u002Fdocumentation",{"title":117,"path":118,"stem":119,"order":35,"icon":9,"collapse":10,"navBadges":9},"Skills","\u002Foverview\u002Fagent-support\u002Fskills","overview\u002Fagent-support\u002Fskills",{"title":121,"path":122,"stem":123,"order":40,"icon":9,"collapse":10,"navBadges":9},"MCP","\u002Foverview\u002Fagent-support\u002Fmcp","overview\u002Fagent-support\u002Fmcp",{"title":125,"order":30,"icon":9,"collapse":10,"navBadges":9,"path":126,"stem":127,"children":128,"page":10},"Components","\u002Fcomponents","components",[129,202,301,320,364,417,470],{"title":130,"path":131,"stem":132,"children":133,"page":10},"Elements","\u002Fcomponents\u002Felements","components\u002Felements",[134,138,143,148,153,158,162,167,172,177,182,187,192,197],{"title":135,"path":136,"stem":137,"order":13,"icon":9,"collapse":10,"navBadges":9},"Button","\u002Fcomponents\u002Felements\u002Fbutton","components\u002Felements\u002Fbutton",{"title":139,"path":140,"stem":141,"order":142,"icon":9,"collapse":10,"navBadges":9},"ButtonGroup","\u002Fcomponents\u002Felements\u002Fbutton-group","components\u002Felements\u002Fbutton-group",10.5,{"title":144,"path":145,"stem":146,"order":147,"icon":9,"collapse":10,"navBadges":9},"Badge","\u002Fcomponents\u002Felements\u002Fbadge","components\u002Felements\u002Fbadge",11,{"title":149,"path":150,"stem":151,"order":152,"icon":9,"collapse":10,"navBadges":9},"Avatar","\u002Fcomponents\u002Felements\u002Favatar","components\u002Felements\u002Favatar",11.25,{"title":154,"path":155,"stem":156,"order":157,"icon":9,"collapse":10,"navBadges":9},"AvatarGroup","\u002Fcomponents\u002Felements\u002Favatar-group","components\u002Felements\u002Favatar-group",11.5,{"title":159,"path":160,"stem":161,"order":157,"icon":9,"collapse":10,"navBadges":9},"Chip","\u002Fcomponents\u002Felements\u002Fchip","components\u002Felements\u002Fchip",{"title":163,"path":164,"stem":165,"order":166,"icon":9,"collapse":10,"navBadges":9},"Icon","\u002Fcomponents\u002Felements\u002Ficon","components\u002Felements\u002Ficon",12,{"title":168,"path":169,"stem":170,"order":171,"icon":9,"collapse":10,"navBadges":9},"Skeleton","\u002Fcomponents\u002Felements\u002Fskeleton","components\u002Felements\u002Fskeleton",12.5,{"title":173,"path":174,"stem":175,"order":176,"icon":9,"collapse":10,"navBadges":9},"Separator","\u002Fcomponents\u002Felements\u002Fseparator","components\u002Felements\u002Fseparator",12.75,{"title":178,"path":179,"stem":180,"order":181,"icon":9,"collapse":10,"navBadges":9},"Alert","\u002Fcomponents\u002Felements\u002Falert","components\u002Felements\u002Falert",12.9,{"title":183,"path":184,"stem":185,"order":186,"icon":9,"collapse":10,"navBadges":9},"Toggle","\u002Fcomponents\u002Felements\u002Ftoggle","components\u002Felements\u002Ftoggle",12.92,{"title":188,"path":189,"stem":190,"order":191,"icon":9,"collapse":10,"navBadges":9},"Toggle Group","\u002Fcomponents\u002Felements\u002Ftoggle-group","components\u002Felements\u002Ftoggle-group",12.94,{"title":193,"path":194,"stem":195,"order":196,"icon":9,"collapse":10,"navBadges":9},"Kbd","\u002Fcomponents\u002Felements\u002Fkbd","components\u002Felements\u002Fkbd",12.95,{"title":198,"path":199,"stem":200,"order":201,"icon":9,"collapse":10,"navBadges":9},"Progress","\u002Fcomponents\u002Felements\u002Fprogress","components\u002Felements\u002Fprogress",12.97,{"title":203,"path":204,"stem":205,"children":206,"page":10},"Forms","\u002Fcomponents\u002Fforms","components\u002Fforms",[207,211,216,221,226,231,236,241,246,251,256,261,266,271,276,281,286,291,296],{"title":208,"path":209,"stem":210,"order":30,"icon":9,"collapse":10,"navBadges":9},"Input","\u002Fcomponents\u002Fforms\u002Finput","components\u002Fforms\u002Finput",{"title":212,"path":213,"stem":214,"order":215,"icon":9,"collapse":10,"navBadges":9},"InputGroup","\u002Fcomponents\u002Fforms\u002Finput-group","components\u002Fforms\u002Finput-group",20.25,{"title":217,"path":218,"stem":219,"order":220,"icon":9,"collapse":10,"navBadges":9},"InputNumber","\u002Fcomponents\u002Fforms\u002Finput-number","components\u002Fforms\u002Finput-number",20.5,{"title":222,"path":223,"stem":224,"order":225,"icon":9,"collapse":10,"navBadges":9},"Slider","\u002Fcomponents\u002Fforms\u002Fslider","components\u002Fforms\u002Fslider",20.75,{"title":227,"path":228,"stem":229,"order":230,"icon":9,"collapse":10,"navBadges":9},"PinInput","\u002Fcomponents\u002Fforms\u002Fpin-input","components\u002Fforms\u002Fpin-input",20.9,{"title":232,"path":233,"stem":234,"order":235,"icon":9,"collapse":10,"navBadges":9},"Textarea","\u002Fcomponents\u002Fforms\u002Ftextarea","components\u002Fforms\u002Ftextarea",21,{"title":237,"path":238,"stem":239,"order":240,"icon":9,"collapse":10,"navBadges":9},"FileUpload","\u002Fcomponents\u002Fforms\u002Ffile-upload","components\u002Fforms\u002Ffile-upload",21.5,{"title":242,"path":243,"stem":244,"order":245,"icon":9,"collapse":10,"navBadges":9},"Select","\u002Fcomponents\u002Fforms\u002Fselect","components\u002Fforms\u002Fselect",22,{"title":247,"path":248,"stem":249,"order":250,"icon":9,"collapse":10,"navBadges":9},"Listbox","\u002Fcomponents\u002Fforms\u002Flistbox","components\u002Fforms\u002Flistbox",22.5,{"title":252,"path":253,"stem":254,"order":255,"icon":9,"collapse":10,"navBadges":9},"TransferList","\u002Fcomponents\u002Fforms\u002Ftransfer-list","components\u002Fforms\u002Ftransfer-list",22.75,{"title":257,"path":258,"stem":259,"order":260,"icon":9,"collapse":10,"navBadges":9},"Autocomplete","\u002Fcomponents\u002Fforms\u002Fautocomplete","components\u002Fforms\u002Fautocomplete",23,{"title":262,"path":263,"stem":264,"order":265,"icon":9,"collapse":10,"navBadges":9},"DatePicker","\u002Fcomponents\u002Fforms\u002Fdate-picker","components\u002Fforms\u002Fdate-picker",23.5,{"title":267,"path":268,"stem":269,"order":270,"icon":9,"collapse":10,"navBadges":9},"ColorPicker","\u002Fcomponents\u002Fforms\u002Fcolor-picker","components\u002Fforms\u002Fcolor-picker",23.75,{"title":272,"path":273,"stem":274,"order":275,"icon":9,"collapse":10,"navBadges":9},"Checkbox","\u002Fcomponents\u002Fforms\u002Fcheckbox","components\u002Fforms\u002Fcheckbox",24,{"title":277,"path":278,"stem":279,"order":280,"icon":9,"collapse":10,"navBadges":9},"RadioGroup","\u002Fcomponents\u002Fforms\u002Fradio-group","components\u002Fforms\u002Fradio-group",25,{"title":282,"path":283,"stem":284,"order":285,"icon":9,"collapse":10,"navBadges":9},"Rating","\u002Fcomponents\u002Fforms\u002Frating","components\u002Fforms\u002Frating",25.5,{"title":287,"path":288,"stem":289,"order":290,"icon":9,"collapse":10,"navBadges":9},"Switch","\u002Fcomponents\u002Fforms\u002Fswitch","components\u002Fforms\u002Fswitch",26,{"title":292,"path":293,"stem":294,"order":295,"icon":9,"collapse":10,"navBadges":9},"FormField","\u002Fcomponents\u002Fforms\u002Fform-field","components\u002Fforms\u002Fform-field",27,{"title":297,"path":298,"stem":299,"order":300,"icon":9,"collapse":10,"navBadges":9},"Form Validation","\u002Fcomponents\u002Fforms\u002Fvalidation","components\u002Fforms\u002Fvalidation",28,{"title":302,"path":303,"stem":304,"children":305,"page":10},"Data","\u002Fcomponents\u002Fdata","components\u002Fdata",[306,311,315],{"title":307,"path":308,"stem":309,"order":310,"icon":9,"collapse":10,"navBadges":9},"Calendar","\u002Fcomponents\u002Fdata\u002Fcalendar","components\u002Fdata\u002Fcalendar",29,{"title":312,"path":313,"stem":314,"order":35,"icon":9,"collapse":10,"navBadges":9},"Table","\u002Fcomponents\u002Fdata\u002Ftable","components\u002Fdata\u002Ftable",{"title":316,"path":317,"stem":318,"order":319,"icon":9,"collapse":10,"navBadges":9},"Timeline","\u002Fcomponents\u002Fdata\u002Ftimeline","components\u002Fdata\u002Ftimeline",31,{"title":321,"path":322,"stem":323,"children":324,"page":10},"Navigation","\u002Fcomponents\u002Fnavigation","components\u002Fnavigation",[325,330,334,339,344,349,354,359],{"title":326,"path":327,"stem":328,"order":329,"icon":9,"collapse":10,"navBadges":9},"Breadcrumb","\u002Fcomponents\u002Fnavigation\u002Fbreadcrumb","components\u002Fnavigation\u002Fbreadcrumb",39,{"title":331,"path":332,"stem":333,"order":40,"icon":9,"collapse":10,"navBadges":9},"Tabs","\u002Fcomponents\u002Fnavigation\u002Ftabs","components\u002Fnavigation\u002Ftabs",{"title":335,"path":336,"stem":337,"order":338,"icon":9,"collapse":10,"navBadges":9},"Stepper","\u002Fcomponents\u002Fnavigation\u002Fstepper","components\u002Fnavigation\u002Fstepper",40.5,{"title":340,"path":341,"stem":342,"order":343,"icon":9,"collapse":10,"navBadges":9},"Accordion","\u002Fcomponents\u002Fnavigation\u002Faccordion","components\u002Fnavigation\u002Faccordion",41,{"title":345,"path":346,"stem":347,"order":348,"icon":9,"collapse":10,"navBadges":9},"Collapsible","\u002Fcomponents\u002Fnavigation\u002Fcollapsible","components\u002Fnavigation\u002Fcollapsible",41.5,{"title":350,"path":351,"stem":352,"order":353,"icon":9,"collapse":10,"navBadges":9},"Tree","\u002Fcomponents\u002Fnavigation\u002Ftree","components\u002Fnavigation\u002Ftree",41.75,{"title":355,"path":356,"stem":357,"order":358,"icon":9,"collapse":10,"navBadges":9},"Pagination","\u002Fcomponents\u002Fnavigation\u002Fpagination","components\u002Fnavigation\u002Fpagination",44,{"title":360,"path":361,"stem":362,"order":363,"icon":9,"collapse":10,"navBadges":9},"NavigationMenu","\u002Fcomponents\u002Fnavigation\u002Fnavigation-menu","components\u002Fnavigation\u002Fnavigation-menu",45,{"title":365,"path":366,"stem":367,"children":368,"page":10},"Overlays","\u002Fcomponents\u002Foverlays","components\u002Foverlays",[369,373,378,383,388,393,398,403,408,412],{"title":370,"path":371,"stem":372,"order":45,"icon":9,"collapse":10,"navBadges":9},"Modal","\u002Fcomponents\u002Foverlays\u002Fmodal","components\u002Foverlays\u002Fmodal",{"title":374,"path":375,"stem":376,"order":377,"icon":9,"collapse":10,"navBadges":9},"AlertDialog","\u002Fcomponents\u002Foverlays\u002Falert-dialog","components\u002Foverlays\u002Falert-dialog",50.5,{"title":379,"path":380,"stem":381,"order":382,"icon":9,"collapse":10,"navBadges":9},"Dropdown","\u002Fcomponents\u002Foverlays\u002Fdropdown","components\u002Foverlays\u002Fdropdown",51,{"title":384,"path":385,"stem":386,"order":387,"icon":9,"collapse":10,"navBadges":9},"Context Menu","\u002Fcomponents\u002Foverlays\u002Fcontext-menu","components\u002Foverlays\u002Fcontext-menu",51.5,{"title":389,"path":390,"stem":391,"order":392,"icon":9,"collapse":10,"navBadges":9},"Tooltip","\u002Fcomponents\u002Foverlays\u002Ftooltip","components\u002Foverlays\u002Ftooltip",52,{"title":394,"path":395,"stem":396,"order":397,"icon":9,"collapse":10,"navBadges":9},"Toast","\u002Fcomponents\u002Foverlays\u002Ftoast","components\u002Foverlays\u002Ftoast",53,{"title":399,"path":400,"stem":401,"order":402,"icon":9,"collapse":10,"navBadges":9},"Slideover","\u002Fcomponents\u002Foverlays\u002Fslideover","components\u002Foverlays\u002Fslideover",54,{"title":404,"path":405,"stem":406,"order":407,"icon":9,"collapse":10,"navBadges":9},"Command Palette","\u002Fcomponents\u002Foverlays\u002Fcommand-palette","components\u002Foverlays\u002Fcommand-palette",54.5,{"title":409,"path":410,"stem":411,"order":94,"icon":9,"collapse":10,"navBadges":9},"Popover","\u002Fcomponents\u002Foverlays\u002Fpopover","components\u002Foverlays\u002Fpopover",{"title":413,"path":414,"stem":415,"order":416,"icon":9,"collapse":10,"navBadges":9},"Drawer","\u002Fcomponents\u002Foverlays\u002Fdrawer","components\u002Foverlays\u002Fdrawer",56,{"title":418,"path":419,"stem":420,"children":421,"page":10},"Layout","\u002Fcomponents\u002Flayout","components\u002Flayout",[422,427,431,436,441,446,450,455,460,465],{"title":423,"path":424,"stem":425,"order":426,"icon":9,"collapse":10,"navBadges":9},"App","\u002Fcomponents\u002Flayout\u002Fapp","components\u002Flayout\u002Fapp",59,{"title":428,"path":429,"stem":430,"order":50,"icon":9,"collapse":10,"navBadges":9},"Container","\u002Fcomponents\u002Flayout\u002Fcontainer","components\u002Flayout\u002Fcontainer",{"title":432,"path":433,"stem":434,"order":435,"icon":9,"collapse":10,"navBadges":9},"Header","\u002Fcomponents\u002Flayout\u002Fheader","components\u002Flayout\u002Fheader",63,{"title":437,"path":438,"stem":439,"order":440,"icon":9,"collapse":10,"navBadges":9},"ColorModeToggle","\u002Fcomponents\u002Flayout\u002Fcolor-mode-toggle","components\u002Flayout\u002Fcolor-mode-toggle",64,{"title":442,"path":443,"stem":444,"order":445,"icon":9,"collapse":10,"navBadges":9},"ColorModeSwitch","\u002Fcomponents\u002Flayout\u002Fcolor-mode-switch","components\u002Flayout\u002Fcolor-mode-switch",65,{"title":447,"path":448,"stem":449,"order":445,"icon":9,"collapse":10,"navBadges":9},"ScrollArea","\u002Fcomponents\u002Flayout\u002Fscroll-area","components\u002Flayout\u002Fscroll-area",{"title":451,"path":452,"stem":453,"order":454,"icon":9,"collapse":10,"navBadges":9},"Card","\u002Fcomponents\u002Flayout\u002Fcard","components\u002Flayout\u002Fcard",66,{"title":456,"path":457,"stem":458,"order":459,"icon":9,"collapse":10,"navBadges":9},"CardGroup","\u002Fcomponents\u002Flayout\u002Fcard-group","components\u002Flayout\u002Fcard-group",67,{"title":461,"path":462,"stem":463,"order":464,"icon":9,"collapse":10,"navBadges":9},"Splitter","\u002Fcomponents\u002Flayout\u002Fsplitter","components\u002Flayout\u002Fsplitter",68,{"title":466,"path":467,"stem":468,"order":469,"icon":9,"collapse":10,"navBadges":9},"Theme","\u002Fcomponents\u002Flayout\u002Ftheme","components\u002Flayout\u002Ftheme",69,{"title":471,"path":472,"stem":473,"children":474,"page":10},"Typography","\u002Fcomponents\u002Ftypography","components\u002Ftypography",[475,479,484,489,494,499,504],{"title":476,"path":477,"stem":478,"order":55,"icon":9,"collapse":10,"navBadges":9},"Prose","\u002Fcomponents\u002Ftypography\u002Fprose","components\u002Ftypography\u002Fprose",{"title":480,"path":481,"stem":482,"order":483,"icon":9,"collapse":10,"navBadges":9},"CodeGroup","\u002Fcomponents\u002Ftypography\u002Fcode-group","components\u002Ftypography\u002Fcode-group",71,{"title":485,"path":486,"stem":487,"order":488,"icon":9,"collapse":10,"navBadges":9},"Callout","\u002Fcomponents\u002Ftypography\u002Fcallout","components\u002Ftypography\u002Fcallout",72,{"title":490,"path":491,"stem":492,"order":493,"icon":9,"collapse":10,"navBadges":9},"CodeButton","\u002Fcomponents\u002Ftypography\u002Fcode-button","components\u002Ftypography\u002Fcode-button",73,{"title":495,"path":496,"stem":497,"order":498,"icon":9,"collapse":10,"navBadges":9},"ReadMore","\u002Fcomponents\u002Ftypography\u002Fread-more","components\u002Ftypography\u002Fread-more",74,{"title":500,"path":501,"stem":502,"order":503,"icon":9,"collapse":10,"navBadges":9},"FileTree","\u002Fcomponents\u002Ftypography\u002Ffile-tree","components\u002Ftypography\u002Ffile-tree",75,{"title":505,"path":506,"stem":507,"order":508,"icon":9,"collapse":10,"navBadges":9},"CodeTree","\u002Fcomponents\u002Ftypography\u002Fcode-tree","components\u002Ftypography\u002Fcode-tree",76,{"title":510,"order":35,"icon":9,"collapse":10,"navBadges":9,"path":511,"stem":512,"children":513,"page":10},"Composites","\u002Fcomposites","composites",[514,543],{"title":515,"path":516,"stem":517,"children":518,"page":10},"Dashboard","\u002Fcomposites\u002Fdashboard","composites\u002Fdashboard",[519,523,527,531,535,539],{"title":520,"path":521,"stem":522,"order":13,"icon":9,"collapse":10,"navBadges":9},"DashboardGroup","\u002Fcomposites\u002Fdashboard\u002Fdashboard-group","composites\u002Fdashboard\u002Fdashboard-group",{"title":524,"path":525,"stem":526,"order":30,"icon":9,"collapse":10,"navBadges":9},"DashboardSidebar","\u002Fcomposites\u002Fdashboard\u002Fdashboard-sidebar","composites\u002Fdashboard\u002Fdashboard-sidebar",{"title":528,"path":529,"stem":530,"order":35,"icon":9,"collapse":10,"navBadges":9},"DashboardPanel","\u002Fcomposites\u002Fdashboard\u002Fdashboard-panel","composites\u002Fdashboard\u002Fdashboard-panel",{"title":532,"path":533,"stem":534,"order":40,"icon":9,"collapse":10,"navBadges":9},"DashboardResizeHandle","\u002Fcomposites\u002Fdashboard\u002Fdashboard-resize-handle","composites\u002Fdashboard\u002Fdashboard-resize-handle",{"title":536,"path":537,"stem":538,"order":45,"icon":9,"collapse":10,"navBadges":9},"DashboardNavbar","\u002Fcomposites\u002Fdashboard\u002Fdashboard-navbar","composites\u002Fdashboard\u002Fdashboard-navbar",{"title":540,"path":541,"stem":542,"order":50,"icon":9,"collapse":10,"navBadges":9},"DashboardSidebarToggle","\u002Fcomposites\u002Fdashboard\u002Fdashboard-sidebar-toggle","composites\u002Fdashboard\u002Fdashboard-sidebar-toggle",{"title":544,"path":545,"stem":546,"children":547,"page":10},"Documentation","\u002Fcomposites\u002Fdocumentation","composites\u002Fdocumentation",[548,552,556,560,564],{"title":549,"path":550,"stem":551,"order":13,"icon":9,"collapse":10,"navBadges":9},"PageHeader","\u002Fcomposites\u002Fdocumentation\u002Fpage-header","composites\u002Fdocumentation\u002Fpage-header",{"title":553,"path":554,"stem":555,"order":30,"icon":9,"collapse":10,"navBadges":9},"PageAside","\u002Fcomposites\u002Fdocumentation\u002Fpage-aside","composites\u002Fdocumentation\u002Fpage-aside",{"title":557,"path":558,"stem":559,"order":35,"icon":9,"collapse":10,"navBadges":9},"ContentNavigation","\u002Fcomposites\u002Fdocumentation\u002Fcontent-navigation","composites\u002Fdocumentation\u002Fcontent-navigation",{"title":561,"path":562,"stem":563,"order":40,"icon":9,"collapse":10,"navBadges":9},"ContentToc","\u002Fcomposites\u002Fdocumentation\u002Fcontent-toc","composites\u002Fdocumentation\u002Fcontent-toc",{"title":565,"path":566,"stem":567,"order":45,"icon":9,"collapse":10,"navBadges":9},"ContentSurround","\u002Fcomposites\u002Fdocumentation\u002Fcontent-surround","composites\u002Fdocumentation\u002Fcontent-surround",{"title":569,"order":570,"icon":9,"collapse":10,"navBadges":9,"path":571,"stem":572,"children":573,"page":10},"Blocks",35,"\u002Fblocks","blocks",[574,577,581,585,589],{"title":569,"path":575,"stem":576,"order":13,"icon":9,"collapse":10,"navBadges":9},"\u002Fblocks\u002Foverview","blocks\u002Foverview",{"title":578,"path":579,"stem":580,"order":30,"icon":9,"collapse":10,"navBadges":9},"Sign in","\u002Fblocks\u002Fsign-in","blocks\u002Fsign-in",{"title":582,"path":583,"stem":584,"order":35,"icon":9,"collapse":10,"navBadges":9},"Dashboard overview","\u002Fblocks\u002Fdashboard-overview","blocks\u002Fdashboard-overview",{"title":586,"path":587,"stem":588,"order":40,"icon":9,"collapse":10,"navBadges":9},"Profile settings","\u002Fblocks\u002Fprofile-settings","blocks\u002Fprofile-settings",{"title":590,"path":591,"stem":592,"order":45,"icon":9,"collapse":10,"navBadges":9},"Data management","\u002Fblocks\u002Fdata-management","blocks\u002Fdata-management",{"title":594,"order":40,"icon":9,"collapse":10,"navBadges":9,"path":595,"stem":596,"children":597,"page":10},"Utilities","\u002Futilities","utilities",[598,632],{"title":599,"path":600,"stem":601,"children":602,"page":10},"Composables","\u002Futilities\u002Fcomposables","utilities\u002Fcomposables",[603,607,611,616,620,624,628],{"title":604,"path":605,"stem":606,"order":13,"icon":9,"collapse":10,"navBadges":9},"useModal","\u002Futilities\u002Fcomposables\u002Fuse-modal","utilities\u002Fcomposables\u002Fuse-modal",{"title":608,"path":609,"stem":610,"order":166,"icon":9,"collapse":10,"navBadges":9},"useConfirm","\u002Futilities\u002Fcomposables\u002Fuse-confirm","utilities\u002Fcomposables\u002Fuse-confirm",{"title":612,"path":613,"stem":614,"order":615,"icon":9,"collapse":10,"navBadges":9},"useDrawer","\u002Futilities\u002Fcomposables\u002Fuse-drawer","utilities\u002Fcomposables\u002Fuse-drawer",15,{"title":617,"path":618,"stem":619,"order":30,"icon":9,"collapse":10,"navBadges":9},"useSlideover","\u002Futilities\u002Fcomposables\u002Fuse-slideover","utilities\u002Fcomposables\u002Fuse-slideover",{"title":621,"path":622,"stem":623,"order":35,"icon":9,"collapse":10,"navBadges":9},"useIcons","\u002Futilities\u002Fcomposables\u002Fuse-icons","utilities\u002Fcomposables\u002Fuse-icons",{"title":625,"path":626,"stem":627,"order":40,"icon":9,"collapse":10,"navBadges":9},"useMessages","\u002Futilities\u002Fcomposables\u002Fuse-messages","utilities\u002Fcomposables\u002Fuse-messages",{"title":629,"path":630,"stem":631,"order":45,"icon":9,"collapse":10,"navBadges":9},"useLocale","\u002Futilities\u002Fcomposables\u002Fuse-locale","utilities\u002Fcomposables\u002Fuse-locale",{"title":633,"path":634,"stem":635,"children":636,"page":10},"Directives","\u002Futilities\u002Fdirectives","utilities\u002Fdirectives",[637,641,645],{"title":638,"path":639,"stem":640,"order":13,"icon":9,"collapse":10,"navBadges":9},"v-ripple","\u002Futilities\u002Fdirectives\u002Fripple","utilities\u002Fdirectives\u002Fripple",{"title":642,"path":643,"stem":644,"order":615,"icon":9,"collapse":10,"navBadges":9},"v-hotkey","\u002Futilities\u002Fdirectives\u002Fhotkey","utilities\u002Fdirectives\u002Fhotkey",{"title":646,"path":647,"stem":648,"order":30,"icon":9,"collapse":10,"navBadges":9},"v-mask","\u002Futilities\u002Fdirectives\u002Fmask","utilities\u002Fdirectives\u002Fmask",{"id":650,"title":257,"aside":651,"body":652,"collapse":10,"description":1985,"editLink":651,"extension":1986,"icon":9,"issueLink":651,"meta":1987,"navBadges":9,"navigation":9,"order":260,"path":258,"prevNext":651,"seo":1988,"stem":259,"toc":651,"__hash__":1989},"docs\u002Fcomponents\u002Fforms\u002Fautocomplete.md",true,{"type":653,"value":654,"toc":1963},"minimark",[655,660,693,719,730,777,786,804,811,815,1015,1022,1026,1032,1035,1082,1086,1099,1102,1141,1144,1190,1194,1237,1273,1277,1288,1291,1335,1339,1348,1392,1395,1433,1437,1449,1452,1556,1560,1588,1600,1604,1621,1625,1642,1646,1675,1679,1689,1692,1696,1718,1722,1751,1758,1765,1772,1776,1780,1805,1815,1818,1824,1827,1838,1851,1904,1908,1949,1959],[656,657,659],"h2",{"id":658},"usage","Usage",[661,662,663,664,668,669,672,673,676,677,680,681,684,685,688,689,692],"p",{},"Suggestions accept string\u002Fnumber arrays or option objects. A primitive is both\nits label and value. Objects display ",[665,666,667],"code",{},"label"," by default; their ",[665,670,671],{},"value"," field is\nused when present, and objects without it are themselves the model value. Set\n",[665,674,675],{},"labelKey"," or ",[665,678,679],{},"valueKey"," to choose other fields. Existing suggestions preserve\nnumeric ",[665,682,683],{},"1"," versus string ",[665,686,687],{},"\"1\"",". Newly created free text is always a string;\nnumeric suggestions do not cause typed text to be coerced. Use ",[665,690,691],{},"forceSelection","\nto disallow creating values.",[661,694,695,696,699,700,703,704,706,707,6,709,711,712,714,715,718],{},"Autocomplete infers models and update events from its suggestion identity field.\nNumeric suggestions allow ",[665,697,698],{},"number | string | undefined"," in single mode and\n",[665,701,702],{},"(number | string)[]"," in multiple mode. A literal ",[665,705,691],{}," narrows those\ntypes to the suggestion identity; a dynamic boolean retains the string union.\nReadonly option\u002Fgroup arrays and custom top-level ",[665,708,679],{},[665,710,675],{}," fields\nare supported. Every suggestion identity must be unique across the whole list,\nincluding disabled suggestions and suggestions in different groups; a duplicate\nthrows when Autocomplete reads the options. Numeric ",[665,713,683],{}," and string ",[665,716,717],{},"'1'"," remain\ndistinct. Declare the item type for initially empty async arrays.",[661,720,721,722,725,726,729],{},"The exported types use an option entry type: ",[665,723,724],{},"AutocompleteProps\u003Cnumber>","\ndescribes numeric primitive items, while\n",[665,727,728],{},"AutocompleteProps\u003C{ value: number, label: string }>"," describes option records.\nThe parameters are entry, identity key, multiple mode and forced mode.",[661,731,732,733,736,737,740,741,744,745,748,749,752,753,756,757,760,761,764,765,768,769,772,773,776],{},"Author suggestions as a readonly ",[665,734,735],{},"Row[]",", or as ",[665,738,739],{},"readonly (Row | SelectGroup\u003CRow>)[]","\nwhen mixing suggestions and groups; there are no separate ",[665,742,743],{},"SelectItems",",\n",[665,746,747],{},"SelectOption",", or ",[665,750,751],{},"SelectOptionGroup"," authoring aliases. A wrapper that needs\nthe exact validated items type can use ",[665,754,755],{},"AutocompleteProps\u003CRow, 'id'>['items']",". For example,\n",[665,758,759],{},"AutocompleteProps\u003CRow, 'id', true, true>"," describes forced multiple selection.\n",[665,762,763],{},"AutocompleteEmits"," uses the same parameters. Render functions can specialize\n",[665,766,767],{},"Autocomplete\u003CRow, 'id', true, true>"," directly; templates normally infer it.\nImport public helpers from ",[665,770,771],{},"@sewadah\u002Fselaras\u002Ftypes","; derive slot types through\n",[665,774,775],{},"AutocompleteSlots",".",[661,778,779,781,782,785],{},[665,780,691],{}," blocks new unmatched text. It does not erase existing values\nwhen toggled dynamically or require that a selected async identity already be\nin the current options. Native reset restores the captured default, including\nstrings created before a dynamic switch. Idle inputs refresh their selected\nlabel when options load; active queries and parent-controlled ",[665,783,784],{},"searchTerm","\nretain their text.",[661,787,788,791,792,795,796,799,800,803],{},[665,789,790],{},"defaultValue"," initializes uncontrolled selection and is the native form reset\ntarget. ",[665,793,794],{},"modelValue"," remains parent-controlled. With ",[665,797,798],{},"name",", each selected value\nsubmits as a field; primitives are strings and objects are JSON. Empty or\ndisabled selections submit none. ",[665,801,802],{},"form"," may reference an external form ID.",[661,805,806,807,810],{},"Unlike ",[808,809,242],"a",{"href":243},", whatever the user types can become the\nvalue even if it doesn't match a suggestion - picking a suggestion is a\nshortcut, not a requirement.",[812,813],"component-example",{"name":814},"autocomplete-basic",[816,817,822],"pre",{"className":818,"code":819,"language":820,"meta":821,"style":821},"language-vue shiki shiki-themes github-light github-dark","\u003Cscript setup lang=\"ts\">\nconst value = ref('')\n\nconst fruitItems = [\n  { label: 'Apple', value: 'apple' },\n  { label: 'Banana', value: 'banana' },\n]\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003CSAutocomplete v-model=\"value\" placeholder=\"Type anything\" :items=\"fruitItems\" \u002F>\n\u003C\u002Ftemplate>\n","vue","",[665,823,824,853,879,885,898,916,931,937,947,952,961,1007],{"__ignoreMap":821},[825,826,828,832,836,840,843,846,850],"span",{"class":827,"line":8},"line",[825,829,831],{"class":830},"sVt8B","\u003C",[825,833,835],{"class":834},"s9eBZ","script",[825,837,839],{"class":838},"sScJk"," setup",[825,841,842],{"class":838}," lang",[825,844,845],{"class":830},"=",[825,847,849],{"class":848},"sZZnC","\"ts\"",[825,851,852],{"class":830},">\n",[825,854,856,860,864,867,870,873,876],{"class":827,"line":855},2,[825,857,859],{"class":858},"szBVR","const",[825,861,863],{"class":862},"sj4cs"," value",[825,865,866],{"class":858}," =",[825,868,869],{"class":838}," ref",[825,871,872],{"class":830},"(",[825,874,875],{"class":848},"''",[825,877,878],{"class":830},")\n",[825,880,882],{"class":827,"line":881},3,[825,883,884],{"emptyLinePlaceholder":651},"\n",[825,886,888,890,893,895],{"class":827,"line":887},4,[825,889,859],{"class":858},[825,891,892],{"class":862}," fruitItems",[825,894,866],{"class":858},[825,896,897],{"class":830}," [\n",[825,899,901,904,907,910,913],{"class":827,"line":900},5,[825,902,903],{"class":830},"  { label: ",[825,905,906],{"class":848},"'Apple'",[825,908,909],{"class":830},", value: ",[825,911,912],{"class":848},"'apple'",[825,914,915],{"class":830}," },\n",[825,917,919,921,924,926,929],{"class":827,"line":918},6,[825,920,903],{"class":830},[825,922,923],{"class":848},"'Banana'",[825,925,909],{"class":830},[825,927,928],{"class":848},"'banana'",[825,930,915],{"class":830},[825,932,934],{"class":827,"line":933},7,[825,935,936],{"class":830},"]\n",[825,938,940,943,945],{"class":827,"line":939},8,[825,941,942],{"class":830},"\u003C\u002F",[825,944,835],{"class":834},[825,946,852],{"class":830},[825,948,950],{"class":827,"line":949},9,[825,951,884],{"emptyLinePlaceholder":651},[825,953,954,956,959],{"class":827,"line":13},[825,955,831],{"class":830},[825,957,958],{"class":834},"template",[825,960,852],{"class":830},[825,962,963,966,969,972,974,977,979,981,984,986,989,992,995,997,999,1002,1004],{"class":827,"line":147},[825,964,965],{"class":830},"  \u003C",[825,967,968],{"class":834},"SAutocomplete",[825,970,971],{"class":838}," v-model",[825,973,845],{"class":830},[825,975,976],{"class":848},"\"",[825,978,671],{"class":830},[825,980,976],{"class":848},[825,982,983],{"class":838}," placeholder",[825,985,845],{"class":830},[825,987,988],{"class":848},"\"Type anything\"",[825,990,991],{"class":830}," :",[825,993,994],{"class":838},"items",[825,996,845],{"class":830},[825,998,976],{"class":848},[825,1000,1001],{"class":830},"fruitItems",[825,1003,976],{"class":848},[825,1005,1006],{"class":830}," \u002F>\n",[825,1008,1009,1011,1013],{"class":827,"line":166},[825,1010,942],{"class":830},[825,1012,958],{"class":834},[825,1014,852],{"class":830},[661,1016,1017,1018,1021],{},"The input itself is always the trigger - typing works immediately, with no\nseparate \"open\" step, since there's no equivalent of Select's\n",[665,1019,1020],{},"searchable: false"," mode here.",[1023,1024,379],"h3",{"id":1025},"dropdown",[661,1027,1028,1029,1031],{},"There's no built-in \"browse everything\" button by default - typing is the\nwhole interaction. ",[665,1030,1025],{}," adds one anyway: a trailing chevron that opens\nthe popover and clears whatever's typed, so it always shows the full list\nrather than staying scoped to the current filter.",[812,1033],{"name":1034},"autocomplete-dropdown",[816,1036,1040],{"className":1037,"code":1038,"language":1039,"meta":821,"style":821},"language-vue-html shiki shiki-themes github-light github-dark","\u003CSAutocomplete v-model=\"value\" dropdown placeholder=\"Type or browse\" :items=\"fruitItems\" \u002F>\n","vue-html",[665,1041,1042],{"__ignoreMap":821},[825,1043,1044,1046,1048,1050,1052,1054,1056,1058,1061,1063,1065,1068,1070,1072,1074,1076,1078,1080],{"class":827,"line":8},[825,1045,831],{"class":830},[825,1047,968],{"class":834},[825,1049,971],{"class":838},[825,1051,845],{"class":830},[825,1053,976],{"class":848},[825,1055,671],{"class":830},[825,1057,976],{"class":848},[825,1059,1060],{"class":838}," dropdown",[825,1062,983],{"class":838},[825,1064,845],{"class":830},[825,1066,1067],{"class":848},"\"Type or browse\"",[825,1069,991],{"class":830},[825,1071,994],{"class":838},[825,1073,845],{"class":830},[825,1075,976],{"class":848},[825,1077,1001],{"class":830},[825,1079,976],{"class":848},[825,1081,1006],{"class":830},[1023,1083,1085],{"id":1084},"multiple-values","Multiple values",[661,1087,1088,1091,1092,1095,1096,1098],{},[665,1089,1090],{},"multiple"," uses a comma-separated display by default, with the editable query\nbeside the selected labels. ",[665,1093,1094],{},"displayMode=\"chip\""," shows removable chips instead.\nBoth modes offer a Create option for text that isn't already in ",[665,1097,994],{},". Press\nEnter to add it, or move to an existing suggestion first. Once the query\nclears, the open list shows all available options again. Choosing an already\nselected option leaves the selection in place; chip mode also offers a remove\nbutton on each selected value. In comma mode, press Backspace with an empty\nquery to remove the last selected value.",[812,1100],{"name":1101},"autocomplete-multiple-comma",[816,1103,1105],{"className":1037,"code":1104,"language":1039,"meta":821,"style":821},"\u003CSAutocomplete v-model=\"fruits\" multiple :items=\"fruitItems\" \u002F>\n",[665,1106,1107],{"__ignoreMap":821},[825,1108,1109,1111,1113,1115,1117,1119,1122,1124,1127,1129,1131,1133,1135,1137,1139],{"class":827,"line":8},[825,1110,831],{"class":830},[825,1112,968],{"class":834},[825,1114,971],{"class":838},[825,1116,845],{"class":830},[825,1118,976],{"class":848},[825,1120,1121],{"class":830},"fruits",[825,1123,976],{"class":848},[825,1125,1126],{"class":838}," multiple",[825,1128,991],{"class":830},[825,1130,994],{"class":838},[825,1132,845],{"class":830},[825,1134,976],{"class":848},[825,1136,1001],{"class":830},[825,1138,976],{"class":848},[825,1140,1006],{"class":830},[812,1142],{"name":1143},"autocomplete-multiple",[816,1145,1147],{"className":1037,"code":1146,"language":1039,"meta":821,"style":821},"\u003CSAutocomplete v-model=\"tags\" multiple display-mode=\"chip\" :items=\"fruitItems\" \u002F>\n",[665,1148,1149],{"__ignoreMap":821},[825,1150,1151,1153,1155,1157,1159,1161,1164,1166,1168,1171,1173,1176,1178,1180,1182,1184,1186,1188],{"class":827,"line":8},[825,1152,831],{"class":830},[825,1154,968],{"class":834},[825,1156,971],{"class":838},[825,1158,845],{"class":830},[825,1160,976],{"class":848},[825,1162,1163],{"class":830},"tags",[825,1165,976],{"class":848},[825,1167,1126],{"class":838},[825,1169,1170],{"class":838}," display-mode",[825,1172,845],{"class":830},[825,1174,1175],{"class":848},"\"chip\"",[825,1177,991],{"class":830},[825,1179,994],{"class":838},[825,1181,845],{"class":830},[825,1183,976],{"class":848},[825,1185,1001],{"class":830},[825,1187,976],{"class":848},[825,1189,1006],{"class":830},[1023,1191,1193],{"id":1192},"changing-selection-mode","Changing selection mode",[661,1195,1196,1197,1199,1200,1202,1203,1206,1207,1210,1211,1214,1215,1217,1218,1221,1222,1224,1225,1228,1229,1232,1233,1236],{},"For an uncontrolled Autocomplete, changing ",[665,1198,1090],{}," converts its local\nselection once: single ",[665,1201,671],{}," becomes ",[665,1204,1205],{},"[value]",", single ",[665,1208,1209],{},"undefined"," becomes\n",[665,1212,1213],{},"[]",", a multiple selection becomes its first value, and an empty array becomes\n",[665,1216,1209],{},". Switching to single mode drops later active selections. That\nconversion emits one ",[665,1219,1220],{},"update:modelValue"," event. The captured\n",[665,1223,790],{}," does not change after mount; reset projects it into the current\nmode. For example, ",[665,1226,1227],{},"defaultValue: [0, 1]"," resets to ",[665,1230,1231],{},"0"," in single mode and to\n",[665,1234,1235],{},"[0, 1]"," after changing back to multiple mode.",[661,1238,1239,1240,1242,1243,1245,1246,1248,1249,1251,1252,1254,1255,676,1257,1259,1260,1262,1263,1265,1266,1268,1269,1272],{},"A controlled parent must change ",[665,1241,794],{}," and ",[665,1244,1090],{}," in the same render:\nan array when ",[665,1247,1090],{}," is true, and a scalar or ",[665,1250,1209],{}," when it is false.\n",[665,1253,1209],{}," is allowed as the empty multiple value. A scalar value in\nmultiple mode, or any array in single mode, throws a descriptive error.\nEach value in a multiple ",[665,1256,794],{},[665,1258,790],{}," array must also be\nunique, including created or unresolved async identities. Numeric ",[665,1261,683],{}," and\nstring ",[665,1264,717],{}," are distinct values.\nAutocomplete does not convert controlled values or emit an update solely\nbecause the mode changed. Changing modes also preserves an active query, open\npopover, and focus when the input was focused. It does not take focus from a\nmode button or another control. A parent-controlled ",[665,1267,784],{}," retains its\ntext; idle input labels follow ",[665,1270,1271],{},"resetSearchTermOnSelect",".\nChanging mode during IME composition cancels editing and requests that the\nquery and popup be cleared. Complete composition before changing mode to retain\nthe query.",[1023,1274,1276],{"id":1275},"clear","Clear",[661,1278,1279,1282,1283,1287],{},[665,1280,1281],{},"clearable"," works the same as ",[808,1284,1286],{"href":1285},"\u002Fcomponents\u002Fforms\u002Fselect#clear","Select's"," - a\nbutton that resets the selection once there's something to clear. Clearing\nalso blanks the displayed text back to the placeholder, the same way picking\na suggestion fills it in.",[812,1289],{"name":1290},"autocomplete-clear",[816,1292,1294],{"className":1037,"code":1293,"language":1039,"meta":821,"style":821},"\u003CSAutocomplete v-model=\"value\" clearable placeholder=\"Type anything\" :items=\"fruitItems\" \u002F>\n",[665,1295,1296],{"__ignoreMap":821},[825,1297,1298,1300,1302,1304,1306,1308,1310,1312,1315,1317,1319,1321,1323,1325,1327,1329,1331,1333],{"class":827,"line":8},[825,1299,831],{"class":830},[825,1301,968],{"class":834},[825,1303,971],{"class":838},[825,1305,845],{"class":830},[825,1307,976],{"class":848},[825,1309,671],{"class":830},[825,1311,976],{"class":848},[825,1313,1314],{"class":838}," clearable",[825,1316,983],{"class":838},[825,1318,845],{"class":830},[825,1320,988],{"class":848},[825,1322,991],{"class":830},[825,1324,994],{"class":838},[825,1326,845],{"class":830},[825,1328,976],{"class":848},[825,1330,1001],{"class":830},[825,1332,976],{"class":848},[825,1334,1006],{"class":830},[1023,1336,1338],{"id":1337},"force-selection","Force selection",[661,1340,1341,1342,1344,1345,1347],{},"This is the one real behavioral difference from Select, not just a shared\nprop: ",[665,1343,691],{}," reverts typed text that doesn't match any option back\nto blank on blur or Enter, instead of accepting it as a new value. It exists\nfor consumers who want Autocomplete's UX (input-as-trigger, inline filtering)\nwithout actually allowing arbitrary values - if that's the goal from the\nstart, ",[808,1346,242],{"href":243}," does the same job more directly.",[661,1349,1350,1351,1354,1355,1359,1360,1363,1364,1368,1369,1371,1372,1375,1376,1378,1379,1381,1382,1385,1386,1388,1389,1391],{},"In multiple mode, typing ",[665,1352,1353],{},"bana"," shows ",[1356,1357,1358],"strong",{},"Create \"bana\""," before the matching\n",[1356,1361,1362],{},"Banana"," suggestion. ",[1365,1366,1367],"kbd",{},"Enter"," chooses the active option, so you can\ncreate ",[665,1370,1353],{}," immediately or press ",[1365,1373,1374],{},"ArrowDown"," then ",[1365,1377,1367],{},"\nto select ",[665,1380,1362],{},". Clicking either option works too. In single mode, the list\nshows matching suggestions without a Create row: Enter selects the active\nsuggestion, while unmatched text is accepted as free text on Enter or blur.\nWhen no suggestions match in single mode, the popup hides. ",[1365,1383,1384],{},"Tab"," moves\nfocus normally. ",[665,1387,691],{}," hides the Create option and rejects unmatched\ntext. An idle ",[1365,1390,1367],{}," does not remove an existing chip and can submit\na parent form normally.",[812,1393],{"name":1394},"autocomplete-force-selection",[816,1396,1398],{"className":1037,"code":1397,"language":1039,"meta":821,"style":821},"\u003CSAutocomplete v-model=\"value\" force-selection :items=\"fruitItems\" \u002F>\n",[665,1399,1400],{"__ignoreMap":821},[825,1401,1402,1404,1406,1408,1410,1412,1414,1416,1419,1421,1423,1425,1427,1429,1431],{"class":827,"line":8},[825,1403,831],{"class":830},[825,1405,968],{"class":834},[825,1407,971],{"class":838},[825,1409,845],{"class":830},[825,1411,976],{"class":848},[825,1413,671],{"class":830},[825,1415,976],{"class":848},[825,1417,1418],{"class":838}," force-selection",[825,1420,991],{"class":830},[825,1422,994],{"class":838},[825,1424,845],{"class":830},[825,1426,976],{"class":848},[825,1428,1001],{"class":830},[825,1430,976],{"class":848},[825,1432,1006],{"class":830},[1023,1434,1436],{"id":1435},"arrow","Arrow",[661,1438,1439,1282,1441,1444,1445,1448],{},[665,1440,1435],{},[808,1442,1286],{"href":1443},"\u002Fcomponents\u002Fforms\u002Fselect#arrow",": use\n",[665,1446,1447],{},"true"," for the default pointer or an object to configure its size, rounded tip,\nand corner clearance.",[812,1450],{"name":1451},"autocomplete-arrow",[816,1453,1455],{"className":1037,"code":1454,"language":1039,"meta":821,"style":821},"\u003CSAutocomplete v-model=\"value\" arrow :items=\"fruitItems\" \u002F>\n\u003CSAutocomplete v-model=\"value\" :arrow=\"{ width: 16, height: 8, rounded: true, padding: 12 }\" :items=\"fruitItems\" \u002F>\n",[665,1456,1457,1490],{"__ignoreMap":821},[825,1458,1459,1461,1463,1465,1467,1469,1471,1473,1476,1478,1480,1482,1484,1486,1488],{"class":827,"line":8},[825,1460,831],{"class":830},[825,1462,968],{"class":834},[825,1464,971],{"class":838},[825,1466,845],{"class":830},[825,1468,976],{"class":848},[825,1470,671],{"class":830},[825,1472,976],{"class":848},[825,1474,1475],{"class":838}," arrow",[825,1477,991],{"class":830},[825,1479,994],{"class":838},[825,1481,845],{"class":830},[825,1483,976],{"class":848},[825,1485,1001],{"class":830},[825,1487,976],{"class":848},[825,1489,1006],{"class":830},[825,1491,1492,1494,1496,1498,1500,1502,1504,1506,1508,1510,1512,1514,1517,1520,1523,1526,1529,1531,1534,1537,1540,1542,1544,1546,1548,1550,1552,1554],{"class":827,"line":855},[825,1493,831],{"class":830},[825,1495,968],{"class":834},[825,1497,971],{"class":838},[825,1499,845],{"class":830},[825,1501,976],{"class":848},[825,1503,671],{"class":830},[825,1505,976],{"class":848},[825,1507,991],{"class":830},[825,1509,1435],{"class":838},[825,1511,845],{"class":830},[825,1513,976],{"class":848},[825,1515,1516],{"class":830},"{ width: ",[825,1518,1519],{"class":862},"16",[825,1521,1522],{"class":830},", height: ",[825,1524,1525],{"class":862},"8",[825,1527,1528],{"class":830},", rounded: ",[825,1530,1447],{"class":862},[825,1532,1533],{"class":830},", padding: ",[825,1535,1536],{"class":862},"12",[825,1538,1539],{"class":830}," }",[825,1541,976],{"class":848},[825,1543,991],{"class":830},[825,1545,994],{"class":838},[825,1547,845],{"class":830},[825,1549,976],{"class":848},[825,1551,1001],{"class":830},[825,1553,976],{"class":848},[825,1555,1006],{"class":830},[1023,1557,1559],{"id":1558},"custom-option-rendering-objects-and-groups","Custom option rendering, objects, and groups",[661,1561,1562,1563,6,1566,1569,1570,6,1572,1574,1575,744,1579,1583,1584,776],{},"The ",[665,1564,1565],{},"item",[665,1567,1568],{},"group"," slots and ",[665,1571,675],{},[665,1573,679],{}," mapping all work\nidentically to Select's - see\n",[808,1576,1578],{"href":1577},"\u002Fcomponents\u002Fforms\u002Fselect#custom-option-rendering","Custom option rendering",[808,1580,1582],{"href":1581},"\u002Fcomponents\u002Fforms\u002Fselect#custom-objects","Custom objects",", and\n",[808,1585,1587],{"href":1586},"\u002Fcomponents\u002Fforms\u002Fselect#grouped-options","Grouped options",[661,1589,1590,1591,1593,1594,1596,1597,1599],{},"Created text and async selections can be absent from ",[665,1592,994],{},". Their chips use\nthe selected text until a complete option exists; the ",[665,1595,1565],{}," slot receives only\nreal option records. Autocomplete's selection display is its editable input;\nit has no ",[665,1598,671],{}," slot.",[1023,1601,1603],{"id":1602},"virtualization","Virtualization",[661,1605,1606,1607,1610,1611,1614,1615,1617,1618,1620],{},"Also identical to ",[808,1608,1286],{"href":1609},"\u002Fcomponents\u002Fforms\u002Fselect#virtualization"," -\n",[665,1612,1613],{},"virtualize"," renders only the visible rows, grouped ",[665,1616,994],{}," flatten while\nvirtualized, and it windows what's already in ",[665,1619,994],{}," rather than\nlazy-loading more of it.",[1023,1622,1624],{"id":1623},"search-text","Search text",[661,1626,1627,1628,1631,1632,6,1635,1637,1638,1641],{},"Since the input here IS the trigger, its text doubles as both the filter and\nthe display of the current value: single-select shows the picked option's\nlabel after you choose one, multi-select clears after each commit (the chips\nshow the selection instead). Same ",[665,1629,1630],{},"v-model:search-term"," and\n",[665,1633,1634],{},"resetSearchTermOnBlur",[665,1636,1271],{}," escape hatches as\n",[808,1639,242],{"href":1640},"\u002Fcomponents\u002Fforms\u002Fselect#search-text"," apply here too.",[1023,1643,1645],{"id":1644},"sizes-and-states","Sizes and states",[661,1647,1648,1651,1652,1651,1655,1651,1658,1661,1662,1665,1666,1669,1670,1674],{},[665,1649,1650],{},"size",", ",[665,1653,1654],{},"loading",[665,1656,1657],{},"disabled",[665,1659,1660],{},"invalid",", and ",[665,1663,1664],{},"color"," all behave the same as\n",[808,1667,1286],{"href":1668},"\u002Fcomponents\u002Fforms\u002Fselect#sizes"," - see the ",[808,1671,1673],{"href":1672},"#props","Props"," table\nbelow.",[1023,1676,1678],{"id":1677},"adaptive-presentation","Adaptive presentation",[661,1680,1681,1684,1685,1688],{},[665,1682,1683],{},"adaptive"," uses the same breakpoint and open-time latch as\n",[808,1686,242],{"href":1687},"\u002Fcomponents\u002Fforms\u002Fselect#adaptive-presentation",". On small screens, the\nfield opens a modal containing an input and suggestions. Single selection closes\nthe modal; multiple selection and free-text entry also provide a Done button.\nThe modal shares the field’s query and selection and restores focus when closed:",[812,1690],{"name":1691},"autocomplete-adaptive",[1023,1693,1695],{"id":1694},"forms-integration","Forms integration",[661,1697,1698,1699,1702,1703,1705,1706,6,1709,6,1711,1713,1714,1717],{},"Also the same as ",[808,1700,1286],{"href":1701},"\u002Fcomponents\u002Fforms\u002Fselect#forms-integration"," -\nwrap it in ",[808,1704,292],{"href":293}," for ",[665,1707,1708],{},"id",[665,1710,798],{},[665,1712,1660],{},"\nand ",[665,1715,1716],{},"aria-describedby"," wired up automatically.",[1023,1719,1721],{"id":1720},"accessibility","Accessibility",[661,1723,1724,1725,1728,1729,1732,1733,6,1736,1739,1740,1743,1744,1746,1747,1750],{},"Autocomplete renders the same Reka UI Combobox primitive as\n",[808,1726,242],{"href":1727},"\u002Fcomponents\u002Fforms\u002Fselect#accessibility",", so the same ARIA combobox\nsemantics apply - ",[665,1730,1731],{},"role=\"combobox\""," with ",[665,1734,1735],{},"aria-expanded",[665,1737,1738],{},"aria-controls"," on\nthe input, ",[665,1741,1742],{},"role=\"option\""," per suggestion, arrow keys to move the highlight,\n",[1365,1745,1367],{}," to select. The one addition here is ",[665,1748,1749],{},"aria-autocomplete=\"list\"",",\nsince (unlike Select) the trigger is a real editable text field with live\nsuggestions as you type.",[1023,1752,1754,1755],{"id":1753},"custom-ui","Custom ",[665,1756,1757],{},":ui",[661,1759,1760,1761,1764],{},"Autocomplete renders the same internal combobox base as\n",[808,1762,242],{"href":1763},"\u002Fcomponents\u002Fforms\u002Fselect#custom-ui",", so they share one theme file:",[661,1766,1767,1768,1771],{},"Global and scoped overrides use the ",[665,1769,1770],{},"ui.select"," key for both components.",[1773,1774],"theme-source",{"name":1775},"select",[1023,1777,1779],{"id":1778},"custom-leading-and-trailing-content","Custom leading and trailing content",[661,1781,1782,1783,1242,1786,1789,1790,1793,1794,1797,1798,1801,1802,1804],{},"Use ",[665,1784,1785],{},"#leading",[665,1787,1788],{},"#trailing"," for text, icons, or buttons inside the field frame.\nThe slots receive ",[665,1791,1792],{},"{ disabled, size, buttonSize }","; ",[665,1795,1796],{},"buttonSize"," fits a Button\ninside the current field size. Give interactive controls an accessible label,\nuse ",[665,1799,1800],{},"type=\"button\"",", and pass ",[665,1803,1657],{}," through to match the field state.",[661,1806,1807,1808,1242,1811,1814],{},"Custom content stays visible alongside the built-in clear button, loading indicator, and dropdown control.\nThe field reserves space for the rendered content, including suffixes whose\nwidth changes. Use ",[665,1809,1810],{},"ui.leading",[665,1812,1813],{},"ui.trailing"," to customize its wrappers.",[812,1816],{"name":1817},"autocomplete-addons",[661,1819,1820,1821,1823],{},"Custom controls render outside the trigger button, so they can receive keyboard\nfocus without creating nested buttons or opening the options list on click.\nWith ",[665,1822,1683],{},", these slots customize the original field; the modal retains\nits dedicated search and selection controls.",[656,1825,1673],{"id":1826},"props",[661,1828,1829,1830,1833,1834,1837],{},"Same as ",[808,1831,242],{"href":1832},"\u002Fcomponents\u002Fforms\u002Fselect#props",", minus ",[665,1835,1836],{},"searchable"," (always\non), plus these Autocomplete-only additions:",[661,1839,1840,1242,1843,1846,1847,776],{},[665,1841,1842],{},"positioning",[665,1844,1845],{},"portal"," follow ",[808,1848,1850],{"href":1849},"\u002Fcomponents\u002Fforms\u002Fselect#panel-positioning-and-portal","Select's anchored panel contract",[1852,1853,1854,1870],"table",{},[1855,1856,1857],"thead",{},[1858,1859,1860,1864,1867],"tr",{},[1861,1862,1863],"th",{},"Prop",[1861,1865,1866],{},"Type",[1861,1868,1869],{},"Default",[1871,1872,1873,1890],"tbody",{},[1858,1874,1875,1880,1885],{},[1876,1877,1878],"td",{},[665,1879,1025],{},[1876,1881,1882],{},[665,1883,1884],{},"boolean",[1876,1886,1887],{},[665,1888,1889],{},"false",[1858,1891,1892,1896,1900],{},[1876,1893,1894],{},[665,1895,691],{},[1876,1897,1898],{},[665,1899,1884],{},[1876,1901,1902],{},[665,1903,1889],{},[656,1905,1907],{"id":1906},"slots","Slots",[661,1909,1910,1911,1651,1914,1651,1917,1651,1919,1651,1921,1651,1924,1651,1927,744,1930,1651,1933,1651,1936,1242,1939,1942,1943,1242,1945,1948],{},"Autocomplete supports ",[665,1912,1913],{},"leading",[665,1915,1916],{},"trailing",[665,1918,1565],{},[665,1920,1568],{},[665,1922,1923],{},"header",[665,1925,1926],{},"footer",[665,1928,1929],{},"empty",[665,1931,1932],{},"empty-filter",[665,1934,1935],{},"clear-icon",[665,1937,1938],{},"loading-icon",[665,1940,1941],{},"dropdown-icon",". Its input\ndisplays the selected label directly. Select's ",[665,1944,671],{},[665,1946,1947],{},"filter-icon"," slots\nare specific to Select's trigger display and separate filter field.",[661,1950,1951,1242,1953,1955,1956,1958],{},[665,1952,1913],{},[665,1954,1916],{}," receive ",[665,1957,1792],{},", as described above.",[1960,1961,1962],"style",{},"html pre.shiki code .sVt8B, html code.shiki .sVt8B{--shiki-default:#24292E;--shiki-dark:#E1E4E8}html pre.shiki code .s9eBZ, html code.shiki .s9eBZ{--shiki-default:#22863A;--shiki-dark:#85E89D}html pre.shiki code .sScJk, html code.shiki .sScJk{--shiki-default:#6F42C1;--shiki-dark:#B392F0}html pre.shiki code .sZZnC, html code.shiki .sZZnC{--shiki-default:#032F62;--shiki-dark:#9ECBFF}html pre.shiki code .szBVR, html code.shiki .szBVR{--shiki-default:#D73A49;--shiki-dark:#F97583}html pre.shiki code .sj4cs, html code.shiki .sj4cs{--shiki-default:#005CC5;--shiki-dark:#79B8FF}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}",{"title":821,"searchDepth":881,"depth":881,"links":1964},[1965,1983,1984],{"id":658,"depth":855,"text":659,"children":1966},[1967,1968,1969,1970,1971,1972,1973,1974,1975,1976,1977,1978,1979,1980,1982],{"id":1025,"depth":881,"text":379},{"id":1084,"depth":881,"text":1085},{"id":1192,"depth":881,"text":1193},{"id":1275,"depth":881,"text":1276},{"id":1337,"depth":881,"text":1338},{"id":1435,"depth":881,"text":1436},{"id":1558,"depth":881,"text":1559},{"id":1602,"depth":881,"text":1603},{"id":1623,"depth":881,"text":1624},{"id":1644,"depth":881,"text":1645},{"id":1677,"depth":881,"text":1678},{"id":1694,"depth":881,"text":1695},{"id":1720,"depth":881,"text":1721},{"id":1753,"depth":881,"text":1981},"Custom :ui",{"id":1778,"depth":881,"text":1779},{"id":1826,"depth":855,"text":1673},{"id":1906,"depth":855,"text":1907},"A free-text input with suggestions - the typed value doesn't have to match an option, built on the same Combobox foundation as Select.","md",{},{"title":257,"description":1985},"Ebddf70L4oE6OBf6MsTTJG9JLQkJOVvDfq2eNMEffz8",1792071565325]