[{"data":1,"prerenderedAt":1349},["ShallowReactive",2],{"i-ph:sidebar":3,"i-ph:caret-left":8,"i-ph:caret-right":10,"components-commands":12,"i-ph:code":1347},{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":7},0,256,false,"\u003Cpath fill=\"currentColor\" d=\"M216 40H40a16 16 0 0 0-16 16v144a16 16 0 0 0 16 16h176a16 16 0 0 0 16-16V56a16 16 0 0 0-16-16M40 152h16a8 8 0 0 0 0-16H40v-16h16a8 8 0 0 0 0-16H40V88h16a8 8 0 0 0 0-16H40V56h40v144H40Zm176 48H96V56h120z\"\u002F>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":9},"\u003Cpath fill=\"currentColor\" d=\"M165.66 202.34a8 8 0 0 1-11.32 11.32l-80-80a8 8 0 0 1 0-11.32l80-80a8 8 0 0 1 11.32 11.32L91.31 128Z\"\u002F>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":11},"\u003Cpath fill=\"currentColor\" d=\"m181.66 133.66l-80 80a8 8 0 0 1-11.32-11.32L164.69 128L90.34 53.66a8 8 0 0 1 11.32-11.32l80 80a8 8 0 0 1 0 11.32\"\u002F>",{"id":13,"title":14,"body":15,"description":25,"extension":1341,"meta":1342,"navigation":134,"path":1343,"seo":1344,"stem":1345,"__hash__":1346},"docs\u002Fdocs\u002Fcomponents\u002Fcommands.md","Commands",{"type":16,"value":17,"toc":1331},"minimark",[18,22,26,457,462,573,577,633,637,668,672,675,734,1056,1059,1065,1212,1216,1274,1279,1282,1327],[19,20,14],"h1",{"id":21},"commands",[23,24,25],"p",{},"A command palette component that provides a searchable, keyboard-navigable interface for executing actions. It supports grouping, keyboard shortcuts, icons, and full customization via slots.",[27,28,30],"commands-example",{"source-path":29},"Commands\u002FCommands.vue",[31,32,37],"pre",{"className":33,"code":34,"language":35,"meta":36,"style":36},"language-vue shiki shiki-themes vitesse-dark vitesse-light vitesse-dark","\u003Cscript setup lang=\"ts\">\nimport { Button, Commands } from '@dolanske\u002Fvui'\nimport { ref } from 'vue'\n\nconst isOpen = ref(false)\nconst isCompact = ref(false)\n\nconst commands = [\n  {\n    title: 'Create New Project',\n    description: 'Start a new project from scratch',\n    group: 'File',\n    handler: () => createProjectPage(),\n  },\n  \u002F\u002F [...]\n]\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003CButton @click=\"isOpen = true\">\n    Open\n  \u003C\u002FButton>\n  \u003CSwitch v-model=\"isCompact\" label=\"Compact\" \u002F>\n  \u003CCommands\n    :open=\"isOpen\"\n    :commands=\"commands\"\n    @close=\"isOpen = false\"\n  \u002F>\n\u003C\u002Ftemplate>\n","vue","",[38,39,40,76,109,129,136,161,179,184,196,202,223,240,257,272,278,285,291,301,306,316,339,346,356,390,398,413,427,442,448],"code",{"__ignoreMap":36},[41,42,45,49,53,57,60,63,67,71,73],"span",{"class":43,"line":44},"line",1,[41,46,48],{"class":47},"sP76a","\u003C",[41,50,52],{"class":51},"sKpE2","script",[41,54,56],{"class":55},"sflEz"," setup",[41,58,59],{"class":55}," lang",[41,61,62],{"class":47},"=",[41,64,66],{"class":65},"sBR95","\"",[41,68,70],{"class":69},"sfmH-","ts",[41,72,66],{"class":65},[41,74,75],{"class":47},">\n",[41,77,79,82,85,88,91,94,97,100,103,106],{"class":43,"line":78},2,[41,80,81],{"class":51},"import",[41,83,84],{"class":47}," {",[41,86,87],{"class":55}," Button",[41,89,90],{"class":47},",",[41,92,93],{"class":55}," Commands",[41,95,96],{"class":47}," }",[41,98,99],{"class":51}," from",[41,101,102],{"class":65}," '",[41,104,105],{"class":69},"@dolanske\u002Fvui",[41,107,108],{"class":65},"'\n",[41,110,112,114,116,119,121,123,125,127],{"class":43,"line":111},3,[41,113,81],{"class":51},[41,115,84],{"class":47},[41,117,118],{"class":55}," ref",[41,120,96],{"class":47},[41,122,99],{"class":51},[41,124,102],{"class":65},[41,126,35],{"class":69},[41,128,108],{"class":65},[41,130,132],{"class":43,"line":131},4,[41,133,135],{"emptyLinePlaceholder":134},true,"\n",[41,137,139,143,146,149,152,155,158],{"class":43,"line":138},5,[41,140,142],{"class":141},"sCMWV","const ",[41,144,145],{"class":55},"isOpen",[41,147,148],{"class":47}," =",[41,150,118],{"class":151},"sRTv0",[41,153,154],{"class":47},"(",[41,156,157],{"class":51},"false",[41,159,160],{"class":47},")\n",[41,162,164,166,169,171,173,175,177],{"class":43,"line":163},6,[41,165,142],{"class":141},[41,167,168],{"class":55},"isCompact",[41,170,148],{"class":47},[41,172,118],{"class":151},[41,174,154],{"class":47},[41,176,157],{"class":51},[41,178,160],{"class":47},[41,180,182],{"class":43,"line":181},7,[41,183,135],{"emptyLinePlaceholder":134},[41,185,187,189,191,193],{"class":43,"line":186},8,[41,188,142],{"class":141},[41,190,21],{"class":55},[41,192,148],{"class":47},[41,194,195],{"class":47}," [\n",[41,197,199],{"class":43,"line":198},9,[41,200,201],{"class":47},"  {\n",[41,203,205,209,212,215,218,220],{"class":43,"line":204},10,[41,206,208],{"class":207},"sDB6b","    title",[41,210,211],{"class":47},": ",[41,213,214],{"class":65},"'",[41,216,217],{"class":69},"Create New Project",[41,219,214],{"class":65},[41,221,222],{"class":47},",\n",[41,224,226,229,231,233,236,238],{"class":43,"line":225},11,[41,227,228],{"class":207},"    description",[41,230,211],{"class":47},[41,232,214],{"class":65},[41,234,235],{"class":69},"Start a new project from scratch",[41,237,214],{"class":65},[41,239,222],{"class":47},[41,241,243,246,248,250,253,255],{"class":43,"line":242},12,[41,244,245],{"class":207},"    group",[41,247,211],{"class":47},[41,249,214],{"class":65},[41,251,252],{"class":69},"File",[41,254,214],{"class":65},[41,256,222],{"class":47},[41,258,260,263,266,269],{"class":43,"line":259},13,[41,261,262],{"class":151},"    handler",[41,264,265],{"class":47},": () => ",[41,267,268],{"class":151},"createProjectPage",[41,270,271],{"class":47},"(),\n",[41,273,275],{"class":43,"line":274},14,[41,276,277],{"class":47},"  },\n",[41,279,281],{"class":43,"line":280},15,[41,282,284],{"class":283},"sR5Ys","  \u002F\u002F [...]\n",[41,286,288],{"class":43,"line":287},16,[41,289,290],{"class":47},"]\n",[41,292,294,297,299],{"class":43,"line":293},17,[41,295,296],{"class":47},"\u003C\u002F",[41,298,52],{"class":51},[41,300,75],{"class":47},[41,302,304],{"class":43,"line":303},18,[41,305,135],{"emptyLinePlaceholder":134},[41,307,309,311,314],{"class":43,"line":308},19,[41,310,48],{"class":47},[41,312,313],{"class":51},"template",[41,315,75],{"class":47},[41,317,319,322,325,328,330,332,335,337],{"class":43,"line":318},20,[41,320,321],{"class":47},"  \u003C",[41,323,324],{"class":51},"Button",[41,326,327],{"class":55}," @click",[41,329,62],{"class":47},[41,331,66],{"class":65},[41,333,334],{"class":69},"isOpen = true",[41,336,66],{"class":65},[41,338,75],{"class":47},[41,340,342],{"class":43,"line":341},21,[41,343,345],{"class":344},"sX1ls","    Open\n",[41,347,349,352,354],{"class":43,"line":348},22,[41,350,351],{"class":47},"  \u003C\u002F",[41,353,324],{"class":51},[41,355,75],{"class":47},[41,357,359,361,364,367,369,371,373,375,378,380,382,385,387],{"class":43,"line":358},23,[41,360,321],{"class":47},[41,362,363],{"class":51},"Switch",[41,365,366],{"class":55}," v-model",[41,368,62],{"class":47},[41,370,66],{"class":65},[41,372,168],{"class":69},[41,374,66],{"class":65},[41,376,377],{"class":55}," label",[41,379,62],{"class":47},[41,381,66],{"class":65},[41,383,384],{"class":69},"Compact",[41,386,66],{"class":65},[41,388,389],{"class":47}," \u002F>\n",[41,391,393,395],{"class":43,"line":392},24,[41,394,321],{"class":47},[41,396,397],{"class":51},"Commands\n",[41,399,401,404,406,408,410],{"class":43,"line":400},25,[41,402,403],{"class":55},"    :open",[41,405,62],{"class":47},[41,407,66],{"class":65},[41,409,145],{"class":69},[41,411,412],{"class":65},"\"\n",[41,414,416,419,421,423,425],{"class":43,"line":415},26,[41,417,418],{"class":55},"    :commands",[41,420,62],{"class":47},[41,422,66],{"class":65},[41,424,21],{"class":69},[41,426,412],{"class":65},[41,428,430,433,435,437,440],{"class":43,"line":429},27,[41,431,432],{"class":55},"    @close",[41,434,62],{"class":47},[41,436,66],{"class":65},[41,438,439],{"class":69},"isOpen = false",[41,441,412],{"class":65},[41,443,445],{"class":43,"line":444},28,[41,446,447],{"class":47},"  \u002F>\n",[41,449,451,453,455],{"class":43,"line":450},29,[41,452,296],{"class":47},[41,454,313],{"class":51},[41,456,75],{"class":47},[458,459,461],"h2",{"id":460},"props","Props",[463,464,465,481],"table",{},[466,467,468],"thead",{},[469,470,471,475,478],"tr",{},[472,473,474],"th",{},"Name",[472,476,477],{},"Default",[472,479,480],{},"Type",[482,483,484,505,521,537,557],"tbody",{},[469,485,486,492,495],{},[487,488,489],"td",{},[38,490,491],{},"open",[487,493,494],{},"—",[487,496,497,500,501,504],{},[38,498,499],{},"boolean"," ",[502,503],"br",{}," Controls the visibility of the command palette",[469,506,507,512,514],{},[487,508,509],{},[38,510,511],{},"compact",[487,513,494],{},[487,515,516,500,518,520],{},[38,517,499],{},[502,519],{}," Renders compact command palette",[469,522,523,527,529],{},[487,524,525],{},[38,526,21],{},[487,528,494],{},[487,530,531,500,534,536],{},[38,532,533],{},"Command[]",[502,535],{}," Array of command objects to display and search",[469,538,539,544,549],{},[487,540,541],{},[38,542,543],{},"placeholder",[487,545,546],{},[38,547,548],{},"'Write a command..'",[487,550,551,500,554,556],{},[38,552,553],{},"string",[502,555],{}," Placeholder text for the search input",[469,558,559,564,566],{},[487,560,561],{},[38,562,563],{},"loading",[487,565,494],{},[487,567,568,500,570,572],{},[38,569,499],{},[502,571],{}," Replaces the search icon with a spinner",[458,574,576],{"id":575},"models","Models",[463,578,579,592],{},[466,580,581],{},[469,582,583,585,587,589],{},[472,584,474],{},[472,586,477],{},[472,588,480],{},[472,590,591],{},"Description",[482,593,594,613],{},[469,595,596,601,606,610],{},[487,597,598],{},[38,599,600],{},"search",[487,602,603],{},[38,604,605],{},"''",[487,607,608],{},[38,609,553],{},[487,611,612],{},"Two-way binding for the current search input value",[469,614,615,620,625,630],{},[487,616,617],{},[38,618,619],{},"group",[487,621,622],{},[38,623,624],{},"'All'",[487,626,627],{},[38,628,629],{},"string | null",[487,631,632],{},"Two-way binding for the currently active group filter",[458,634,636],{"id":635},"events","Events",[463,638,639,650],{},[466,640,641],{},[469,642,643,645,648],{},[472,644,474],{},[472,646,647],{},"Payload",[472,649,591],{},[482,651,652],{},[469,653,654,659,661],{},[487,655,656],{},[38,657,658],{},"close",[487,660,494],{},[487,662,663,664,667],{},"Emitted when ",[38,665,666],{},"Esc"," is pressed or the close button is clicked",[458,669,671],{"id":670},"slots","Slots",[23,673,674],{},"The component allows you to fully customize the icon, command item or even replacing the entire command list (note that you will have to implement all the listing functionality yourself in that case).",[463,676,677,687],{},[466,678,679],{},[469,680,681,683,685],{},[472,682,474],{},[472,684,461],{},[472,686,591],{},[482,688,689,704,719],{},[469,690,691,696,701],{},[487,692,693],{},[38,694,695],{},"default",[487,697,698],{},[38,699,700],{},"{ commands: Record\u003Cstring, Command[]> }",[487,702,703],{},"Overrides the entire result list. Receives grouped results",[469,705,706,711,716],{},[487,707,708],{},[38,709,710],{},"command",[487,712,713],{},[38,714,715],{},"{ command: Command, group: string }",[487,717,718],{},"Overrides the rendering of an individual command item",[469,720,721,726,731],{},[487,722,723],{},[38,724,725],{},"icon",[487,727,728],{},[38,729,730],{},"{ command: Command }",[487,732,733],{},"Overrides the icon inside the default command item layout",[735,736,737],"commands-custom-example",{},[31,738,740],{"className":33,"code":739,"language":35,"meta":36,"style":36},"\u003Ctemplate>\n  \u003CCommands :open=\"isOpen\" :commands=\"commands\" @close=\"isOpen = false\">\n    \u003C!-- Override just the icon based on the command's group -->\n    \u003Ctemplate #icon=\"{ command }\">\n      \u003Cspan>\n        {{ command.group === 'File' ? '📄' : command.group === 'Navigation' ? '🧭' : '🎨' }}\n      \u003C\u002Fspan>\n    \u003C\u002Ftemplate>\n\n    \u003C!-- Override the entire command row -->\n    \u003Ctemplate #command=\"{ command }\">\n      \u003Cbutton @click=\"command.handler\">\n        \u003Cspan>\n          {{ command.group === 'File' ? '📄' : command.group === 'Navigation' ? '🧭' : '🎨' }}\n        \u003C\u002Fspan>\n        \u003Cspan>\n          \u003Cstrong>{{ command.title }}\u003C\u002Fstrong>\n          \u003Cp v-if=\"command.description\">{{ command.description }}\u003C\u002Fp>\n        \u003C\u002Fspan>\n        \u003Cspan v-if=\"command.group\">{{ command.group }}\u003C\u002Fspan>\n      \u003C\u002Fbutton>\n    \u003C\u002Ftemplate>\n  \u003C\u002FCommands>\n\u003C\u002Ftemplate>\n",[38,741,742,750,791,796,823,832,837,846,855,859,864,888,908,917,922,931,939,959,988,996,1024,1032,1040,1048],{"__ignoreMap":36},[41,743,744,746,748],{"class":43,"line":44},[41,745,48],{"class":47},[41,747,313],{"class":51},[41,749,75],{"class":47},[41,751,752,754,756,759,761,763,765,767,770,772,774,776,778,781,783,785,787,789],{"class":43,"line":78},[41,753,321],{"class":47},[41,755,14],{"class":51},[41,757,758],{"class":55}," :open",[41,760,62],{"class":47},[41,762,66],{"class":65},[41,764,145],{"class":69},[41,766,66],{"class":65},[41,768,769],{"class":55}," :commands",[41,771,62],{"class":47},[41,773,66],{"class":65},[41,775,21],{"class":69},[41,777,66],{"class":65},[41,779,780],{"class":55}," @close",[41,782,62],{"class":47},[41,784,66],{"class":65},[41,786,439],{"class":69},[41,788,66],{"class":65},[41,790,75],{"class":47},[41,792,793],{"class":43,"line":111},[41,794,795],{"class":283},"    \u003C!-- Override just the icon based on the command's group -->\n",[41,797,798,801,803,806,808,810,812,815,817,819,821],{"class":43,"line":131},[41,799,800],{"class":47},"    \u003C",[41,802,313],{"class":51},[41,804,805],{"class":47}," #",[41,807,725],{"class":151},[41,809,62],{"class":47},[41,811,66],{"class":47},[41,813,814],{"class":47},"{ ",[41,816,710],{"class":55},[41,818,96],{"class":47},[41,820,66],{"class":47},[41,822,75],{"class":47},[41,824,825,828,830],{"class":43,"line":138},[41,826,827],{"class":47},"      \u003C",[41,829,41],{"class":51},[41,831,75],{"class":47},[41,833,834],{"class":43,"line":163},[41,835,836],{"class":344},"        {{ command.group === 'File' ? '📄' : command.group === 'Navigation' ? '🧭' : '🎨' }}\n",[41,838,839,842,844],{"class":43,"line":181},[41,840,841],{"class":47},"      \u003C\u002F",[41,843,41],{"class":51},[41,845,75],{"class":47},[41,847,848,851,853],{"class":43,"line":186},[41,849,850],{"class":47},"    \u003C\u002F",[41,852,313],{"class":51},[41,854,75],{"class":47},[41,856,857],{"class":43,"line":198},[41,858,135],{"emptyLinePlaceholder":134},[41,860,861],{"class":43,"line":204},[41,862,863],{"class":283},"    \u003C!-- Override the entire command row -->\n",[41,865,866,868,870,872,874,876,878,880,882,884,886],{"class":43,"line":225},[41,867,800],{"class":47},[41,869,313],{"class":51},[41,871,805],{"class":47},[41,873,710],{"class":151},[41,875,62],{"class":47},[41,877,66],{"class":47},[41,879,814],{"class":47},[41,881,710],{"class":55},[41,883,96],{"class":47},[41,885,66],{"class":47},[41,887,75],{"class":47},[41,889,890,892,895,897,899,901,904,906],{"class":43,"line":242},[41,891,827],{"class":47},[41,893,894],{"class":51},"button",[41,896,327],{"class":55},[41,898,62],{"class":47},[41,900,66],{"class":65},[41,902,903],{"class":69},"command.handler",[41,905,66],{"class":65},[41,907,75],{"class":47},[41,909,910,913,915],{"class":43,"line":259},[41,911,912],{"class":47},"        \u003C",[41,914,41],{"class":51},[41,916,75],{"class":47},[41,918,919],{"class":43,"line":274},[41,920,921],{"class":344},"          {{ command.group === 'File' ? '📄' : command.group === 'Navigation' ? '🧭' : '🎨' }}\n",[41,923,924,927,929],{"class":43,"line":280},[41,925,926],{"class":47},"        \u003C\u002F",[41,928,41],{"class":51},[41,930,75],{"class":47},[41,932,933,935,937],{"class":43,"line":287},[41,934,912],{"class":47},[41,936,41],{"class":51},[41,938,75],{"class":47},[41,940,941,944,947,950,953,955,957],{"class":43,"line":293},[41,942,943],{"class":47},"          \u003C",[41,945,946],{"class":51},"strong",[41,948,949],{"class":47},">",[41,951,952],{"class":344},"{{ command.title }}",[41,954,296],{"class":47},[41,956,946],{"class":51},[41,958,75],{"class":47},[41,960,961,963,965,968,970,972,975,977,979,982,984,986],{"class":43,"line":303},[41,962,943],{"class":47},[41,964,23],{"class":51},[41,966,967],{"class":55}," v-if",[41,969,62],{"class":47},[41,971,66],{"class":65},[41,973,974],{"class":69},"command.description",[41,976,66],{"class":65},[41,978,949],{"class":47},[41,980,981],{"class":344},"{{ command.description }}",[41,983,296],{"class":47},[41,985,23],{"class":51},[41,987,75],{"class":47},[41,989,990,992,994],{"class":43,"line":308},[41,991,926],{"class":47},[41,993,41],{"class":51},[41,995,75],{"class":47},[41,997,998,1000,1002,1004,1006,1008,1011,1013,1015,1018,1020,1022],{"class":43,"line":318},[41,999,912],{"class":47},[41,1001,41],{"class":51},[41,1003,967],{"class":55},[41,1005,62],{"class":47},[41,1007,66],{"class":65},[41,1009,1010],{"class":69},"command.group",[41,1012,66],{"class":65},[41,1014,949],{"class":47},[41,1016,1017],{"class":344},"{{ command.group }}",[41,1019,296],{"class":47},[41,1021,41],{"class":51},[41,1023,75],{"class":47},[41,1025,1026,1028,1030],{"class":43,"line":341},[41,1027,841],{"class":47},[41,1029,894],{"class":51},[41,1031,75],{"class":47},[41,1033,1034,1036,1038],{"class":43,"line":348},[41,1035,850],{"class":47},[41,1037,313],{"class":51},[41,1039,75],{"class":47},[41,1041,1042,1044,1046],{"class":43,"line":358},[41,1043,351],{"class":47},[41,1045,14],{"class":51},[41,1047,75],{"class":47},[41,1049,1050,1052,1054],{"class":43,"line":392},[41,1051,296],{"class":47},[41,1053,313],{"class":51},[41,1055,75],{"class":47},[458,1057,1058],{"id":710},"Command",[23,1060,1061,1062,1064],{},"Each entry in the ",[38,1063,21],{}," array must conform to this interface:",[463,1066,1067,1078],{},[466,1068,1069],{},[469,1070,1071,1074,1076],{},[472,1072,1073],{},"Property",[472,1075,480],{},[472,1077,591],{},[482,1079,1080,1094,1109,1124,1137,1151,1181,1195],{},[469,1081,1082,1087,1091],{},[487,1083,1084],{},[38,1085,1086],{},"title",[487,1088,1089],{},[38,1090,553],{},[487,1092,1093],{},"The display name of the command",[469,1095,1096,1101,1106],{},[487,1097,1098],{},[38,1099,1100],{},"description",[487,1102,1103],{},[38,1104,1105],{},"string?",[487,1107,1108],{},"Optional secondary text shown below the title",[469,1110,1111,1116,1121],{},[487,1112,1113],{},[38,1114,1115],{},"keywords",[487,1117,1118],{},[38,1119,1120],{},"string[]?",[487,1122,1123],{},"Optional list of additional keywords associated with the command. Not shown in the UI, but matched against the search query to improve discoverability",[469,1125,1126,1130,1134],{},[487,1127,1128],{},[38,1129,619],{},[487,1131,1132],{},[38,1133,1105],{},[487,1135,1136],{},"Optional group label. Commands without a group are collected under \"Other\"",[469,1138,1139,1143,1148],{},[487,1140,1141],{},[38,1142,725],{},[487,1144,1145],{},[38,1146,1147],{},"VNode?",[487,1149,1150],{},"Optional icon component to show on the left side of the command. Please note this field assumes the developer is providing a component as-is without any props.",[469,1152,1153,1158,1162],{},[487,1154,1155],{},[38,1156,1157],{},"shortcut",[487,1159,1160],{},[38,1161,1105],{},[487,1163,1164,1165,1168,1169,1172,1173,1180],{},"Optional keyboard shortcut string (e.g. ",[38,1166,1167],{},"'Ctrl+K'","). Keys are split by ",[38,1170,1171],{},"+"," and rendered as ",[1174,1175,1177],"a",{"href":1176},"\u002Fdocs\u002Fcomponents\u002Fkbd",[38,1178,1179],{},"Kbd"," elements. The shortcut is also registered as a global listener while the palette is open",[469,1182,1183,1188,1192],{},[487,1184,1185],{},[38,1186,1187],{},"href",[487,1189,1190],{},[38,1191,1105],{},[487,1193,1194],{},"If provided, selecting the command will open this URL in a new tab",[469,1196,1197,1202,1207],{},[487,1198,1199],{},[38,1200,1201],{},"handler",[487,1203,1204],{},[38,1205,1206],{},"(() => void)?",[487,1208,1209,1210],{},"Function to call when the command is selected. Takes precedence over ",[38,1211,1187],{},[458,1213,1215],{"id":1214},"features","Features",[1217,1218,1219,1226,1232,1253,1259,1265],"ul",{},[1220,1221,1222,1225],"li",{},[946,1223,1224],{},"Search"," — Filters commands by title, description, group, or href as you type.",[1220,1227,1228,1231],{},[946,1229,1230],{},"Group filtering"," — A scrollable row of group badges lets users narrow results to a single group.",[1220,1233,1234,1237,1238,1241,1242,1245,1246,1249,1250,1252],{},[946,1235,1236],{},"Keyboard navigation"," — Use ",[38,1239,1240],{},"↑"," \u002F ",[38,1243,1244],{},"↓"," to move between results, ",[38,1247,1248],{},"Enter"," to select, and ",[38,1251,666],{}," to close.",[1220,1254,1255,1258],{},[946,1256,1257],{},"Shortcut keys"," — Shortcuts defined on commands are registered as global key listeners while the component is mounted.",[1220,1260,1261,1264],{},[946,1262,1263],{},"Auto-scroll"," — The focused item is automatically scrolled into view.",[1220,1266,1267,1270,1271,1273],{},[946,1268,1269],{},"Mobile"," — A dedicated close button is shown on small screens instead of relying solely on ",[38,1272,666],{},".",[1275,1276,1278],"h3",{"id":1277},"tokens","Tokens",[23,1280,1281],{},"CSS variable tokens used for global or per-instance manipulation of certain styling.",[463,1283,1284,1295],{},[466,1285,1286],{},[469,1287,1288,1291,1293],{},[472,1289,1290],{},"Token",[472,1292,477],{},[472,1294,591],{},[482,1296,1297,1312],{},[469,1298,1299,1304,1309],{},[487,1300,1301],{},[38,1302,1303],{},"--vui-commands-input-size",[487,1305,1306],{},[38,1307,1308],{},"56px",[487,1310,1311],{},"Input bar height",[469,1313,1314,1319,1324],{},[487,1315,1316],{},[38,1317,1318],{},"--vui-commands-max-height",[487,1320,1321],{},[38,1322,1323],{},"612px",[487,1325,1326],{},"Max height of the results list",[1328,1329,1330],"style",{},"html pre.shiki code .sP76a, html code.shiki .sP76a{--shiki-dark:#666666;--shiki-light:#999999;--shiki-default:#666666}html pre.shiki code .sKpE2, html code.shiki .sKpE2{--shiki-dark:#4D9375;--shiki-light:#1E754F;--shiki-default:#4D9375}html pre.shiki code .sflEz, html code.shiki .sflEz{--shiki-dark:#BD976A;--shiki-light:#B07D48;--shiki-default:#BD976A}html pre.shiki code .sBR95, html code.shiki .sBR95{--shiki-dark:#C98A7D77;--shiki-light:#B5695977;--shiki-default:#C98A7D77}html pre.shiki code .sfmH-, html code.shiki .sfmH-{--shiki-dark:#C98A7D;--shiki-light:#B56959;--shiki-default:#C98A7D}html pre.shiki code .sCMWV, html code.shiki .sCMWV{--shiki-dark:#CB7676;--shiki-light:#AB5959;--shiki-default:#CB7676}html pre.shiki code .sRTv0, html code.shiki .sRTv0{--shiki-dark:#80A665;--shiki-light:#59873A;--shiki-default:#80A665}html pre.shiki code .sDB6b, html code.shiki .sDB6b{--shiki-dark:#B8A965;--shiki-light:#998418;--shiki-default:#B8A965}html pre.shiki code .sR5Ys, html code.shiki .sR5Ys{--shiki-dark:#758575DD;--shiki-light:#A0ADA0;--shiki-default:#758575DD}html pre.shiki code .sX1ls, html code.shiki .sX1ls{--shiki-dark:#DBD7CAEE;--shiki-light:#393A34;--shiki-default:#DBD7CAEE}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);}html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}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);}",{"title":36,"searchDepth":78,"depth":78,"links":1332},[1333,1334,1335,1336,1337,1338],{"id":460,"depth":78,"text":461},{"id":575,"depth":78,"text":576},{"id":635,"depth":78,"text":636},{"id":670,"depth":78,"text":671},{"id":710,"depth":78,"text":1058},{"id":1214,"depth":78,"text":1215,"children":1339},[1340],{"id":1277,"depth":111,"text":1278},"md",{},"\u002Fdocs\u002Fcomponents\u002Fcommands",{"title":14,"description":25},"docs\u002Fcomponents\u002Fcommands","Z4D0iH-iRLGCzsNkrHbezOjqKJIisTpPhB53mtkMhb4",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":1348},"\u003Cpath fill=\"currentColor\" d=\"M69.12 94.15L28.5 128l40.62 33.85a8 8 0 1 1-10.24 12.29l-48-40a8 8 0 0 1 0-12.29l48-40a8 8 0 0 1 10.24 12.3m176 27.7l-48-40a8 8 0 1 0-10.24 12.3L227.5 128l-40.62 33.85a8 8 0 1 0 10.24 12.29l48-40a8 8 0 0 0 0-12.29m-82.39-89.37a8 8 0 0 0-10.25 4.79l-64 176a8 8 0 0 0 4.79 10.26A8.1 8.1 0 0 0 96 224a8 8 0 0 0 7.52-5.27l64-176a8 8 0 0 0-4.79-10.25\"\u002F>",1782200882511]