[{"data":1,"prerenderedAt":1958},["ShallowReactive",2],{"docs-nav:docs_en":3,"\u002Fen\u002Fcomponents\u002Fcombobox":1047,"surround:\u002Fen\u002Fcomponents\u002Fcombobox":1952,"demo-code:combobox\u002Fbasic":1957},[4],{"title":5,"path":6,"stem":7,"children":8,"page":614},"En","\u002Fen","en",[9,32,615],{"title":10,"icon":11,"path":12,"stem":13,"children":14},"Guide","i-lucide-book-open","\u002Fen\u002Fguide","en\u002F01.guide\u002Findex",[15,16,20,24,28],{"title":10,"path":12,"stem":13},{"title":17,"path":18,"stem":19},"Introduction","\u002Fen\u002Fguide\u002Fintroduction","en\u002F01.guide\u002F01.introduction",{"title":21,"path":22,"stem":23},"Installation","\u002Fen\u002Fguide\u002Finstallation","en\u002F01.guide\u002F02.installation",{"title":25,"path":26,"stem":27},"Theming","\u002Fen\u002Fguide\u002Ftheming","en\u002F01.guide\u002F03.theming",{"title":29,"path":30,"stem":31},"AI Integration","\u002Fen\u002Fguide\u002Fai","en\u002F01.guide\u002F04.ai",{"title":33,"icon":34,"path":35,"stem":36,"children":37,"page":614},"Components","i-lucide-component","\u002Fen\u002Fcomponents","en\u002F02.components",[38,43,48,53,57,61,65,69,73,77,81,86,91,96,100,104,108,112,116,121,125,129,133,137,141,146,150,154,158,163,167,171,174,178,182,186,190,194,198,202,206,211,215,219,223,227,231,235,239,243,247,251,255,259,263,267,271,275,279,283,287,291,295,299,303,307,311,315,319,323,327,331,335,339,343,347,351,355,359,363,367,371,375,379,383,387,391,395,399,403,407,411,415,419,423,427,431,435,439,443,447,451,455,459,463,467,471,475,479,483,487,491,495,499,503,507,511,515,519,523,527,531,534,538,542,546,550,554,558,562,566,570,574,578,582,586,590,594,598,602,606,610],{"title":39,"path":40,"stem":41,"section":42},"Accordion","\u002Fen\u002Fcomponents\u002Faccordion","en\u002F02.components\u002F01.accordion","Layout",{"title":44,"path":45,"stem":46,"section":47},"Affix","\u002Fen\u002Fcomponents\u002Faffix","en\u002F02.components\u002F02.affix","Navigation",{"title":49,"path":50,"stem":51,"section":52},"AI Action","\u002Fen\u002Fcomponents\u002Fai-action","en\u002F02.components\u002F03.ai-action","AI",{"title":54,"path":55,"stem":56,"section":52},"AI Attachments","\u002Fen\u002Fcomponents\u002Fai-attachments","en\u002F02.components\u002F04.ai-attachments",{"title":58,"path":59,"stem":60,"section":52},"AI Message","\u002Fen\u002Fcomponents\u002Fai-message","en\u002F02.components\u002F05.ai-message",{"title":62,"path":63,"stem":64,"section":52},"AI Prompt Input","\u002Fen\u002Fcomponents\u002Fai-prompt-input","en\u002F02.components\u002F06.ai-prompt-input",{"title":66,"path":67,"stem":68,"section":52},"AI Reasoning","\u002Fen\u002Fcomponents\u002Fai-reasoning","en\u002F02.components\u002F07.ai-reasoning",{"title":70,"path":71,"stem":72,"section":52},"AI Response","\u002Fen\u002Fcomponents\u002Fai-response","en\u002F02.components\u002F08.ai-response",{"title":74,"path":75,"stem":76,"section":52},"AI Source","\u002Fen\u002Fcomponents\u002Fai-source","en\u002F02.components\u002F09.ai-source",{"title":78,"path":79,"stem":80,"section":52},"AI Suggestion","\u002Fen\u002Fcomponents\u002Fai-suggestion","en\u002F02.components\u002F10.ai-suggestion",{"title":82,"path":83,"stem":84,"section":85},"Progress","\u002Fen\u002Fcomponents\u002Fprogress","en\u002F02.components\u002F100.progress","Feedback",{"title":87,"path":88,"stem":89,"section":90},"QR Code","\u002Fen\u002Fcomponents\u002Fqr-code","en\u002F02.components\u002F101.qr-code","Media",{"title":92,"path":93,"stem":94,"section":95},"Radio Group","\u002Fen\u002Fcomponents\u002Fradio-group","en\u002F02.components\u002F102.radio-group","Forms",{"title":97,"path":98,"stem":99,"section":95},"Rating Group","\u002Fen\u002Fcomponents\u002Frating-group","en\u002F02.components\u002F103.rating-group",{"title":101,"path":102,"stem":103,"section":85},"Result","\u002Fen\u002Fcomponents\u002Fresult","en\u002F02.components\u002F104.result",{"title":105,"path":106,"stem":107,"section":42},"Scroll Area","\u002Fen\u002Fcomponents\u002Fscroll-area","en\u002F02.components\u002F105.scroll-area",{"title":109,"path":110,"stem":111,"section":95},"Segment Group","\u002Fen\u002Fcomponents\u002Fsegment-group","en\u002F02.components\u002F106.segment-group",{"title":113,"path":114,"stem":115,"section":95},"Select","\u002Fen\u002Fcomponents\u002Fselect","en\u002F02.components\u002F107.select",{"title":117,"path":118,"stem":119,"section":120},"Separator","\u002Fen\u002Fcomponents\u002Fseparator","en\u002F02.components\u002F108.separator","Elements",{"title":122,"path":123,"stem":124,"section":95},"Signature Pad","\u002Fen\u002Fcomponents\u002Fsignature-pad","en\u002F02.components\u002F109.signature-pad",{"title":126,"path":127,"stem":128,"section":52},"AI Tool","\u002Fen\u002Fcomponents\u002Fai-tool","en\u002F02.components\u002F11.ai-tool",{"title":130,"path":131,"stem":132,"section":85},"Skeleton","\u002Fen\u002Fcomponents\u002Fskeleton","en\u002F02.components\u002F110.skeleton",{"title":134,"path":135,"stem":136,"section":95},"Slider","\u002Fen\u002Fcomponents\u002Fslider","en\u002F02.components\u002F111.slider",{"title":138,"path":139,"stem":140,"section":85},"Spinner","\u002Fen\u002Fcomponents\u002Fspinner","en\u002F02.components\u002F112.spinner",{"title":142,"path":143,"stem":144,"section":145},"Split Button","\u002Fen\u002Fcomponents\u002Fsplit-button","en\u002F02.components\u002F113.split-button","Actions",{"title":147,"path":148,"stem":149,"section":42},"Splitter","\u002Fen\u002Fcomponents\u002Fsplitter","en\u002F02.components\u002F114.splitter",{"title":151,"path":152,"stem":153,"section":42},"Spotlight","\u002Fen\u002Fcomponents\u002Fspotlight","en\u002F02.components\u002F115.spotlight",{"title":155,"path":156,"stem":157,"section":42},"Stack","\u002Fen\u002Fcomponents\u002Fstack","en\u002F02.components\u002F116.stack",{"title":159,"path":160,"stem":161,"section":162},"Stat","\u002Fen\u002Fcomponents\u002Fstat","en\u002F02.components\u002F117.stat","Data",{"title":164,"path":165,"stem":166,"section":47},"Steps","\u002Fen\u002Fcomponents\u002Fsteps","en\u002F02.components\u002F118.steps",{"title":168,"path":169,"stem":170,"section":145},"Swap","\u002Fen\u002Fcomponents\u002Fswap","en\u002F02.components\u002F119.swap",{"title":52,"path":172,"stem":173,"section":52},"\u002Fen\u002Fcomponents\u002Fai","en\u002F02.components\u002F12.ai",{"title":175,"path":176,"stem":177,"section":95},"Switch","\u002Fen\u002Fcomponents\u002Fswitch","en\u002F02.components\u002F120.switch",{"title":179,"path":180,"stem":181,"section":162},"Table","\u002Fen\u002Fcomponents\u002Ftable","en\u002F02.components\u002F121.table",{"title":183,"path":184,"stem":185,"section":47},"Tabs","\u002Fen\u002Fcomponents\u002Ftabs","en\u002F02.components\u002F122.tabs",{"title":187,"path":188,"stem":189,"section":95},"Tags Input","\u002Fen\u002Fcomponents\u002Ftags-input","en\u002F02.components\u002F123.tags-input",{"title":191,"path":192,"stem":193,"section":162},"Terminal","\u002Fen\u002Fcomponents\u002Fterminal","en\u002F02.components\u002F124.terminal",{"title":195,"path":196,"stem":197,"section":95},"Textarea","\u002Fen\u002Fcomponents\u002Ftextarea","en\u002F02.components\u002F125.textarea",{"title":199,"path":200,"stem":201,"section":162},"Timeline","\u002Fen\u002Fcomponents\u002Ftimeline","en\u002F02.components\u002F126.timeline",{"title":203,"path":204,"stem":205,"section":162},"Timer","\u002Fen\u002Fcomponents\u002Ftimer","en\u002F02.components\u002F127.timer",{"title":207,"path":208,"stem":209,"section":210},"Toast","\u002Fen\u002Fcomponents\u002Ftoast","en\u002F02.components\u002F128.toast","Overlay",{"title":212,"path":213,"stem":214,"section":47},"Toc","\u002Fen\u002Fcomponents\u002Ftoc","en\u002F02.components\u002F129.toc",{"title":216,"path":217,"stem":218,"section":85},"Alert","\u002Fen\u002Fcomponents\u002Falert","en\u002F02.components\u002F13.alert",{"title":220,"path":221,"stem":222,"section":145},"Toggle Group","\u002Fen\u002Fcomponents\u002Ftoggle-group","en\u002F02.components\u002F130.toggle-group",{"title":224,"path":225,"stem":226,"section":145},"Toggle","\u002Fen\u002Fcomponents\u002Ftoggle","en\u002F02.components\u002F131.toggle",{"title":228,"path":229,"stem":230,"section":145},"Toolbar","\u002Fen\u002Fcomponents\u002Ftoolbar","en\u002F02.components\u002F132.toolbar",{"title":232,"path":233,"stem":234,"section":210},"Tooltip","\u002Fen\u002Fcomponents\u002Ftooltip","en\u002F02.components\u002F133.tooltip",{"title":236,"path":237,"stem":238,"section":210},"Tour","\u002Fen\u002Fcomponents\u002Ftour","en\u002F02.components\u002F134.tour",{"title":240,"path":241,"stem":242,"section":162},"Transfer","\u002Fen\u002Fcomponents\u002Ftransfer","en\u002F02.components\u002F135.transfer",{"title":244,"path":245,"stem":246,"section":95},"Tree Select","\u002Fen\u002Fcomponents\u002Ftree-select","en\u002F02.components\u002F136.tree-select",{"title":248,"path":249,"stem":250,"section":162},"Tree View","\u002Fen\u002Fcomponents\u002Ftree-view","en\u002F02.components\u002F137.tree-view",{"title":252,"path":253,"stem":254,"section":42},"Typography","\u002Fen\u002Fcomponents\u002Ftypography","en\u002F02.components\u002F138.typography",{"title":256,"path":257,"stem":258,"section":120},"User","\u002Fen\u002Fcomponents\u002Fuser","en\u002F02.components\u002F139.user",{"title":260,"path":261,"stem":262,"section":95},"Angle Slider","\u002Fen\u002Fcomponents\u002Fangle-slider","en\u002F02.components\u002F14.angle-slider",{"title":264,"path":265,"stem":266,"section":162},"Virtual List","\u002Fen\u002Fcomponents\u002Fvirtual-list","en\u002F02.components\u002F140.virtual-list",{"title":268,"path":269,"stem":270,"section":90},"Watermark","\u002Fen\u002Fcomponents\u002Fwatermark","en\u002F02.components\u002F141.watermark",{"title":272,"path":273,"stem":274,"section":162},"Workflow","\u002Fen\u002Fcomponents\u002Fworkflow","en\u002F02.components\u002F142.workflow",{"title":276,"path":277,"stem":278,"section":42},"Aspect Ratio","\u002Fen\u002Fcomponents\u002Faspect-ratio","en\u002F02.components\u002F15.aspect-ratio",{"title":280,"path":281,"stem":282,"section":95},"Autocomplete","\u002Fen\u002Fcomponents\u002Fautocomplete","en\u002F02.components\u002F16.autocomplete",{"title":284,"path":285,"stem":286,"section":120},"Avatar Group","\u002Fen\u002Fcomponents\u002Favatar-group","en\u002F02.components\u002F17.avatar-group",{"title":288,"path":289,"stem":290,"section":120},"Avatar","\u002Fen\u002Fcomponents\u002Favatar","en\u002F02.components\u002F18.avatar",{"title":292,"path":293,"stem":294,"section":47},"Back Top","\u002Fen\u002Fcomponents\u002Fback-top","en\u002F02.components\u002F19.back-top",{"title":296,"path":297,"stem":298,"section":120},"Badge","\u002Fen\u002Fcomponents\u002Fbadge","en\u002F02.components\u002F20.badge",{"title":300,"path":301,"stem":302,"section":85},"Banner","\u002Fen\u002Fcomponents\u002Fbanner","en\u002F02.components\u002F21.banner",{"title":304,"path":305,"stem":306,"section":42},"Bento","\u002Fen\u002Fcomponents\u002Fbento","en\u002F02.components\u002F22.bento",{"title":308,"path":309,"stem":310,"section":85},"Block Ui","\u002Fen\u002Fcomponents\u002Fblock-ui","en\u002F02.components\u002F23.block-ui",{"title":312,"path":313,"stem":314,"section":47},"Breadcrumb","\u002Fen\u002Fcomponents\u002Fbreadcrumb","en\u002F02.components\u002F24.breadcrumb",{"title":316,"path":317,"stem":318,"section":90},"Browser","\u002Fen\u002Fcomponents\u002Fbrowser","en\u002F02.components\u002F25.browser",{"title":320,"path":321,"stem":322,"section":120},"Button Group","\u002Fen\u002Fcomponents\u002Fbutton-group","en\u002F02.components\u002F26.button-group",{"title":324,"path":325,"stem":326,"section":120},"Button","\u002Fen\u002Fcomponents\u002Fbutton","en\u002F02.components\u002F27.button",{"title":328,"path":329,"stem":330,"section":95},"Calendar","\u002Fen\u002Fcomponents\u002Fcalendar","en\u002F02.components\u002F28.calendar",{"title":332,"path":333,"stem":334,"section":120},"Card","\u002Fen\u002Fcomponents\u002Fcard","en\u002F02.components\u002F29.card",{"title":336,"path":337,"stem":338,"section":90},"Carousel","\u002Fen\u002Fcomponents\u002Fcarousel","en\u002F02.components\u002F30.carousel",{"title":340,"path":341,"stem":342,"section":95},"Cascade Select","\u002Fen\u002Fcomponents\u002Fcascade-select","en\u002F02.components\u002F31.cascade-select",{"title":344,"path":345,"stem":346,"section":162},"Chart","\u002Fen\u002Fcomponents\u002Fchart","en\u002F02.components\u002F32.chart",{"title":348,"path":349,"stem":350,"section":95},"Checkbox Group","\u002Fen\u002Fcomponents\u002Fcheckbox-group","en\u002F02.components\u002F33.checkbox-group",{"title":352,"path":353,"stem":354,"section":95},"Checkbox","\u002Fen\u002Fcomponents\u002Fcheckbox","en\u002F02.components\u002F34.checkbox",{"title":356,"path":357,"stem":358,"section":120},"Chip","\u002Fen\u002Fcomponents\u002Fchip","en\u002F02.components\u002F35.chip",{"title":360,"path":361,"stem":362,"section":120},"Client Only","\u002Fen\u002Fcomponents\u002Fclient-only","en\u002F02.components\u002F36.client-only",{"title":364,"path":365,"stem":366,"section":145},"Clipboard","\u002Fen\u002Fcomponents\u002Fclipboard","en\u002F02.components\u002F37.clipboard",{"title":368,"path":369,"stem":370,"section":42},"Collapsible","\u002Fen\u002Fcomponents\u002Fcollapsible","en\u002F02.components\u002F38.collapsible",{"title":372,"path":373,"stem":374,"section":162},"Collection","\u002Fen\u002Fcomponents\u002Fcollection","en\u002F02.components\u002F39.collection",{"title":376,"path":377,"stem":378,"section":95},"Color Picker","\u002Fen\u002Fcomponents\u002Fcolor-picker","en\u002F02.components\u002F40.color-picker",{"title":380,"path":381,"stem":382,"section":95},"Combobox","\u002Fen\u002Fcomponents\u002Fcombobox","en\u002F02.components\u002F41.combobox",{"title":384,"path":385,"stem":386,"section":210},"Command","\u002Fen\u002Fcomponents\u002Fcommand","en\u002F02.components\u002F42.command",{"title":388,"path":389,"stem":390,"section":162},"Comment","\u002Fen\u002Fcomponents\u002Fcomment","en\u002F02.components\u002F43.comment",{"title":392,"path":393,"stem":394,"section":120},"Config Provider","\u002Fen\u002Fcomponents\u002Fconfig-provider","en\u002F02.components\u002F44.config-provider",{"title":396,"path":397,"stem":398,"section":42},"Container","\u002Fen\u002Fcomponents\u002Fcontainer","en\u002F02.components\u002F45.container",{"title":400,"path":401,"stem":402,"section":162},"Data View","\u002Fen\u002Fcomponents\u002Fdata-view","en\u002F02.components\u002F46.data-view",{"title":404,"path":405,"stem":406,"section":95},"Date Input","\u002Fen\u002Fcomponents\u002Fdate-input","en\u002F02.components\u002F47.date-input",{"title":408,"path":409,"stem":410,"section":95},"Date Picker","\u002Fen\u002Fcomponents\u002Fdate-picker","en\u002F02.components\u002F48.date-picker",{"title":412,"path":413,"stem":414,"section":120},"Deferred Content","\u002Fen\u002Fcomponents\u002Fdeferred-content","en\u002F02.components\u002F49.deferred-content",{"title":416,"path":417,"stem":418,"section":162},"Descriptions","\u002Fen\u002Fcomponents\u002Fdescriptions","en\u002F02.components\u002F50.descriptions",{"title":420,"path":421,"stem":422,"section":210},"Dialog","\u002Fen\u002Fcomponents\u002Fdialog","en\u002F02.components\u002F51.dialog",{"title":424,"path":425,"stem":426,"section":145},"Dock","\u002Fen\u002Fcomponents\u002Fdock","en\u002F02.components\u002F52.dock",{"title":428,"path":429,"stem":430,"section":145},"Download Trigger","\u002Fen\u002Fcomponents\u002Fdownload-trigger","en\u002F02.components\u002F53.download-trigger",{"title":432,"path":433,"stem":434,"section":210},"Drawer","\u002Fen\u002Fcomponents\u002Fdrawer","en\u002F02.components\u002F54.drawer",{"title":436,"path":437,"stem":438,"section":95},"Dynamic Input","\u002Fen\u002Fcomponents\u002Fdynamic-input","en\u002F02.components\u002F55.dynamic-input",{"title":440,"path":441,"stem":442,"section":95},"Editable","\u002Fen\u002Fcomponents\u002Feditable","en\u002F02.components\u002F56.editable",{"title":444,"path":445,"stem":446,"section":42},"Ellipsis","\u002Fen\u002Fcomponents\u002Fellipsis","en\u002F02.components\u002F57.ellipsis",{"title":448,"path":449,"stem":450,"section":85},"Empty","\u002Fen\u002Fcomponents\u002Fempty","en\u002F02.components\u002F58.empty",{"title":452,"path":453,"stem":454,"section":95},"Field","\u002Fen\u002Fcomponents\u002Ffield","en\u002F02.components\u002F59.field",{"title":456,"path":457,"stem":458,"section":95},"Fieldset","\u002Fen\u002Fcomponents\u002Ffieldset","en\u002F02.components\u002F60.fieldset",{"title":460,"path":461,"stem":462,"section":95},"File Upload","\u002Fen\u002Fcomponents\u002Ffile-upload","en\u002F02.components\u002F61.file-upload",{"title":464,"path":465,"stem":466,"section":145},"Float Button","\u002Fen\u002Fcomponents\u002Ffloat-button","en\u002F02.components\u002F62.float-button",{"title":468,"path":469,"stem":470,"section":210},"Floating Panel","\u002Fen\u002Fcomponents\u002Ffloating-panel","en\u002F02.components\u002F63.floating-panel",{"title":472,"path":473,"stem":474,"section":210},"Focus Trap","\u002Fen\u002Fcomponents\u002Ffocus-trap","en\u002F02.components\u002F64.focus-trap",{"title":476,"path":477,"stem":478,"section":95},"Form","\u002Fen\u002Fcomponents\u002Fform","en\u002F02.components\u002F65.form",{"title":480,"path":481,"stem":482,"section":120},"Format","\u002Fen\u002Fcomponents\u002Fformat","en\u002F02.components\u002F66.format",{"title":484,"path":485,"stem":486,"section":42},"Frame","\u002Fen\u002Fcomponents\u002Fframe","en\u002F02.components\u002F67.frame",{"title":488,"path":489,"stem":490,"section":42},"Grid","\u002Fen\u002Fcomponents\u002Fgrid","en\u002F02.components\u002F68.grid",{"title":492,"path":493,"stem":494,"section":120},"Highlight","\u002Fen\u002Fcomponents\u002Fhighlight","en\u002F02.components\u002F69.highlight",{"title":496,"path":497,"stem":498,"section":210},"Hover Card","\u002Fen\u002Fcomponents\u002Fhover-card","en\u002F02.components\u002F70.hover-card",{"title":500,"path":501,"stem":502,"section":120},"Icon","\u002Fen\u002Fcomponents\u002Ficon","en\u002F02.components\u002F71.icon",{"title":504,"path":505,"stem":506,"section":90},"Image Cropper","\u002Fen\u002Fcomponents\u002Fimage-cropper","en\u002F02.components\u002F72.image-cropper",{"title":508,"path":509,"stem":510,"section":90},"Image Viewer","\u002Fen\u002Fcomponents\u002Fimage-viewer","en\u002F02.components\u002F73.image-viewer",{"title":512,"path":513,"stem":514,"section":90},"Image","\u002Fen\u002Fcomponents\u002Fimage","en\u002F02.components\u002F74.image",{"title":516,"path":517,"stem":518,"section":95},"Input Group","\u002Fen\u002Fcomponents\u002Finput-group","en\u002F02.components\u002F75.input-group",{"title":520,"path":521,"stem":522,"section":95},"Input","\u002Fen\u002Fcomponents\u002Finput","en\u002F02.components\u002F76.input",{"title":524,"path":525,"stem":526,"section":162},"Json Tree View","\u002Fen\u002Fcomponents\u002Fjson-tree-view","en\u002F02.components\u002F77.json-tree-view",{"title":528,"path":529,"stem":530,"section":120},"Kbd","\u002Fen\u002Fcomponents\u002Fkbd","en\u002F02.components\u002F78.kbd",{"title":42,"path":532,"stem":533,"section":42},"\u002Fen\u002Fcomponents\u002Flayout","en\u002F02.components\u002F79.layout",{"title":535,"path":536,"stem":537,"section":47},"Link","\u002Fen\u002Fcomponents\u002Flink","en\u002F02.components\u002F80.link",{"title":539,"path":540,"stem":541,"section":162},"List","\u002Fen\u002Fcomponents\u002Flist","en\u002F02.components\u002F81.list",{"title":543,"path":544,"stem":545,"section":95},"Listbox","\u002Fen\u002Fcomponents\u002Flistbox","en\u002F02.components\u002F82.listbox",{"title":547,"path":548,"stem":549,"section":90},"Marquee","\u002Fen\u002Fcomponents\u002Fmarquee","en\u002F02.components\u002F83.marquee",{"title":551,"path":552,"stem":553,"section":42},"Masonry","\u002Fen\u002Fcomponents\u002Fmasonry","en\u002F02.components\u002F84.masonry",{"title":555,"path":556,"stem":557,"section":95},"Mentions","\u002Fen\u002Fcomponents\u002Fmentions","en\u002F02.components\u002F85.mentions",{"title":559,"path":560,"stem":561,"section":210},"Menu","\u002Fen\u002Fcomponents\u002Fmenu","en\u002F02.components\u002F86.menu",{"title":563,"path":564,"stem":565,"section":47},"Menubar","\u002Fen\u002Fcomponents\u002Fmenubar","en\u002F02.components\u002F87.menubar",{"title":567,"path":568,"stem":569,"section":85},"Meter","\u002Fen\u002Fcomponents\u002Fmeter","en\u002F02.components\u002F88.meter",{"title":571,"path":572,"stem":573,"section":47},"Navigation Menu","\u002Fen\u002Fcomponents\u002Fnavigation-menu","en\u002F02.components\u002F89.navigation-menu",{"title":575,"path":576,"stem":577,"section":95},"Number Input","\u002Fen\u002Fcomponents\u002Fnumber-input","en\u002F02.components\u002F90.number-input",{"title":579,"path":580,"stem":581,"section":162},"Order List","\u002Fen\u002Fcomponents\u002Forder-list","en\u002F02.components\u002F91.order-list",{"title":583,"path":584,"stem":585,"section":42},"Page Header","\u002Fen\u002Fcomponents\u002Fpage-header","en\u002F02.components\u002F92.page-header",{"title":587,"path":588,"stem":589,"section":47},"Pagination","\u002Fen\u002Fcomponents\u002Fpagination","en\u002F02.components\u002F93.pagination",{"title":591,"path":592,"stem":593,"section":95},"Password Input","\u002Fen\u002Fcomponents\u002Fpassword-input","en\u002F02.components\u002F94.password-input",{"title":595,"path":596,"stem":597,"section":95},"Pin Input","\u002Fen\u002Fcomponents\u002Fpin-input","en\u002F02.components\u002F95.pin-input",{"title":599,"path":600,"stem":601,"section":210},"Popconfirm","\u002Fen\u002Fcomponents\u002Fpopconfirm","en\u002F02.components\u002F96.popconfirm",{"title":603,"path":604,"stem":605,"section":210},"Popover","\u002Fen\u002Fcomponents\u002Fpopover","en\u002F02.components\u002F97.popover",{"title":607,"path":608,"stem":609,"section":120},"Presence","\u002Fen\u002Fcomponents\u002Fpresence","en\u002F02.components\u002F98.presence",{"title":611,"path":612,"stem":613,"section":85},"Progress Group","\u002Fen\u002Fcomponents\u002Fprogress-group","en\u002F02.components\u002F99.progress-group",false,{"title":616,"icon":617,"path":618,"stem":619,"children":620,"page":614},"Reference","i-lucide-book-marked","\u002Fen\u002Freference","en\u002F03.reference",[621,624,627,630,633,636,639,642,645,648,651,654,657,660,663,666,669,672,675,678,681,684,687,690,693,696,699,702,705,708,711,714,717,720,723,726,729,732,735,738,741,744,747,750,753,756,759,762,765,768,771,774,777,780,783,786,789,792,795,798,801,804,807,810,813,816,819,822,825,828,831,834,837,840,843,846,849,852,855,858,861,864,867,870,873,876,879,882,885,888,891,894,897,900,903,906,909,912,915,918,921,924,927,930,933,936,939,942,945,948,951,954,957,960,963,966,969,972,975,978,981,984,987,990,993,996,999,1002,1005,1008,1011,1014,1017,1020,1023,1026,1029,1032,1035,1038,1041,1044],{"title":39,"path":622,"stem":623,"section":42},"\u002Fen\u002Freference\u002Faccordion","en\u002F03.reference\u002F01.accordion",{"title":44,"path":625,"stem":626,"section":47},"\u002Fen\u002Freference\u002Faffix","en\u002F03.reference\u002F02.affix",{"title":49,"path":628,"stem":629,"section":52},"\u002Fen\u002Freference\u002Fai-action","en\u002F03.reference\u002F03.ai-action",{"title":54,"path":631,"stem":632,"section":52},"\u002Fen\u002Freference\u002Fai-attachments","en\u002F03.reference\u002F04.ai-attachments",{"title":58,"path":634,"stem":635,"section":52},"\u002Fen\u002Freference\u002Fai-message","en\u002F03.reference\u002F05.ai-message",{"title":62,"path":637,"stem":638,"section":52},"\u002Fen\u002Freference\u002Fai-prompt-input","en\u002F03.reference\u002F06.ai-prompt-input",{"title":66,"path":640,"stem":641,"section":52},"\u002Fen\u002Freference\u002Fai-reasoning","en\u002F03.reference\u002F07.ai-reasoning",{"title":70,"path":643,"stem":644,"section":52},"\u002Fen\u002Freference\u002Fai-response","en\u002F03.reference\u002F08.ai-response",{"title":74,"path":646,"stem":647,"section":52},"\u002Fen\u002Freference\u002Fai-source","en\u002F03.reference\u002F09.ai-source",{"title":78,"path":649,"stem":650,"section":52},"\u002Fen\u002Freference\u002Fai-suggestion","en\u002F03.reference\u002F10.ai-suggestion",{"title":82,"path":652,"stem":653,"section":85},"\u002Fen\u002Freference\u002Fprogress","en\u002F03.reference\u002F100.progress",{"title":87,"path":655,"stem":656,"section":90},"\u002Fen\u002Freference\u002Fqr-code","en\u002F03.reference\u002F101.qr-code",{"title":92,"path":658,"stem":659,"section":95},"\u002Fen\u002Freference\u002Fradio-group","en\u002F03.reference\u002F102.radio-group",{"title":97,"path":661,"stem":662,"section":95},"\u002Fen\u002Freference\u002Frating-group","en\u002F03.reference\u002F103.rating-group",{"title":101,"path":664,"stem":665,"section":85},"\u002Fen\u002Freference\u002Fresult","en\u002F03.reference\u002F104.result",{"title":105,"path":667,"stem":668,"section":42},"\u002Fen\u002Freference\u002Fscroll-area","en\u002F03.reference\u002F105.scroll-area",{"title":109,"path":670,"stem":671,"section":95},"\u002Fen\u002Freference\u002Fsegment-group","en\u002F03.reference\u002F106.segment-group",{"title":113,"path":673,"stem":674,"section":95},"\u002Fen\u002Freference\u002Fselect","en\u002F03.reference\u002F107.select",{"title":117,"path":676,"stem":677,"section":120},"\u002Fen\u002Freference\u002Fseparator","en\u002F03.reference\u002F108.separator",{"title":122,"path":679,"stem":680,"section":95},"\u002Fen\u002Freference\u002Fsignature-pad","en\u002F03.reference\u002F109.signature-pad",{"title":126,"path":682,"stem":683,"section":52},"\u002Fen\u002Freference\u002Fai-tool","en\u002F03.reference\u002F11.ai-tool",{"title":130,"path":685,"stem":686,"section":85},"\u002Fen\u002Freference\u002Fskeleton","en\u002F03.reference\u002F110.skeleton",{"title":134,"path":688,"stem":689,"section":95},"\u002Fen\u002Freference\u002Fslider","en\u002F03.reference\u002F111.slider",{"title":138,"path":691,"stem":692,"section":85},"\u002Fen\u002Freference\u002Fspinner","en\u002F03.reference\u002F112.spinner",{"title":142,"path":694,"stem":695,"section":145},"\u002Fen\u002Freference\u002Fsplit-button","en\u002F03.reference\u002F113.split-button",{"title":147,"path":697,"stem":698,"section":42},"\u002Fen\u002Freference\u002Fsplitter","en\u002F03.reference\u002F114.splitter",{"title":151,"path":700,"stem":701,"section":42},"\u002Fen\u002Freference\u002Fspotlight","en\u002F03.reference\u002F115.spotlight",{"title":155,"path":703,"stem":704,"section":42},"\u002Fen\u002Freference\u002Fstack","en\u002F03.reference\u002F116.stack",{"title":159,"path":706,"stem":707,"section":162},"\u002Fen\u002Freference\u002Fstat","en\u002F03.reference\u002F117.stat",{"title":164,"path":709,"stem":710,"section":47},"\u002Fen\u002Freference\u002Fsteps","en\u002F03.reference\u002F118.steps",{"title":168,"path":712,"stem":713,"section":145},"\u002Fen\u002Freference\u002Fswap","en\u002F03.reference\u002F119.swap",{"title":52,"path":715,"stem":716,"section":52},"\u002Fen\u002Freference\u002Fai","en\u002F03.reference\u002F12.ai",{"title":175,"path":718,"stem":719,"section":95},"\u002Fen\u002Freference\u002Fswitch","en\u002F03.reference\u002F120.switch",{"title":179,"path":721,"stem":722,"section":162},"\u002Fen\u002Freference\u002Ftable","en\u002F03.reference\u002F121.table",{"title":183,"path":724,"stem":725,"section":47},"\u002Fen\u002Freference\u002Ftabs","en\u002F03.reference\u002F122.tabs",{"title":187,"path":727,"stem":728,"section":95},"\u002Fen\u002Freference\u002Ftags-input","en\u002F03.reference\u002F123.tags-input",{"title":191,"path":730,"stem":731,"section":162},"\u002Fen\u002Freference\u002Fterminal","en\u002F03.reference\u002F124.terminal",{"title":195,"path":733,"stem":734,"section":95},"\u002Fen\u002Freference\u002Ftextarea","en\u002F03.reference\u002F125.textarea",{"title":199,"path":736,"stem":737,"section":162},"\u002Fen\u002Freference\u002Ftimeline","en\u002F03.reference\u002F126.timeline",{"title":203,"path":739,"stem":740,"section":162},"\u002Fen\u002Freference\u002Ftimer","en\u002F03.reference\u002F127.timer",{"title":207,"path":742,"stem":743,"section":210},"\u002Fen\u002Freference\u002Ftoast","en\u002F03.reference\u002F128.toast",{"title":212,"path":745,"stem":746,"section":47},"\u002Fen\u002Freference\u002Ftoc","en\u002F03.reference\u002F129.toc",{"title":216,"path":748,"stem":749,"section":85},"\u002Fen\u002Freference\u002Falert","en\u002F03.reference\u002F13.alert",{"title":220,"path":751,"stem":752,"section":145},"\u002Fen\u002Freference\u002Ftoggle-group","en\u002F03.reference\u002F130.toggle-group",{"title":224,"path":754,"stem":755,"section":145},"\u002Fen\u002Freference\u002Ftoggle","en\u002F03.reference\u002F131.toggle",{"title":228,"path":757,"stem":758,"section":145},"\u002Fen\u002Freference\u002Ftoolbar","en\u002F03.reference\u002F132.toolbar",{"title":232,"path":760,"stem":761,"section":210},"\u002Fen\u002Freference\u002Ftooltip","en\u002F03.reference\u002F133.tooltip",{"title":236,"path":763,"stem":764,"section":210},"\u002Fen\u002Freference\u002Ftour","en\u002F03.reference\u002F134.tour",{"title":240,"path":766,"stem":767,"section":162},"\u002Fen\u002Freference\u002Ftransfer","en\u002F03.reference\u002F135.transfer",{"title":244,"path":769,"stem":770,"section":95},"\u002Fen\u002Freference\u002Ftree-select","en\u002F03.reference\u002F136.tree-select",{"title":248,"path":772,"stem":773,"section":162},"\u002Fen\u002Freference\u002Ftree-view","en\u002F03.reference\u002F137.tree-view",{"title":252,"path":775,"stem":776,"section":42},"\u002Fen\u002Freference\u002Ftypography","en\u002F03.reference\u002F138.typography",{"title":256,"path":778,"stem":779,"section":120},"\u002Fen\u002Freference\u002Fuser","en\u002F03.reference\u002F139.user",{"title":260,"path":781,"stem":782,"section":95},"\u002Fen\u002Freference\u002Fangle-slider","en\u002F03.reference\u002F14.angle-slider",{"title":264,"path":784,"stem":785,"section":162},"\u002Fen\u002Freference\u002Fvirtual-list","en\u002F03.reference\u002F140.virtual-list",{"title":268,"path":787,"stem":788,"section":90},"\u002Fen\u002Freference\u002Fwatermark","en\u002F03.reference\u002F141.watermark",{"title":272,"path":790,"stem":791,"section":162},"\u002Fen\u002Freference\u002Fworkflow","en\u002F03.reference\u002F142.workflow",{"title":276,"path":793,"stem":794,"section":42},"\u002Fen\u002Freference\u002Faspect-ratio","en\u002F03.reference\u002F15.aspect-ratio",{"title":280,"path":796,"stem":797,"section":95},"\u002Fen\u002Freference\u002Fautocomplete","en\u002F03.reference\u002F16.autocomplete",{"title":284,"path":799,"stem":800,"section":120},"\u002Fen\u002Freference\u002Favatar-group","en\u002F03.reference\u002F17.avatar-group",{"title":288,"path":802,"stem":803,"section":120},"\u002Fen\u002Freference\u002Favatar","en\u002F03.reference\u002F18.avatar",{"title":292,"path":805,"stem":806,"section":47},"\u002Fen\u002Freference\u002Fback-top","en\u002F03.reference\u002F19.back-top",{"title":296,"path":808,"stem":809,"section":120},"\u002Fen\u002Freference\u002Fbadge","en\u002F03.reference\u002F20.badge",{"title":300,"path":811,"stem":812,"section":85},"\u002Fen\u002Freference\u002Fbanner","en\u002F03.reference\u002F21.banner",{"title":304,"path":814,"stem":815,"section":42},"\u002Fen\u002Freference\u002Fbento","en\u002F03.reference\u002F22.bento",{"title":308,"path":817,"stem":818,"section":85},"\u002Fen\u002Freference\u002Fblock-ui","en\u002F03.reference\u002F23.block-ui",{"title":312,"path":820,"stem":821,"section":47},"\u002Fen\u002Freference\u002Fbreadcrumb","en\u002F03.reference\u002F24.breadcrumb",{"title":316,"path":823,"stem":824,"section":90},"\u002Fen\u002Freference\u002Fbrowser","en\u002F03.reference\u002F25.browser",{"title":320,"path":826,"stem":827,"section":120},"\u002Fen\u002Freference\u002Fbutton-group","en\u002F03.reference\u002F26.button-group",{"title":324,"path":829,"stem":830,"section":120},"\u002Fen\u002Freference\u002Fbutton","en\u002F03.reference\u002F27.button",{"title":328,"path":832,"stem":833,"section":95},"\u002Fen\u002Freference\u002Fcalendar","en\u002F03.reference\u002F28.calendar",{"title":332,"path":835,"stem":836,"section":120},"\u002Fen\u002Freference\u002Fcard","en\u002F03.reference\u002F29.card",{"title":336,"path":838,"stem":839,"section":90},"\u002Fen\u002Freference\u002Fcarousel","en\u002F03.reference\u002F30.carousel",{"title":340,"path":841,"stem":842,"section":95},"\u002Fen\u002Freference\u002Fcascade-select","en\u002F03.reference\u002F31.cascade-select",{"title":344,"path":844,"stem":845,"section":162},"\u002Fen\u002Freference\u002Fchart","en\u002F03.reference\u002F32.chart",{"title":348,"path":847,"stem":848,"section":95},"\u002Fen\u002Freference\u002Fcheckbox-group","en\u002F03.reference\u002F33.checkbox-group",{"title":352,"path":850,"stem":851,"section":95},"\u002Fen\u002Freference\u002Fcheckbox","en\u002F03.reference\u002F34.checkbox",{"title":356,"path":853,"stem":854,"section":120},"\u002Fen\u002Freference\u002Fchip","en\u002F03.reference\u002F35.chip",{"title":360,"path":856,"stem":857,"section":120},"\u002Fen\u002Freference\u002Fclient-only","en\u002F03.reference\u002F36.client-only",{"title":364,"path":859,"stem":860,"section":145},"\u002Fen\u002Freference\u002Fclipboard","en\u002F03.reference\u002F37.clipboard",{"title":368,"path":862,"stem":863,"section":42},"\u002Fen\u002Freference\u002Fcollapsible","en\u002F03.reference\u002F38.collapsible",{"title":372,"path":865,"stem":866,"section":162},"\u002Fen\u002Freference\u002Fcollection","en\u002F03.reference\u002F39.collection",{"title":376,"path":868,"stem":869,"section":95},"\u002Fen\u002Freference\u002Fcolor-picker","en\u002F03.reference\u002F40.color-picker",{"title":380,"path":871,"stem":872,"section":95},"\u002Fen\u002Freference\u002Fcombobox","en\u002F03.reference\u002F41.combobox",{"title":384,"path":874,"stem":875,"section":210},"\u002Fen\u002Freference\u002Fcommand","en\u002F03.reference\u002F42.command",{"title":388,"path":877,"stem":878,"section":162},"\u002Fen\u002Freference\u002Fcomment","en\u002F03.reference\u002F43.comment",{"title":392,"path":880,"stem":881,"section":120},"\u002Fen\u002Freference\u002Fconfig-provider","en\u002F03.reference\u002F44.config-provider",{"title":396,"path":883,"stem":884,"section":42},"\u002Fen\u002Freference\u002Fcontainer","en\u002F03.reference\u002F45.container",{"title":400,"path":886,"stem":887,"section":162},"\u002Fen\u002Freference\u002Fdata-view","en\u002F03.reference\u002F46.data-view",{"title":404,"path":889,"stem":890,"section":95},"\u002Fen\u002Freference\u002Fdate-input","en\u002F03.reference\u002F47.date-input",{"title":408,"path":892,"stem":893,"section":95},"\u002Fen\u002Freference\u002Fdate-picker","en\u002F03.reference\u002F48.date-picker",{"title":412,"path":895,"stem":896,"section":120},"\u002Fen\u002Freference\u002Fdeferred-content","en\u002F03.reference\u002F49.deferred-content",{"title":416,"path":898,"stem":899,"section":162},"\u002Fen\u002Freference\u002Fdescriptions","en\u002F03.reference\u002F50.descriptions",{"title":420,"path":901,"stem":902,"section":210},"\u002Fen\u002Freference\u002Fdialog","en\u002F03.reference\u002F51.dialog",{"title":424,"path":904,"stem":905,"section":145},"\u002Fen\u002Freference\u002Fdock","en\u002F03.reference\u002F52.dock",{"title":428,"path":907,"stem":908,"section":145},"\u002Fen\u002Freference\u002Fdownload-trigger","en\u002F03.reference\u002F53.download-trigger",{"title":432,"path":910,"stem":911,"section":210},"\u002Fen\u002Freference\u002Fdrawer","en\u002F03.reference\u002F54.drawer",{"title":436,"path":913,"stem":914,"section":95},"\u002Fen\u002Freference\u002Fdynamic-input","en\u002F03.reference\u002F55.dynamic-input",{"title":440,"path":916,"stem":917,"section":95},"\u002Fen\u002Freference\u002Feditable","en\u002F03.reference\u002F56.editable",{"title":444,"path":919,"stem":920,"section":42},"\u002Fen\u002Freference\u002Fellipsis","en\u002F03.reference\u002F57.ellipsis",{"title":448,"path":922,"stem":923,"section":85},"\u002Fen\u002Freference\u002Fempty","en\u002F03.reference\u002F58.empty",{"title":452,"path":925,"stem":926,"section":95},"\u002Fen\u002Freference\u002Ffield","en\u002F03.reference\u002F59.field",{"title":456,"path":928,"stem":929,"section":95},"\u002Fen\u002Freference\u002Ffieldset","en\u002F03.reference\u002F60.fieldset",{"title":460,"path":931,"stem":932,"section":95},"\u002Fen\u002Freference\u002Ffile-upload","en\u002F03.reference\u002F61.file-upload",{"title":464,"path":934,"stem":935,"section":145},"\u002Fen\u002Freference\u002Ffloat-button","en\u002F03.reference\u002F62.float-button",{"title":468,"path":937,"stem":938,"section":210},"\u002Fen\u002Freference\u002Ffloating-panel","en\u002F03.reference\u002F63.floating-panel",{"title":472,"path":940,"stem":941,"section":210},"\u002Fen\u002Freference\u002Ffocus-trap","en\u002F03.reference\u002F64.focus-trap",{"title":476,"path":943,"stem":944,"section":95},"\u002Fen\u002Freference\u002Fform","en\u002F03.reference\u002F65.form",{"title":480,"path":946,"stem":947,"section":120},"\u002Fen\u002Freference\u002Fformat","en\u002F03.reference\u002F66.format",{"title":484,"path":949,"stem":950,"section":42},"\u002Fen\u002Freference\u002Fframe","en\u002F03.reference\u002F67.frame",{"title":488,"path":952,"stem":953,"section":42},"\u002Fen\u002Freference\u002Fgrid","en\u002F03.reference\u002F68.grid",{"title":492,"path":955,"stem":956,"section":120},"\u002Fen\u002Freference\u002Fhighlight","en\u002F03.reference\u002F69.highlight",{"title":496,"path":958,"stem":959,"section":210},"\u002Fen\u002Freference\u002Fhover-card","en\u002F03.reference\u002F70.hover-card",{"title":500,"path":961,"stem":962,"section":120},"\u002Fen\u002Freference\u002Ficon","en\u002F03.reference\u002F71.icon",{"title":504,"path":964,"stem":965,"section":90},"\u002Fen\u002Freference\u002Fimage-cropper","en\u002F03.reference\u002F72.image-cropper",{"title":508,"path":967,"stem":968,"section":90},"\u002Fen\u002Freference\u002Fimage-viewer","en\u002F03.reference\u002F73.image-viewer",{"title":512,"path":970,"stem":971,"section":90},"\u002Fen\u002Freference\u002Fimage","en\u002F03.reference\u002F74.image",{"title":516,"path":973,"stem":974,"section":95},"\u002Fen\u002Freference\u002Finput-group","en\u002F03.reference\u002F75.input-group",{"title":520,"path":976,"stem":977,"section":95},"\u002Fen\u002Freference\u002Finput","en\u002F03.reference\u002F76.input",{"title":524,"path":979,"stem":980,"section":162},"\u002Fen\u002Freference\u002Fjson-tree-view","en\u002F03.reference\u002F77.json-tree-view",{"title":528,"path":982,"stem":983,"section":120},"\u002Fen\u002Freference\u002Fkbd","en\u002F03.reference\u002F78.kbd",{"title":42,"path":985,"stem":986,"section":42},"\u002Fen\u002Freference\u002Flayout","en\u002F03.reference\u002F79.layout",{"title":535,"path":988,"stem":989,"section":47},"\u002Fen\u002Freference\u002Flink","en\u002F03.reference\u002F80.link",{"title":539,"path":991,"stem":992,"section":162},"\u002Fen\u002Freference\u002Flist","en\u002F03.reference\u002F81.list",{"title":543,"path":994,"stem":995,"section":95},"\u002Fen\u002Freference\u002Flistbox","en\u002F03.reference\u002F82.listbox",{"title":547,"path":997,"stem":998,"section":90},"\u002Fen\u002Freference\u002Fmarquee","en\u002F03.reference\u002F83.marquee",{"title":551,"path":1000,"stem":1001,"section":42},"\u002Fen\u002Freference\u002Fmasonry","en\u002F03.reference\u002F84.masonry",{"title":555,"path":1003,"stem":1004,"section":95},"\u002Fen\u002Freference\u002Fmentions","en\u002F03.reference\u002F85.mentions",{"title":559,"path":1006,"stem":1007,"section":210},"\u002Fen\u002Freference\u002Fmenu","en\u002F03.reference\u002F86.menu",{"title":563,"path":1009,"stem":1010,"section":47},"\u002Fen\u002Freference\u002Fmenubar","en\u002F03.reference\u002F87.menubar",{"title":567,"path":1012,"stem":1013,"section":85},"\u002Fen\u002Freference\u002Fmeter","en\u002F03.reference\u002F88.meter",{"title":571,"path":1015,"stem":1016,"section":47},"\u002Fen\u002Freference\u002Fnavigation-menu","en\u002F03.reference\u002F89.navigation-menu",{"title":575,"path":1018,"stem":1019,"section":95},"\u002Fen\u002Freference\u002Fnumber-input","en\u002F03.reference\u002F90.number-input",{"title":579,"path":1021,"stem":1022,"section":162},"\u002Fen\u002Freference\u002Forder-list","en\u002F03.reference\u002F91.order-list",{"title":583,"path":1024,"stem":1025,"section":42},"\u002Fen\u002Freference\u002Fpage-header","en\u002F03.reference\u002F92.page-header",{"title":587,"path":1027,"stem":1028,"section":47},"\u002Fen\u002Freference\u002Fpagination","en\u002F03.reference\u002F93.pagination",{"title":591,"path":1030,"stem":1031,"section":95},"\u002Fen\u002Freference\u002Fpassword-input","en\u002F03.reference\u002F94.password-input",{"title":595,"path":1033,"stem":1034,"section":95},"\u002Fen\u002Freference\u002Fpin-input","en\u002F03.reference\u002F95.pin-input",{"title":599,"path":1036,"stem":1037,"section":210},"\u002Fen\u002Freference\u002Fpopconfirm","en\u002F03.reference\u002F96.popconfirm",{"title":603,"path":1039,"stem":1040,"section":210},"\u002Fen\u002Freference\u002Fpopover","en\u002F03.reference\u002F97.popover",{"title":607,"path":1042,"stem":1043,"section":120},"\u002Fen\u002Freference\u002Fpresence","en\u002F03.reference\u002F98.presence",{"title":611,"path":1045,"stem":1046,"section":85},"\u002Fen\u002Freference\u002Fprogress-group","en\u002F03.reference\u002F99.progress-group",{"id":1048,"title":380,"body":1049,"description":1946,"extension":1947,"meta":1948,"navigation":1949,"path":381,"seo":1950,"stem":382,"__hash__":1951},"docs_en\u002Fen\u002F02.components\u002F41.combobox.md",{"type":1050,"value":1051,"toc":1922},"minimark",[1052,1057,1061,1065,1070,1074,1078,1080,1084,1086,1089,1091,1094,1096,1100,1102,1106,1108,1112,1114,1118,1120,1124,1126,1130,1190,1194,1196,1199,1201,1205,1207,1211,1886,1890],[1053,1054,1056],"h2",{"id":1055},"basic-usage","Basic usage",[1058,1059],"component-demo",{"name":1060},"combobox\u002Fbasic",[1053,1062,1064],{"id":1063},"props","Props",[1066,1067,1069],"h3",{"id":1068},"cleartrigger","ClearTrigger",[1071,1072,1073],"p",{},"A styled part — no props of its own; it takes the anatomy's shared styling.",[1066,1075,1077],{"id":1076},"content","Content",[1071,1079,1073],{},[1066,1081,1083],{"id":1082},"control","Control",[1071,1085,1073],{},[1066,1087,448],{"id":1088},"empty",[1071,1090,1073],{},[1066,1092,520],{"id":1093},"input",[1071,1095,1073],{},[1066,1097,1099],{"id":1098},"itemcontext","ItemContext",[1071,1101,1073],{},[1066,1103,1105],{"id":1104},"itemgrouplabel","ItemGroupLabel",[1071,1107,1073],{},[1066,1109,1111],{"id":1110},"itemgroup","ItemGroup",[1071,1113,1073],{},[1066,1115,1117],{"id":1116},"itemindicator","ItemIndicator",[1071,1119,1073],{},[1066,1121,1123],{"id":1122},"itemtext","ItemText",[1071,1125,1073],{},[1066,1127,1129],{"id":1128},"item","Item",[1131,1132,1133,1152],"table",{},[1134,1135,1136],"thead",{},[1137,1138,1139,1143,1146,1149],"tr",{},[1140,1141,1142],"th",{},"Prop",[1140,1144,1145],{},"Type",[1140,1147,1148],{},"Default",[1140,1150,1151],{},"Description",[1153,1154,1155,1173],"tbody",{},[1137,1156,1157,1163,1168,1170],{},[1158,1159,1160],"td",{},[1161,1162,1128],"code",{},[1158,1164,1165],{},[1161,1166,1167],{},"CollectionItem",[1158,1169],{},[1158,1171,1172],{},"The item to render",[1137,1174,1175,1180,1185,1187],{},[1158,1176,1177],{},[1161,1178,1179],{},"persistFocus",[1158,1181,1182],{},[1161,1183,1184],{},"boolean | undefined",[1158,1186],{},[1158,1188,1189],{},"Whether hovering outside should clear the highlighted state",[1066,1191,1193],{"id":1192},"label","Label",[1071,1195,1073],{},[1066,1197,539],{"id":1198},"list",[1071,1200,1073],{},[1066,1202,1204],{"id":1203},"positioner","Positioner",[1071,1206,1073],{},[1066,1208,1210],{"id":1209},"root","Root",[1131,1212,1213,1225],{},[1134,1214,1215],{},[1137,1216,1217,1219,1221,1223],{},[1140,1218,1142],{},[1140,1220,1145],{},[1140,1222,1148],{},[1140,1224,1151],{},[1153,1226,1227,1247,1264,1280,1296,1312,1329,1348,1365,1384,1400,1420,1436,1452,1468,1484,1500,1517,1545,1561,1577,1595,1611,1646,1665,1682,1698,1717,1736,1754,1770,1790,1806,1822,1839,1869],{},[1137,1228,1229,1234,1239,1244],{},[1158,1230,1231],{},[1161,1232,1233],{},"size",[1158,1235,1236],{},[1161,1237,1238],{},"String as PropType\u003C\"sm\" | \"md\" | \"lg\">",[1158,1240,1241],{},[1161,1242,1243],{},"\"md\"",[1158,1245,1246],{},"One rung of the control-height ladder for the field row.",[1137,1248,1249,1254,1259,1261],{},[1158,1250,1251],{},[1161,1252,1253],{},"allowCustomValue",[1158,1255,1256],{},[1161,1257,1258],{},"boolean",[1158,1260],{},[1158,1262,1263],{},"Whether to allow typing custom values in the input",[1137,1265,1266,1271,1275,1277],{},[1158,1267,1268],{},[1161,1269,1270],{},"alwaysSubmitOnEnter",[1158,1272,1273],{},[1161,1274,1258],{},[1158,1276],{},[1158,1278,1279],{},"Whether to allow bypassing the default two-step behavior (Enter to close combobox, then Enter to submit form) and instead submit the form immediately on Enter press. This is useful for single-field autocomplete forms where Enter should submit the form directly.",[1137,1281,1282,1287,1291,1293],{},[1158,1283,1284],{},[1161,1285,1286],{},"autoFocus",[1158,1288,1289],{},[1161,1290,1258],{},[1158,1292],{},[1158,1294,1295],{},"Whether to autofocus the input on mount",[1137,1297,1298,1303,1307,1309],{},[1158,1299,1300],{},[1161,1301,1302],{},"closeOnSelect",[1158,1304,1305],{},[1161,1306,1258],{},[1158,1308],{},[1158,1310,1311],{},"Whether to close the combobox when an item is selected.",[1137,1313,1314,1319,1324,1326],{},[1158,1315,1316],{},[1161,1317,1318],{},"collection",[1158,1320,1321],{},[1161,1322,1323],{},"ListCollection\u003CT>",[1158,1325],{},[1158,1327,1328],{},"The collection of items",[1137,1330,1331,1336,1340,1345],{},[1158,1332,1333],{},[1161,1334,1335],{},"composite",[1158,1337,1338],{},[1161,1339,1258],{},[1158,1341,1342],{},[1161,1343,1344],{},"true",[1158,1346,1347],{},"Whether the combobox is a composed with other composite widgets like tabs",[1137,1349,1350,1355,1360,1362],{},[1158,1351,1352],{},[1161,1353,1354],{},"defaultHighlightedValue",[1158,1356,1357],{},[1161,1358,1359],{},"string",[1158,1361],{},[1158,1363,1364],{},"The initial highlighted value of the combobox when rendered. Use when you don't need to control the highlighted value of the combobox.",[1137,1366,1367,1372,1376,1381],{},[1158,1368,1369],{},[1161,1370,1371],{},"defaultInputValue",[1158,1373,1374],{},[1161,1375,1359],{},[1158,1377,1378],{},[1161,1379,1380],{},"\"\"",[1158,1382,1383],{},"The initial value of the combobox's input when rendered. Use when you don't need to control the value of the combobox's input.",[1137,1385,1386,1391,1395,1397],{},[1158,1387,1388],{},[1161,1389,1390],{},"defaultOpen",[1158,1392,1393],{},[1161,1394,1258],{},[1158,1396],{},[1158,1398,1399],{},"The initial open state of the combobox when rendered. Use when you don't need to control the open state of the combobox.",[1137,1401,1402,1407,1412,1417],{},[1158,1403,1404],{},[1161,1405,1406],{},"defaultValue",[1158,1408,1409],{},[1161,1410,1411],{},"string[]",[1158,1413,1414],{},[1161,1415,1416],{},"[]",[1158,1418,1419],{},"The initial value of the combobox's selected items when rendered. Use when you don't need to control the value of the combobox's selected items.",[1137,1421,1422,1427,1431,1433],{},[1158,1423,1424],{},[1161,1425,1426],{},"disabled",[1158,1428,1429],{},[1161,1430,1258],{},[1158,1432],{},[1158,1434,1435],{},"Whether the combobox is disabled",[1137,1437,1438,1443,1447,1449],{},[1158,1439,1440],{},[1161,1441,1442],{},"disableLayer",[1158,1444,1445],{},[1161,1446,1258],{},[1158,1448],{},[1158,1450,1451],{},"Whether to disable registering this a dismissable layer",[1137,1453,1454,1459,1463,1465],{},[1158,1455,1456],{},[1161,1457,1458],{},"form",[1158,1460,1461],{},[1161,1462,1359],{},[1158,1464],{},[1158,1466,1467],{},"The associate form of the combobox.",[1137,1469,1470,1475,1479,1481],{},[1158,1471,1472],{},[1161,1473,1474],{},"highlightedValue",[1158,1476,1477],{},[1161,1478,1359],{},[1158,1480],{},[1158,1482,1483],{},"The controlled highlighted value of the combobox",[1137,1485,1486,1491,1495,1497],{},[1158,1487,1488],{},[1161,1489,1490],{},"id",[1158,1492,1493],{},[1161,1494,1359],{},[1158,1496],{},[1158,1498,1499],{},"The unique identifier of the machine.",[1137,1501,1502,1507,1512,1514],{},[1158,1503,1504],{},[1161,1505,1506],{},"ids",[1158,1508,1509],{},[1161,1510,1511],{},"Partial\u003C{ root: string; label: string; control: string; input: string; content: string; trigger: string; clearTrigger: string; item(id: string, index?: number): string; positioner: string; itemGroup(id: string | number): string; itemGroupLabel(id: string | number): string; }>",[1158,1513],{},[1158,1515,1516],{},"The ids of the elements in the combobox. Useful for composition.",[1137,1518,1519,1524,1529,1534],{},[1158,1520,1521],{},[1161,1522,1523],{},"inputBehavior",[1158,1525,1526],{},[1161,1527,1528],{},"'autohighlight' | 'autocomplete' | 'none'",[1158,1530,1531],{},[1161,1532,1533],{},"\"none\"",[1158,1535,1536,1537,1540,1541,1544],{},"Defines the auto-completion behavior of the combobox. - ",[1161,1538,1539],{},"autohighlight",": The first focused item is highlighted as the user types - ",[1161,1542,1543],{},"autocomplete",": Navigating the listbox with the arrow keys selects the item and the input is updated",[1137,1546,1547,1552,1556,1558],{},[1158,1548,1549],{},[1161,1550,1551],{},"inputValue",[1158,1553,1554],{},[1161,1555,1359],{},[1158,1557],{},[1158,1559,1560],{},"The controlled value of the combobox's input",[1137,1562,1563,1568,1572,1574],{},[1158,1564,1565],{},[1161,1566,1567],{},"invalid",[1158,1569,1570],{},[1161,1571,1258],{},[1158,1573],{},[1158,1575,1576],{},"Whether the combobox is invalid",[1137,1578,1579,1584,1588,1592],{},[1158,1580,1581],{},[1161,1582,1583],{},"loopFocus",[1158,1585,1586],{},[1161,1587,1258],{},[1158,1589,1590],{},[1161,1591,1344],{},[1158,1593,1594],{},"Whether to loop the keyboard navigation through the items",[1137,1596,1597,1602,1606,1608],{},[1158,1598,1599],{},[1161,1600,1601],{},"modelValue",[1158,1603,1604],{},[1161,1605,1411],{},[1158,1607],{},[1158,1609,1610],{},"The v-model value of the combobox",[1137,1612,1613,1618,1622,1624],{},[1158,1614,1615],{},[1161,1616,1617],{},"multiple",[1158,1619,1620],{},[1161,1621,1258],{},[1158,1623],{},[1158,1625,1626,1627,1631,1632,1634,1635,1637,1638,1641,1642,1645],{},"Whether to allow multiple selection. ",[1628,1629,1630],"strong",{},"Good to know:"," When ",[1161,1633,1617],{}," is ",[1161,1636,1344],{},", the ",[1161,1639,1640],{},"selectionBehavior"," is automatically set to ",[1161,1643,1644],{},"clear",". It is recommended to render the selected items in a separate container.",[1137,1647,1648,1653,1657,1659],{},[1158,1649,1650],{},[1161,1651,1652],{},"name",[1158,1654,1655],{},[1161,1656,1359],{},[1158,1658],{},[1158,1660,1661,1662,1664],{},"The ",[1161,1663,1652],{}," attribute of the combobox's input. Useful for form submission",[1137,1666,1667,1672,1677,1679],{},[1158,1668,1669],{},[1161,1670,1671],{},"navigate",[1158,1673,1674],{},[1161,1675,1676],{},"(details: combobox.NavigateDetails) => void",[1158,1678],{},[1158,1680,1681],{},"Function to navigate to the selected item",[1137,1683,1684,1689,1693,1695],{},[1158,1685,1686],{},[1161,1687,1688],{},"open",[1158,1690,1691],{},[1161,1692,1258],{},[1158,1694],{},[1158,1696,1697],{},"The controlled open state of the combobox",[1137,1699,1700,1705,1710,1714],{},[1158,1701,1702],{},[1161,1703,1704],{},"openOnChange",[1158,1706,1707],{},[1161,1708,1709],{},"boolean | ((details: combobox.InputValueChangeDetails) => boolean)",[1158,1711,1712],{},[1161,1713,1344],{},[1158,1715,1716],{},"Whether to show the combobox when the input value changes",[1137,1718,1719,1724,1728,1733],{},[1158,1720,1721],{},[1161,1722,1723],{},"openOnClick",[1158,1725,1726],{},[1161,1727,1258],{},[1158,1729,1730],{},[1161,1731,1732],{},"false",[1158,1734,1735],{},"Whether to open the combobox popup on initial click on the input",[1137,1737,1738,1743,1747,1751],{},[1158,1739,1740],{},[1161,1741,1742],{},"openOnKeyPress",[1158,1744,1745],{},[1161,1746,1258],{},[1158,1748,1749],{},[1161,1750,1344],{},[1158,1752,1753],{},"Whether to open the combobox on arrow key press",[1137,1755,1756,1761,1765,1767],{},[1158,1757,1758],{},[1161,1759,1760],{},"placeholder",[1158,1762,1763],{},[1161,1764,1359],{},[1158,1766],{},[1158,1768,1769],{},"The placeholder text of the combobox's input",[1137,1771,1772,1777,1782,1787],{},[1158,1773,1774],{},[1161,1775,1776],{},"positioning",[1158,1778,1779],{},[1161,1780,1781],{},"combobox.PositioningOptions",[1158,1783,1784],{},[1161,1785,1786],{},"{ placement: \"bottom-start\" }",[1158,1788,1789],{},"The positioning options to dynamically position the menu",[1137,1791,1792,1797,1801,1803],{},[1158,1793,1794],{},[1161,1795,1796],{},"readOnly",[1158,1798,1799],{},[1161,1800,1258],{},[1158,1802],{},[1158,1804,1805],{},"Whether the combobox is readonly. This puts the combobox in a \"non-editable\" mode but the user can still interact with it",[1137,1807,1808,1813,1817,1819],{},[1158,1809,1810],{},[1161,1811,1812],{},"required",[1158,1814,1815],{},[1161,1816,1258],{},[1158,1818],{},[1158,1820,1821],{},"Whether the combobox is required",[1137,1823,1824,1829,1834,1836],{},[1158,1825,1826],{},[1161,1827,1828],{},"scrollToIndexFn",[1158,1830,1831],{},[1161,1832,1833],{},"(details: combobox.ScrollToIndexDetails) => void",[1158,1835],{},[1158,1837,1838],{},"Function to scroll to a specific index",[1137,1840,1841,1845,1850,1855],{},[1158,1842,1843],{},[1161,1844,1640],{},[1158,1846,1847],{},[1161,1848,1849],{},"'clear' | 'replace' | 'preserve'",[1158,1851,1852],{},[1161,1853,1854],{},"\"replace\"",[1158,1856,1857,1858,1861,1862,1864,1865,1868],{},"The behavior of the combobox input when an item is selected - ",[1161,1859,1860],{},"replace",": The selected item string is set as the input value - ",[1161,1863,1644],{},": The input value is cleared - ",[1161,1866,1867],{},"preserve",": The input value is preserved",[1137,1870,1871,1876,1881,1883],{},[1158,1872,1873],{},[1161,1874,1875],{},"translations",[1158,1877,1878],{},[1161,1879,1880],{},"combobox.IntlTranslations",[1158,1882],{},[1158,1884,1885],{},"Specifies the localized strings that identifies the accessibility elements and their states",[1066,1887,1889],{"id":1888},"trigger","Trigger",[1131,1891,1892,1904],{},[1134,1893,1894],{},[1137,1895,1896,1898,1900,1902],{},[1140,1897,1142],{},[1140,1899,1145],{},[1140,1901,1148],{},[1140,1903,1151],{},[1153,1905,1906],{},[1137,1907,1908,1913,1917,1919],{},[1158,1909,1910],{},[1161,1911,1912],{},"focusable",[1158,1914,1915],{},[1161,1916,1184],{},[1158,1918],{},[1158,1920,1921],{},"Whether the trigger is focusable",{"title":1923,"searchDepth":1924,"depth":1924,"links":1925},"",2,[1926,1927],{"id":1055,"depth":1924,"text":1056},{"id":1063,"depth":1924,"text":1064,"children":1928},[1929,1931,1932,1933,1934,1935,1936,1937,1938,1939,1940,1941,1942,1943,1944,1945],{"id":1068,"depth":1930,"text":1069},3,{"id":1076,"depth":1930,"text":1077},{"id":1082,"depth":1930,"text":1083},{"id":1088,"depth":1930,"text":448},{"id":1093,"depth":1930,"text":520},{"id":1098,"depth":1930,"text":1099},{"id":1104,"depth":1930,"text":1105},{"id":1110,"depth":1930,"text":1111},{"id":1116,"depth":1930,"text":1117},{"id":1122,"depth":1930,"text":1123},{"id":1128,"depth":1930,"text":1129},{"id":1192,"depth":1930,"text":1193},{"id":1198,"depth":1930,"text":539},{"id":1203,"depth":1930,"text":1204},{"id":1209,"depth":1930,"text":1210},{"id":1888,"depth":1930,"text":1889},"Combobox, dressed in the paper-and-ink system: the field carries the control recipe and its matches dissolve open as a paper vessel, the checked row taking the flat ink fill. The parts — Root, Label, Control, Input, Trigger, ClearTrigger, Positioner, Content, List, Empty, Item, ItemText, ItemIndicator, ItemGroup, ItemGroupLabel.","md",{},{"section":95},{"title":380,"description":1946},"yfcsc19lKiqg8PAzEGTjPVywzXnm0zAmx5ymQ6Rwwr8",[1953,1955],{"title":376,"path":377,"stem":378,"description":1954,"section":95,"children":-1},"ColorPicker, dressed in the paper-and-ink system: a seal-sized swatch on the paper, opening into an area and channel sliders where pigment is picked. The parts — Root, Label, Control, Trigger, Positioner, Content, Area, AreaThumb, AreaBackground, ValueText, ValueSwatch, ChannelSlider, ChannelSliderLabel, ChannelSliderTrack, ChannelSliderThumb, ChannelSliderValueText, ChannelInput, TransparencyGrid, SwatchGroup, SwatchTrigger, SwatchIndicator, Swatch, EyeDropperTrigger, FormatTrigger, FormatSelect, HiddenInput, Context.",{"title":384,"path":385,"stem":386,"description":1956,"section":210,"children":-1},"The command palette: a modal sheet at the top of the page carrying a search field over the caller's commands, grouped as a ledger with a keycap hint at each row. The shell is the dialog machinery — scrim, focus trap, Escape — and the searching is the combobox machinery driving our own list: the vessel and the list live inside the sheet, so the combobox renders no separate popup and the machine's content grafts onto the sheet's list. The input part carries one `as never`: its prop union outgrows what h() can resolve (TS2590).","\u003Cpre class=\"th-code th-code--vue\" data-language=\"vue\">\u003Ccode><\u003Cspan class=\"th-token th-tag\">script\u003C\u002Fspan> setup \u003Cspan class=\"th-token th-attr\">lang\u003C\u002Fspan>=\u003Cspan class=\"th-token th-string\">"ts"\u003C\u002Fspan>>\n\u003Cspan class=\"th-token th-keyword\">import\u003C\u002Fspan> { useListCollection } \u003Cspan class=\"th-token th-keyword\">from\u003C\u002Fspan> \u003Cspan class=\"th-token th-string\">"@ark-ui\u002Fvue\u002Fcombobox"\u003C\u002Fspan>;\n\u003Cspan class=\"th-token th-keyword\">import\u003C\u002Fspan> { useFilter } \u003Cspan class=\"th-token th-keyword\">from\u003C\u002Fspan> \u003Cspan class=\"th-token th-string\">"@ark-ui\u002Fvue\u002Flocale"\u003C\u002Fspan>;\n\u003Cspan class=\"th-token th-keyword\">import\u003C\u002Fspan> { check, chevron_down, x } \u003Cspan class=\"th-token th-keyword\">from\u003C\u002Fspan> \u003Cspan class=\"th-token th-string\">"@bysages\u002Ficons"\u003C\u002Fspan>;\n\u003Cspan class=\"th-token th-keyword\">import\u003C\u002Fspan> { \u003Cspan class=\"th-token th-type\">Combobox\u003C\u002Fspan>, \u003Cspan class=\"th-token th-type\">Icon\u003C\u002Fspan> } \u003Cspan class=\"th-token th-keyword\">from\u003C\u002Fspan> \u003Cspan class=\"th-token th-string\">"@bysages\u002Fvue"\u003C\u002Fspan>;\n\n\u003Cspan class=\"th-token th-keyword\">const\u003C\u002Fspan> filters = \u003Cspan class=\"th-token th-function\">useFilter\u003C\u002Fspan>({ \u003Cspan class=\"th-token th-property\">sensitivity\u003C\u002Fspan>: \u003Cspan class=\"th-token th-string\">"base"\u003C\u002Fspan> });\n\u003Cspan class=\"th-token th-keyword\">const\u003C\u002Fspan> { collection, filter } = \u003Cspan class=\"th-token th-function\">useListCollection\u003C\u002Fspan>({\n  \u003Cspan class=\"th-token th-property\">initialItems\u003C\u002Fspan>: [\n    { \u003Cspan class=\"th-token th-property\">label\u003C\u002Fspan>: \u003Cspan class=\"th-token th-string\">"Apple"\u003C\u002Fspan>, \u003Cspan class=\"th-token th-property\">value\u003C\u002Fspan>: \u003Cspan class=\"th-token th-string\">"apple"\u003C\u002Fspan> },\n    { \u003Cspan class=\"th-token th-property\">label\u003C\u002Fspan>: \u003Cspan class=\"th-token th-string\">"Banana"\u003C\u002Fspan>, \u003Cspan class=\"th-token th-property\">value\u003C\u002Fspan>: \u003Cspan class=\"th-token th-string\">"banana"\u003C\u002Fspan> },\n    { \u003Cspan class=\"th-token th-property\">label\u003C\u002Fspan>: \u003Cspan class=\"th-token th-string\">"Cherry"\u003C\u002Fspan>, \u003Cspan class=\"th-token th-property\">value\u003C\u002Fspan>: \u003Cspan class=\"th-token th-string\">"cherry"\u003C\u002Fspan> },\n    { \u003Cspan class=\"th-token th-property\">label\u003C\u002Fspan>: \u003Cspan class=\"th-token th-string\">"Date"\u003C\u002Fspan>, \u003Cspan class=\"th-token th-property\">value\u003C\u002Fspan>: \u003Cspan class=\"th-token th-string\">"date"\u003C\u002Fspan> },\n    { \u003Cspan class=\"th-token th-property\">label\u003C\u002Fspan>: \u003Cspan class=\"th-token th-string\">"Elderberry"\u003C\u002Fspan>, \u003Cspan class=\"th-token th-property\">value\u003C\u002Fspan>: \u003Cspan class=\"th-token th-string\">"elderberry"\u003C\u002Fspan> },\n    { \u003Cspan class=\"th-token th-property\">label\u003C\u002Fspan>: \u003Cspan class=\"th-token th-string\">"Fig"\u003C\u002Fspan>, \u003Cspan class=\"th-token th-property\">value\u003C\u002Fspan>: \u003Cspan class=\"th-token th-string\">"fig"\u003C\u002Fspan> },\n  ],\n  \u003Cspan class=\"th-token th-property\">filter\u003C\u002Fspan>: (item: \u003Cspan class=\"th-token th-type\">string\u003C\u002Fspan>, \u003Cspan class=\"th-token th-property\">inputValue\u003C\u002Fspan>: \u003Cspan class=\"th-token th-type\">string\u003C\u002Fspan>) => filters.\u003Cspan class=\"th-token th-property\">value\u003C\u002Fspan>.\u003Cspan class=\"th-token th-property\">contains\u003C\u002Fspan>(item, inputValue),\n});\n<\u002F\u003Cspan class=\"th-token th-tag\">script\u003C\u002Fspan>>\n\n<\u003Cspan class=\"th-token th-tag\">template\u003C\u002Fspan>>\n  <\u003Cspan class=\"th-token th-tag\">Combobox.Root\u003C\u002Fspan> \u003Cspan class=\"th-token th-attr\">:collection\u003C\u002Fspan>=\u003Cspan class=\"th-token th-string\">"collection"\u003C\u002Fspan> \u003Cspan class=\"th-token th-attr\">@input-value-change\u003C\u002Fspan>=\u003Cspan class=\"th-token th-string\">"(e) => filter(e.inputValue)"\u003C\u002Fspan>>\n    <\u003Cspan class=\"th-token th-tag\">Combobox.Label\u003C\u002Fspan>>Fruit<\u002F\u003Cspan class=\"th-token th-tag\">Combobox.Label\u003C\u002Fspan>>\n    <\u003Cspan class=\"th-token th-tag\">Combobox.Control\u003C\u002Fspan>>\n      <\u003Cspan class=\"th-token th-tag\">Combobox.Input\u003C\u002Fspan> \u003Cspan class=\"th-token th-attr\">placeholder\u003C\u002Fspan>=\u003Cspan class=\"th-token th-string\">"e.g. Apple"\u003C\u002Fspan> \u002F>\n      <\u003Cspan class=\"th-token th-tag\">Combobox.ClearTrigger\u003C\u002Fspan>>\n        <\u003Cspan class=\"th-token th-tag\">Icon\u003C\u002Fspan> \u003Cspan class=\"th-token th-attr\">:glyph\u003C\u002Fspan>=\u003Cspan class=\"th-token th-string\">"x"\u003C\u002Fspan> \u002F>\n      <\u002F\u003Cspan class=\"th-token th-tag\">Combobox.ClearTrigger\u003C\u002Fspan>>\n      <\u003Cspan class=\"th-token th-tag\">Combobox.Trigger\u003C\u002Fspan>>\n        <\u003Cspan class=\"th-token th-tag\">Icon\u003C\u002Fspan> \u003Cspan class=\"th-token th-attr\">:glyph\u003C\u002Fspan>=\u003Cspan class=\"th-token th-string\">"chevron_down"\u003C\u002Fspan> \u002F>\n      <\u002F\u003Cspan class=\"th-token th-tag\">Combobox.Trigger\u003C\u002Fspan>>\n    <\u002F\u003Cspan class=\"th-token th-tag\">Combobox.Control\u003C\u002Fspan>>\n    <\u003Cspan class=\"th-token th-tag\">Teleport\u003C\u002Fspan> \u003Cspan class=\"th-token th-attr\">to\u003C\u002Fspan>=\u003Cspan class=\"th-token th-string\">"body"\u003C\u002Fspan>>\n      <\u003Cspan class=\"th-token th-tag\">Combobox.Positioner\u003C\u002Fspan>>\n        <\u003Cspan class=\"th-token th-tag\">Combobox.Content\u003C\u002Fspan>>\n          <\u003Cspan class=\"th-token th-tag\">Combobox.Empty\u003C\u002Fspan>>No results found<\u002F\u003Cspan class=\"th-token th-tag\">Combobox.Empty\u003C\u002Fspan>>\n          <\u003Cspan class=\"th-token th-tag\">Combobox.Item\u003C\u002Fspan> \u003Cspan class=\"th-token th-attr\">v-for\u003C\u002Fspan>=\u003Cspan class=\"th-token th-string\">"item in collection.items"\u003C\u002Fspan> \u003Cspan class=\"th-token th-attr\">:key\u003C\u002Fspan>=\u003Cspan class=\"th-token th-string\">"item.value"\u003C\u002Fspan> \u003Cspan class=\"th-token th-attr\">:item\u003C\u002Fspan>=\u003Cspan class=\"th-token th-string\">"item"\u003C\u002Fspan>>\n            <\u003Cspan class=\"th-token th-tag\">Combobox.ItemText\u003C\u002Fspan>>{{ item.\u003Cspan class=\"th-token th-property\">label\u003C\u002Fspan> }}<\u002F\u003Cspan class=\"th-token th-tag\">Combobox.ItemText\u003C\u002Fspan>>\n            <\u003Cspan class=\"th-token th-tag\">Combobox.ItemIndicator\u003C\u002Fspan>>\n              <\u003Cspan class=\"th-token th-tag\">Icon\u003C\u002Fspan> \u003Cspan class=\"th-token th-attr\">:glyph\u003C\u002Fspan>=\u003Cspan class=\"th-token th-string\">"check"\u003C\u002Fspan> \u002F>\n            <\u002F\u003Cspan class=\"th-token th-tag\">Combobox.ItemIndicator\u003C\u002Fspan>>\n          <\u002F\u003Cspan class=\"th-token th-tag\">Combobox.Item\u003C\u002Fspan>>\n        <\u002F\u003Cspan class=\"th-token th-tag\">Combobox.Content\u003C\u002Fspan>>\n      <\u002F\u003Cspan class=\"th-token th-tag\">Combobox.Positioner\u003C\u002Fspan>>\n    <\u002F\u003Cspan class=\"th-token th-tag\">Teleport\u003C\u002Fspan>>\n  <\u002F\u003Cspan class=\"th-token th-tag\">Combobox.Root\u003C\u002Fspan>>\n<\u002F\u003Cspan class=\"th-token th-tag\">template\u003C\u002Fspan>>\n\u003C\u002Fcode>\u003C\u002Fpre>",1790878641822]