[{"data":1,"prerenderedAt":767},["ShallowReactive",2],{"docs-nav-pkg":3,"docs-page-pkg-\u002Fpkg\u002Ficon-picker":133},[4,8,12,15,18,21,24,27,30,33,36,39,42,45,48,51,54,57,60,63,66,69,72,75,78,81,84,87,90,93,96,99,102,105,108,111,114,117,121,124,127,130],{"path":5,"title":6,"section":7},"\u002Fpkg","Overview","Start",{"path":9,"title":10,"section":11},"\u002Fpkg\u002Faccordion","Accordion","Components",{"path":13,"title":14,"section":11},"\u002Fpkg\u002Falert-dialog","Alert Dialog",{"path":16,"title":17,"section":11},"\u002Fpkg\u002Fautocomplete","Autocomplete",{"path":19,"title":20,"section":11},"\u002Fpkg\u002Favatar","Avatar",{"path":22,"title":23,"section":11},"\u002Fpkg\u002Fbutton","Button",{"path":25,"title":26,"section":11},"\u002Fpkg\u002Fcheckbox","Checkbox",{"path":28,"title":29,"section":11},"\u002Fpkg\u002Fcheckbox-group","Checkbox Group",{"path":31,"title":32,"section":11},"\u002Fpkg\u002Fcollapsible","Collapsible",{"path":34,"title":35,"section":11},"\u002Fpkg\u002Fcombobox","Combobox",{"path":37,"title":38,"section":11},"\u002Fpkg\u002Fcontext-menu","Context Menu",{"path":40,"title":41,"section":11},"\u002Fpkg\u002Fdialog","Dialog",{"path":43,"title":44,"section":11},"\u002Fpkg\u002Fdrawer","Drawer",{"path":46,"title":47,"section":11},"\u002Fpkg\u002Ffield","Field",{"path":49,"title":50,"section":11},"\u002Fpkg\u002Ffieldset","Fieldset",{"path":52,"title":53,"section":11},"\u002Fpkg\u002Fform","Form",{"path":55,"title":56,"section":11},"\u002Fpkg\u002Ficon-picker","Icon picker",{"path":58,"title":59,"section":11},"\u002Fpkg\u002Finput","Input",{"path":61,"title":62,"section":11},"\u002Fpkg\u002Fmenu","Menu",{"path":64,"title":65,"section":11},"\u002Fpkg\u002Fmenubar","Menubar",{"path":67,"title":68,"section":11},"\u002Fpkg\u002Fmeter","Meter",{"path":70,"title":71,"section":11},"\u002Fpkg\u002Fnavigation-menu","Navigation Menu",{"path":73,"title":74,"section":11},"\u002Fpkg\u002Fnumber-field","Number Field",{"path":76,"title":77,"section":11},"\u002Fpkg\u002Fotp-field","OTP Field",{"path":79,"title":80,"section":11},"\u002Fpkg\u002Fplot","Plot",{"path":82,"title":83,"section":11},"\u002Fpkg\u002Fpopover","Popover",{"path":85,"title":86,"section":11},"\u002Fpkg\u002Fpreview-card","Preview Card",{"path":88,"title":89,"section":11},"\u002Fpkg\u002Fprogress","Progress",{"path":91,"title":92,"section":11},"\u002Fpkg\u002Fradio-group","Radio Group",{"path":94,"title":95,"section":11},"\u002Fpkg\u002Fscroll-area","Scroll Area",{"path":97,"title":98,"section":11},"\u002Fpkg\u002Fselect","Select",{"path":100,"title":101,"section":11},"\u002Fpkg\u002Fseparator","Separator",{"path":103,"title":104,"section":11},"\u002Fpkg\u002Fsidebar","Sidebar",{"path":106,"title":107,"section":11},"\u002Fpkg\u002Fslider","Slider",{"path":109,"title":110,"section":11},"\u002Fpkg\u002Fswitch","Switch",{"path":112,"title":113,"section":11},"\u002Fpkg\u002Ftabs","Tabs",{"path":115,"title":116,"section":11},"\u002Fpkg\u002Ftoast","Toast",{"path":118,"title":119,"section":120},"\u002Fpkg\u002Fapi","Api","Runtime",{"path":122,"title":123,"section":120},"\u002Fpkg\u002Fauth","Auth",{"path":125,"title":126,"section":120},"\u002Fpkg\u002Fblob","Blob",{"path":128,"title":129,"section":120},"\u002Fpkg\u002Fchannels","Channels",{"path":131,"title":132,"section":120},"\u002Fpkg\u002Fdb","Db",{"id":134,"title":56,"body":135,"description":760,"extension":761,"meta":762,"navigation":763,"path":55,"section":11,"seo":764,"stem":765,"__hash__":766},"pkg\u002Fpkg\u002Ficon-picker.md",{"type":136,"value":137,"toc":749},"minimark",[138,155,158,163,298,304,308,383,386,390,394,400,524,569,572,578,611,614,620,656,659,670,702,706,709,745],[139,140,141,142,146,147,150,151,154],"p",{},"A control for choosing one Lucide icon. The value is the icon’s kebab-case name, such as ",[143,144,145],"code",{},"map"," or ",[143,148,149],{},"a-arrow-down",". The trigger and search field match Input: no border, a wash unless ",[143,152,153],{},"inline",", and a lightness shift on hover and focus. A highlighted icon shows the accent dot. The trigger value is Regular and secondary text is Light.",[156,157],"base-icon-picker-demo",{},[159,160,162],"h2",{"id":161},"anatomy","Anatomy",[164,165,170],"pre",{"className":166,"code":167,"language":168,"meta":169,"style":169},"language-vue shiki shiki-themes github-light github-dark","\u003CUiIconPickerRoot v-model:value=\"icon\">\n  \u003CUiIconPickerTrigger>\n    \u003CUiIconPickerValue \u002F>\n  \u003C\u002FUiIconPickerTrigger>\n  \u003CUiIconPickerPortal>\n    \u003CUiIconPickerPositioner>\n      \u003CUiIconPickerPopup>\n        \u003CUiIconPickerInput \u002F>\n        \u003CUiIconPickerClear \u002F>\n        \u003CUiIconPickerGrid \u002F>\n        \u003CUiIconPickerEmpty \u002F>\n      \u003C\u002FUiIconPickerPopup>\n    \u003C\u002FUiIconPickerPositioner>\n  \u003C\u002FUiIconPickerPortal>\n\u003C\u002FUiIconPickerRoot>\n","vue","",[143,171,172,210,216,222,228,234,240,246,252,258,264,270,276,282,288],{"__ignoreMap":169},[173,174,177,181,185,189,192,195,198,202,205,207],"span",{"class":175,"line":176},"line",1,[173,178,180],{"class":179},"sVt8B","\u003C",[173,182,184],{"class":183},"s9eBZ","UiIconPickerRoot",[173,186,188],{"class":187},"sScJk"," v-model",[173,190,191],{"class":179},":",[173,193,194],{"class":187},"value",[173,196,197],{"class":179},"=",[173,199,201],{"class":200},"sZZnC","\"",[173,203,204],{"class":179},"icon",[173,206,201],{"class":200},[173,208,209],{"class":179},">\n",[173,211,213],{"class":175,"line":212},2,[173,214,215],{"class":179},"  \u003CUiIconPickerTrigger>\n",[173,217,219],{"class":175,"line":218},3,[173,220,221],{"class":179},"    \u003CUiIconPickerValue \u002F>\n",[173,223,225],{"class":175,"line":224},4,[173,226,227],{"class":179},"  \u003C\u002FUiIconPickerTrigger>\n",[173,229,231],{"class":175,"line":230},5,[173,232,233],{"class":179},"  \u003CUiIconPickerPortal>\n",[173,235,237],{"class":175,"line":236},6,[173,238,239],{"class":179},"    \u003CUiIconPickerPositioner>\n",[173,241,243],{"class":175,"line":242},7,[173,244,245],{"class":179},"      \u003CUiIconPickerPopup>\n",[173,247,249],{"class":175,"line":248},8,[173,250,251],{"class":179},"        \u003CUiIconPickerInput \u002F>\n",[173,253,255],{"class":175,"line":254},9,[173,256,257],{"class":179},"        \u003CUiIconPickerClear \u002F>\n",[173,259,261],{"class":175,"line":260},10,[173,262,263],{"class":179},"        \u003CUiIconPickerGrid \u002F>\n",[173,265,267],{"class":175,"line":266},11,[173,268,269],{"class":179},"        \u003CUiIconPickerEmpty \u002F>\n",[173,271,273],{"class":175,"line":272},12,[173,274,275],{"class":179},"      \u003C\u002FUiIconPickerPopup>\n",[173,277,279],{"class":175,"line":278},13,[173,280,281],{"class":179},"    \u003C\u002FUiIconPickerPositioner>\n",[173,283,285],{"class":175,"line":284},14,[173,286,287],{"class":179},"  \u003C\u002FUiIconPickerPortal>\n",[173,289,291,294,296],{"class":175,"line":290},15,[173,292,293],{"class":179},"\u003C\u002F",[173,295,184],{"class":183},[173,297,209],{"class":179},[139,299,300,303],{},[143,301,302],{},"UiIconPickerGlyph"," draws a name on its own, outside the picker.",[159,305,307],{"id":306},"parts","Parts",[309,310,311,333,339,345,351,357,362,371,377],"ul",{},[312,313,314,318,319,321,322,325,326,328,329,332],"li",{},[315,316,317],"strong",{},"Root"," — owns ",[143,320,194],{}," \u002F ",[143,323,324],{},"open"," and the Lucide catalog. ",[143,327,194],{}," is a kebab-case name or ",[143,330,331],{},"null",".",[312,334,335,338],{},[315,336,337],{},"Trigger"," — opens the popup. Arrow Down, Enter, and Space open it. The default slot is the current icon, or a dashed mark when empty.",[312,340,341,344],{},[315,342,343],{},"Value"," — the current icon, or the word Icon when nothing is selected.",[312,346,347,350],{},[315,348,349],{},"Glyph"," — the SVG for a name. Safe to use without the rest of the picker.",[312,352,353,356],{},[315,354,355],{},"Portal \u002F Positioner \u002F Popup"," — a dialog anchored to the trigger. Esc and an outside click close it. No drop-shadow.",[312,358,359,361],{},[315,360,59],{}," — filters names. Arrow keys move through the grid. Enter selects.",[312,363,364,367,368,370],{},[315,365,366],{},"Clear"," — sets the value to ",[143,369,331],{},". Hidden when nothing is selected.",[312,372,373,376],{},[315,374,375],{},"Grid \u002F Item"," — the matching icons. The grid only paints the rows in view.",[312,378,379,382],{},[315,380,381],{},"Empty"," — shown when the filter matches nothing.",[139,384,385],{},"Aliases are included in search, and the grid shows the current name.",[159,387,389],{"id":388},"api-reference","API reference",[391,392,317],"h3",{"id":393},"root",[139,395,396,397,332],{},"Groups the parts. Renders a ",[143,398,399],{},"\u003Cdiv>",[401,402,403,422],"table",{},[404,405,406],"thead",{},[407,408,409,413,416,419],"tr",{},[410,411,412],"th",{},"Prop",[410,414,415],{},"Type",[410,417,418],{},"Default",[410,420,421],{},"Description",[423,424,425,445,465,485,503],"tbody",{},[407,426,427,433,438,442],{},[428,429,430],"td",{},[143,431,432],{},"defaultValue",[428,434,435],{},[143,436,437],{},"string | null",[428,439,440],{},[143,441,331],{},[428,443,444],{},"Uncontrolled icon name.",[407,446,447,451,455,458],{},[428,448,449],{},[143,450,194],{},[428,452,453],{},[143,454,437],{},[428,456,457],{},"—",[428,459,460,461,464],{},"Controlled icon name (",[143,462,463],{},"v-model:value",").",[407,466,467,472,477,482],{},[428,468,469],{},[143,470,471],{},"defaultOpen",[428,473,474],{},[143,475,476],{},"boolean",[428,478,479],{},[143,480,481],{},"false",[428,483,484],{},"Uncontrolled popup.",[407,486,487,491,495,497],{},[428,488,489],{},[143,490,324],{},[428,492,493],{},[143,494,476],{},[428,496,457],{},[428,498,499,500,464],{},"Controlled popup (",[143,501,502],{},"v-model:open",[407,504,505,510,514,518],{},[428,506,507],{},[143,508,509],{},"disabled",[428,511,512],{},[143,513,476],{},[428,515,516],{},[143,517,481],{},[428,519,520,521,332],{},"Ignore interaction. Sets ",[143,522,523],{},"data-disabled",[401,525,526,537],{},[404,527,528],{},[407,529,530,533,535],{},[410,531,532],{},"Event",[410,534,415],{},[410,536,421],{},[423,538,539,554],{},[407,540,541,546,551],{},[428,542,543],{},[143,544,545],{},"@update:value",[428,547,548],{},[143,549,550],{},"(value: string | null) => void",[428,552,553],{},"The chosen name changed.",[407,555,556,561,566],{},[428,557,558],{},[143,559,560],{},"@update:open",[428,562,563],{},[143,564,565],{},"(open: boolean) => void",[428,567,568],{},"The popup opened or closed.",[391,570,337],{"id":571},"trigger",[139,573,574,575,332],{},"Button that opens the popup. Renders a ",[143,576,577],{},"\u003Cbutton>",[401,579,580,589],{},[404,581,582],{},[407,583,584,587],{},[410,585,586],{},"Attribute",[410,588,421],{},[423,590,591,601],{},[407,592,593,598],{},[428,594,595],{},[143,596,597],{},"data-popup-open",[428,599,600],{},"Present when the popup is open.",[407,602,603,608],{},[428,604,605],{},[143,606,607],{},"data-placeholder",[428,609,610],{},"Present when nothing is selected.",[391,612,59],{"id":613},"input",[139,615,616,617,332],{},"Filter field. Renders an ",[143,618,619],{},"\u003Cinput>",[401,621,622,634],{},[404,623,624],{},[407,625,626,628,630,632],{},[410,627,412],{},[410,629,415],{},[410,631,418],{},[410,633,421],{},[423,635,636],{},[407,637,638,643,648,653],{},[428,639,640],{},[143,641,642],{},"placeholder",[428,644,645],{},[143,646,647],{},"string",[428,649,650],{},[143,651,652],{},"Search icons",[428,654,655],{},"Placeholder text.",[391,657,349],{"id":658},"glyph",[139,660,661,662,665,666,669],{},"Draws one icon. Renders a ",[143,663,664],{},"\u003Cspan>"," containing the SVG. Pass ",[143,667,668],{},"name",", or leave it empty inside Root to draw the current value.",[401,671,672,684],{},[404,673,674],{},[407,675,676,678,680,682],{},[410,677,412],{},[410,679,415],{},[410,681,418],{},[410,683,421],{},[423,685,686],{},[407,687,688,692,696,699],{},[428,689,690],{},[143,691,668],{},[428,693,694],{},[143,695,437],{},[428,697,698],{},"current value",[428,700,701],{},"Lucide name to draw.",[391,703,705],{"id":704},"positioner","Positioner",[139,707,708],{},"Pins the popup to the trigger. Flips above the trigger when there is no room below.",[401,710,711,723],{},[404,712,713],{},[407,714,715,717,719,721],{},[410,716,412],{},[410,718,415],{},[410,720,418],{},[410,722,421],{},[423,724,725],{},[407,726,727,732,737,742],{},[428,728,729],{},[143,730,731],{},"sideOffset",[428,733,734],{},[143,735,736],{},"number",[428,738,739],{},[143,740,741],{},"4",[428,743,744],{},"Gap between the trigger and the popup.",[746,747,748],"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 .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":169,"searchDepth":212,"depth":212,"links":750},[751,752,753],{"id":161,"depth":212,"text":162},{"id":306,"depth":212,"text":307},{"id":388,"depth":212,"text":389,"children":754},[755,756,757,758,759],{"id":393,"depth":218,"text":317},{"id":571,"depth":218,"text":337},{"id":613,"depth":218,"text":59},{"id":658,"depth":218,"text":349},{"id":704,"depth":218,"text":705},"A picker for every Lucide icon","md",{},true,{"title":56,"description":760},"pkg\u002Ficon-picker","JuxV-YaqWDMv9n8g4nD1DnyxKH11nBXaikE7yEc5Guk",1791043754848]