[{"data":1,"prerenderedAt":1489},["ShallowReactive",2],{"navigation":3,"\u002Fcomponents\u002Flabel":313,"\u002Fcomponents\u002Flabel-surround":1484},[4,24,41,48,293,298,303,308],{"title":5,"path":6,"stem":7,"children":8,"package":11,"icon":23},"Getting Started","\u002Fgetting-started","1.getting-started\u002F1.index",[9,13,18],{"title":10,"path":6,"stem":7,"package":11,"icon":12},"Introduction",null,"i-lucide-house",{"title":14,"path":15,"stem":16,"package":11,"icon":17},"Installation","\u002Fgetting-started\u002Finstallation","1.getting-started\u002F2.installation","i-lucide-download",{"title":19,"path":20,"stem":21,"package":11,"icon":22},"Icons","\u002Fgetting-started\u002Ficons","1.getting-started\u002F3.icons","i-lucide-sparkles","i-lucide-rocket",{"title":25,"package":11,"icon":26,"path":27,"stem":28,"children":29,"page":40},"Packages","i-lucide-package","\u002Fpackages","2.packages",[30,35],{"title":31,"path":32,"stem":33,"package":11,"icon":34},"@vyui\u002Fcore","\u002Fpackages\u002Fcore","2.packages\u002F1.core","i-lucide-box",{"title":36,"path":37,"stem":38,"package":11,"icon":39},"@vyui\u002Fkit","\u002Fpackages\u002Fkit","2.packages\u002F2.kit","i-lucide-layers",false,{"title":42,"path":43,"stem":44,"children":45,"package":11,"icon":47},"CLI","\u002Fcli","3.cli\u002F1.index",[46],{"title":42,"path":43,"stem":44,"package":11,"icon":47},"i-lucide-terminal",{"title":49,"package":11,"icon":50,"path":51,"stem":52,"children":53},"Components","i-lucide-layout-grid","\u002Fcomponents","3.components",[54,56,62,67,72,77,82,87,92,97,102,107,112,117,122,127,132,136,141,145,150,155,160,165,170,175,180,185,190,195,200,205,210,215,220,225,230,234,238,243,248,253,258,263,268,272,276,280,284,288],{"title":49,"path":51,"stem":55,"package":11,"icon":50},"3.components\u002Findex",{"title":57,"path":58,"stem":59,"package":60,"icon":61},"Accordion","\u002Fcomponents\u002Faccordion","3.components\u002Faccordion","kit","i-lucide-list-collapse",{"title":63,"path":64,"stem":65,"package":60,"icon":66},"Action Sheet","\u002Fcomponents\u002Faction-sheet","3.components\u002Faction-sheet","i-lucide-panel-bottom",{"title":68,"path":69,"stem":70,"package":60,"icon":71},"Alert","\u002Fcomponents\u002Falert","3.components\u002Falert","i-lucide-triangle-alert",{"title":73,"path":74,"stem":75,"package":76,"icon":71},"Alert Dialog","\u002Fcomponents\u002Falert-dialog","3.components\u002Falert-dialog","core",{"title":78,"path":79,"stem":80,"package":60,"icon":81},"Aspect Ratio","\u002Fcomponents\u002Faspect-ratio","3.components\u002Faspect-ratio","i-lucide-ratio",{"title":83,"path":84,"stem":85,"package":60,"icon":86},"Avatar","\u002Fcomponents\u002Favatar","3.components\u002Favatar","i-lucide-circle-user-round",{"title":88,"path":89,"stem":90,"package":60,"icon":91},"Avatar Group","\u002Fcomponents\u002Favatar-group","3.components\u002Favatar-group","i-lucide-users-round",{"title":93,"path":94,"stem":95,"package":60,"icon":96},"Button","\u002Fcomponents\u002Fbutton","3.components\u002Fbutton","i-lucide-square-mouse-pointer",{"title":98,"path":99,"stem":100,"package":60,"icon":101},"Calendar","\u002Fcomponents\u002Fcalendar","3.components\u002Fcalendar","i-lucide-calendar-days",{"title":103,"path":104,"stem":105,"package":60,"icon":106},"Card","\u002Fcomponents\u002Fcard","3.components\u002Fcard","i-lucide-square",{"title":108,"path":109,"stem":110,"package":60,"icon":111},"Checkbox","\u002Fcomponents\u002Fcheckbox","3.components\u002Fcheckbox","i-lucide-square-check",{"title":113,"path":114,"stem":115,"package":76,"icon":116},"Collapsible","\u002Fcomponents\u002Fcollapsible","3.components\u002Fcollapsible","i-lucide-chevrons-down-up",{"title":118,"path":119,"stem":120,"package":76,"icon":121},"Dialog","\u002Fcomponents\u002Fdialog","3.components\u002Fdialog","i-lucide-app-window",{"title":123,"path":124,"stem":125,"package":76,"icon":126},"Draggable","\u002Fcomponents\u002Fdraggable","3.components\u002Fdraggable","i-lucide-move",{"title":128,"path":129,"stem":130,"package":60,"icon":131},"Form","\u002Fcomponents\u002Fform","3.components\u002Fform","i-lucide-clipboard-list",{"title":133,"path":134,"stem":135,"package":76,"icon":22},"Icon","\u002Fcomponents\u002Ficon","3.components\u002Ficon",{"title":137,"path":138,"stem":139,"package":60,"icon":140},"Input","\u002Fcomponents\u002Finput","3.components\u002Finput","i-lucide-text-cursor-input",{"title":142,"path":143,"stem":144,"package":60,"icon":66},"Island","\u002Fcomponents\u002Fisland","3.components\u002Fisland",{"title":146,"path":147,"stem":148,"package":60,"icon":149},"Island Button","\u002Fcomponents\u002Fisland-button","3.components\u002Fisland-button","i-lucide-circle-ellipsis",{"title":151,"path":152,"stem":153,"package":60,"icon":154},"Island Group","\u002Fcomponents\u002Fisland-group","3.components\u002Fisland-group","i-lucide-panels-top-left",{"title":156,"path":157,"stem":158,"package":60,"icon":159},"KeyboardAware","\u002Fcomponents\u002Fkeyboard-aware","3.components\u002Fkeyboard-aware","i-lucide-keyboard",{"title":161,"path":162,"stem":163,"package":60,"icon":164},"Label","\u002Fcomponents\u002Flabel","3.components\u002Flabel","i-lucide-tag",{"title":166,"path":167,"stem":168,"package":60,"icon":169},"Modal","\u002Fcomponents\u002Fmodal","3.components\u002Fmodal","i-lucide-gallery-vertical-end",{"title":171,"path":172,"stem":173,"package":76,"icon":174},"Navigation","\u002Fcomponents\u002Fnavigation","3.components\u002Fnavigation","i-lucide-route",{"title":176,"path":177,"stem":178,"package":60,"icon":179},"Number Field","\u002Fcomponents\u002Fnumber-field","3.components\u002Fnumber-field","i-lucide-list-plus",{"title":181,"path":182,"stem":183,"package":76,"icon":184},"Pagination","\u002Fcomponents\u002Fpagination","3.components\u002Fpagination","i-lucide-ellipsis",{"title":186,"path":187,"stem":188,"package":60,"icon":189},"Pin Input","\u002Fcomponents\u002Fpin-input","3.components\u002Fpin-input","i-lucide-key-round",{"title":191,"path":192,"stem":193,"package":60,"icon":194},"Placeholder","\u002Fcomponents\u002Fplaceholder","3.components\u002Fplaceholder","i-lucide-square-dashed",{"title":196,"path":197,"stem":198,"package":60,"icon":199},"Popover","\u002Fcomponents\u002Fpopover","3.components\u002Fpopover","i-lucide-message-square-more",{"title":201,"path":202,"stem":203,"package":60,"icon":204},"Progress","\u002Fcomponents\u002Fprogress","3.components\u002Fprogress","i-lucide-chart-no-axes-column-increasing",{"title":206,"path":207,"stem":208,"package":60,"icon":209},"Radio Group","\u002Fcomponents\u002Fradio-group","3.components\u002Fradio-group","i-lucide-circle-dot",{"title":211,"path":212,"stem":213,"package":60,"icon":214},"Rating","\u002Fcomponents\u002Frating","3.components\u002Frating","i-lucide-star",{"title":216,"path":217,"stem":218,"package":76,"icon":219},"Scroll View","\u002Fcomponents\u002Fscroll-view","3.components\u002Fscroll-view","i-lucide-scroll",{"title":221,"path":222,"stem":223,"package":60,"icon":224},"Select","\u002Fcomponents\u002Fselect","3.components\u002Fselect","i-lucide-list-check",{"title":226,"path":227,"stem":228,"package":60,"icon":229},"Separator","\u002Fcomponents\u002Fseparator","3.components\u002Fseparator","i-lucide-separator-horizontal",{"title":231,"path":232,"stem":233,"package":76,"icon":66},"Sheet","\u002Fcomponents\u002Fsheet","3.components\u002Fsheet",{"title":235,"path":236,"stem":237,"package":60,"icon":154},"Skeleton","\u002Fcomponents\u002Fskeleton","3.components\u002Fskeleton",{"title":239,"path":240,"stem":241,"package":60,"icon":242},"Slider","\u002Fcomponents\u002Fslider","3.components\u002Fslider","i-lucide-sliders-horizontal",{"title":244,"path":245,"stem":246,"package":60,"icon":247},"Sortable","\u002Fcomponents\u002Fsortable","3.components\u002Fsortable","i-lucide-list-restart",{"title":249,"path":250,"stem":251,"package":60,"icon":252},"Stepper","\u002Fcomponents\u002Fstepper","3.components\u002Fstepper","i-lucide-list-ordered",{"title":254,"path":255,"stem":256,"package":60,"icon":257},"Swipe Action","\u002Fcomponents\u002Fswipe-action","3.components\u002Fswipe-action","i-lucide-move-horizontal",{"title":259,"path":260,"stem":261,"package":60,"icon":262},"Swiper","\u002Fcomponents\u002Fswiper","3.components\u002Fswiper","i-lucide-gallery-horizontal-end",{"title":264,"path":265,"stem":266,"package":60,"icon":267},"Switch","\u002Fcomponents\u002Fswitch","3.components\u002Fswitch","i-lucide-toggle-right",{"title":269,"path":270,"stem":271,"package":60,"icon":154},"Tabs","\u002Fcomponents\u002Ftabs","3.components\u002Ftabs",{"title":273,"path":274,"stem":275,"package":60,"icon":140},"Textarea","\u002Fcomponents\u002Ftextarea","3.components\u002Ftextarea",{"title":277,"path":278,"stem":279,"package":60,"icon":199},"Toast","\u002Fcomponents\u002Ftoast","3.components\u002Ftoast",{"title":281,"path":282,"stem":283,"package":60,"icon":267},"Toggle","\u002Fcomponents\u002Ftoggle","3.components\u002Ftoggle",{"title":285,"path":286,"stem":287,"package":60,"icon":154},"Toggle Group","\u002Fcomponents\u002Ftoggle-group","3.components\u002Ftoggle-group",{"title":289,"path":290,"stem":291,"package":60,"icon":292},"Tray","\u002Fcomponents\u002Ftray","3.components\u002Ftray","i-lucide-square-dashed-bottom",{"title":294,"path":295,"stem":296,"package":11,"icon":297},"Theming","\u002Ftheming","4.theming","i-lucide-palette",{"title":299,"path":300,"stem":301,"package":11,"icon":302},"Accessibility","\u002Faccessibility","5.accessibility","i-lucide-accessibility",{"title":304,"path":305,"stem":306,"package":11,"icon":307},"i18n","\u002Fi18n","6.i18n","i-lucide-languages",{"title":309,"path":310,"stem":311,"package":11,"icon":312},"Roadmap","\u002Froadmap","7.roadmap","i-lucide-map",{"id":314,"title":161,"body":315,"description":1473,"extension":876,"links":1474,"meta":1480,"navigation":1481,"package":60,"path":162,"seo":1482,"stem":163,"__hash__":1483},"docs\u002F3.components\u002Flabel.md",{"type":316,"value":317,"toc":1455},"minimark",[318,323,331,336,340,626,629,634,640,791,794,798,801,962,966,969,1021,1024,1028,1065,1069,1189,1193,1196,1200,1228,1232,1242,1269,1273,1349,1355,1358,1361,1373,1378,1382,1423,1427,1451],[319,320,322],"h2",{"id":321},"overview","Overview",[324,325,326,330],"p",{},[327,328,329],"code",{},"VyLabel"," renders styled text for a form control. It supports four text sizes, a visual required marker, a control identifier, and local or global theme overrides.",[332,333],"component-code",{"height":334,"name":335},"140px","label-example",[319,337,339],{"id":338},"usage","Usage",[341,342,347],"pre",{"className":343,"code":344,"language":345,"meta":346,"style":346},"language-vue shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003Cscript setup lang=\"ts\">\nimport { ref } from 'vue'\nimport { VyInput, VyLabel } from '@vyui\u002Fkit'\n\nconst name = ref('')\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003Cview class=\"flex flex-col gap-2\">\n    \u003CVyLabel for=\"display-name\">Display name\u003C\u002FVyLabel>\n    \u003CVyInput\n      id=\"display-name\"\n      v-model=\"name\"\n      placeholder=\"Ada Lovelace\"\n    \u002F>\n  \u003C\u002Fview>\n\u003C\u002Ftemplate>\n","vue","",[327,348,349,384,412,438,445,468,478,483,493,516,548,556,571,586,601,607,617],{"__ignoreMap":346},[350,351,354,358,362,366,369,372,375,379,381],"span",{"class":352,"line":353},"line",1,[350,355,357],{"class":356},"sMK4o","\u003C",[350,359,361],{"class":360},"swJcz","script",[350,363,365],{"class":364},"spNyl"," setup",[350,367,368],{"class":364}," lang",[350,370,371],{"class":356},"=",[350,373,374],{"class":356},"\"",[350,376,378],{"class":377},"sfazB","ts",[350,380,374],{"class":356},[350,382,383],{"class":356},">\n",[350,385,387,391,394,398,401,404,407,409],{"class":352,"line":386},2,[350,388,390],{"class":389},"s7zQu","import",[350,392,393],{"class":356}," {",[350,395,397],{"class":396},"sTEyZ"," ref",[350,399,400],{"class":356}," }",[350,402,403],{"class":389}," from",[350,405,406],{"class":356}," '",[350,408,345],{"class":377},[350,410,411],{"class":356},"'\n",[350,413,415,417,419,422,425,428,430,432,434,436],{"class":352,"line":414},3,[350,416,390],{"class":389},[350,418,393],{"class":356},[350,420,421],{"class":396}," VyInput",[350,423,424],{"class":356},",",[350,426,427],{"class":396}," VyLabel",[350,429,400],{"class":356},[350,431,403],{"class":389},[350,433,406],{"class":356},[350,435,36],{"class":377},[350,437,411],{"class":356},[350,439,441],{"class":352,"line":440},4,[350,442,444],{"emptyLinePlaceholder":443},true,"\n",[350,446,448,451,454,456,459,462,465],{"class":352,"line":447},5,[350,449,450],{"class":364},"const",[350,452,453],{"class":396}," name ",[350,455,371],{"class":356},[350,457,397],{"class":458},"s2Zo4",[350,460,461],{"class":396},"(",[350,463,464],{"class":356},"''",[350,466,467],{"class":396},")\n",[350,469,471,474,476],{"class":352,"line":470},6,[350,472,473],{"class":356},"\u003C\u002F",[350,475,361],{"class":360},[350,477,383],{"class":356},[350,479,481],{"class":352,"line":480},7,[350,482,444],{"emptyLinePlaceholder":443},[350,484,486,488,491],{"class":352,"line":485},8,[350,487,357],{"class":356},[350,489,490],{"class":360},"template",[350,492,383],{"class":356},[350,494,496,499,502,505,507,509,512,514],{"class":352,"line":495},9,[350,497,498],{"class":356},"  \u003C",[350,500,501],{"class":360},"view",[350,503,504],{"class":364}," class",[350,506,371],{"class":356},[350,508,374],{"class":356},[350,510,511],{"class":377},"flex flex-col gap-2",[350,513,374],{"class":356},[350,515,383],{"class":356},[350,517,519,522,524,527,529,531,534,536,539,542,544,546],{"class":352,"line":518},10,[350,520,521],{"class":356},"    \u003C",[350,523,329],{"class":360},[350,525,526],{"class":364}," for",[350,528,371],{"class":356},[350,530,374],{"class":356},[350,532,533],{"class":377},"display-name",[350,535,374],{"class":356},[350,537,538],{"class":356},">",[350,540,541],{"class":396},"Display name",[350,543,473],{"class":356},[350,545,329],{"class":360},[350,547,383],{"class":356},[350,549,551,553],{"class":352,"line":550},11,[350,552,521],{"class":356},[350,554,555],{"class":360},"VyInput\n",[350,557,559,562,564,566,568],{"class":352,"line":558},12,[350,560,561],{"class":364},"      id",[350,563,371],{"class":356},[350,565,374],{"class":356},[350,567,533],{"class":377},[350,569,570],{"class":356},"\"\n",[350,572,574,577,579,581,584],{"class":352,"line":573},13,[350,575,576],{"class":364},"      v-model",[350,578,371],{"class":356},[350,580,374],{"class":356},[350,582,583],{"class":377},"name",[350,585,570],{"class":356},[350,587,589,592,594,596,599],{"class":352,"line":588},14,[350,590,591],{"class":364},"      placeholder",[350,593,371],{"class":356},[350,595,374],{"class":356},[350,597,598],{"class":377},"Ada Lovelace",[350,600,570],{"class":356},[350,602,604],{"class":352,"line":603},15,[350,605,606],{"class":356},"    \u002F>\n",[350,608,610,613,615],{"class":352,"line":609},16,[350,611,612],{"class":356},"  \u003C\u002F",[350,614,501],{"class":360},[350,616,383],{"class":356},[350,618,620,622,624],{"class":352,"line":619},17,[350,621,473],{"class":356},[350,623,490],{"class":360},[350,625,383],{"class":356},[324,627,628],{},"Use short, specific text that describes the value a user should enter or change.",[630,631,633],"h3",{"id":632},"required","Required",[324,635,636,637,639],{},"Set ",[327,638,632],{}," to append the theme's visual asterisk.",[341,641,643],{"className":343,"code":642,"language":345,"meta":346,"style":346},"\u003Ctemplate>\n  \u003Cview class=\"flex flex-col gap-2\">\n    \u003CVyLabel for=\"email\" required>Email address\u003C\u002FVyLabel>\n    \u003CVyInput id=\"email\" type=\"email\" placeholder=\"you@example.com\" \u002F>\n    \u003Ctext class=\"text-xs text-neutral-500\">Required for account recovery.\u003C\u002Ftext>\n  \u003C\u002Fview>\n\u003C\u002Ftemplate>\n",[327,644,645,653,671,702,746,775,783],{"__ignoreMap":346},[350,646,647,649,651],{"class":352,"line":353},[350,648,357],{"class":356},[350,650,490],{"class":360},[350,652,383],{"class":356},[350,654,655,657,659,661,663,665,667,669],{"class":352,"line":386},[350,656,498],{"class":356},[350,658,501],{"class":360},[350,660,504],{"class":364},[350,662,371],{"class":356},[350,664,374],{"class":356},[350,666,511],{"class":377},[350,668,374],{"class":356},[350,670,383],{"class":356},[350,672,673,675,677,679,681,683,686,688,691,693,696,698,700],{"class":352,"line":414},[350,674,521],{"class":356},[350,676,329],{"class":360},[350,678,526],{"class":364},[350,680,371],{"class":356},[350,682,374],{"class":356},[350,684,685],{"class":377},"email",[350,687,374],{"class":356},[350,689,690],{"class":364}," required",[350,692,538],{"class":356},[350,694,695],{"class":396},"Email address",[350,697,473],{"class":356},[350,699,329],{"class":360},[350,701,383],{"class":356},[350,703,704,706,709,712,714,716,718,720,723,725,727,729,731,734,736,738,741,743],{"class":352,"line":440},[350,705,521],{"class":356},[350,707,708],{"class":360},"VyInput",[350,710,711],{"class":364}," id",[350,713,371],{"class":356},[350,715,374],{"class":356},[350,717,685],{"class":377},[350,719,374],{"class":356},[350,721,722],{"class":364}," type",[350,724,371],{"class":356},[350,726,374],{"class":356},[350,728,685],{"class":377},[350,730,374],{"class":356},[350,732,733],{"class":364}," placeholder",[350,735,371],{"class":356},[350,737,374],{"class":356},[350,739,740],{"class":377},"you@example.com",[350,742,374],{"class":356},[350,744,745],{"class":356}," \u002F>\n",[350,747,748,750,753,755,757,759,762,764,766,769,771,773],{"class":352,"line":447},[350,749,521],{"class":356},[350,751,752],{"class":360},"text",[350,754,504],{"class":364},[350,756,371],{"class":356},[350,758,374],{"class":356},[350,760,761],{"class":377},"text-xs text-neutral-500",[350,763,374],{"class":356},[350,765,538],{"class":356},[350,767,768],{"class":396},"Required for account recovery.",[350,770,473],{"class":356},[350,772,752],{"class":360},[350,774,383],{"class":356},[350,776,777,779,781],{"class":352,"line":470},[350,778,612],{"class":356},[350,780,501],{"class":360},[350,782,383],{"class":356},[350,784,785,787,789],{"class":352,"line":480},[350,786,473],{"class":356},[350,788,490],{"class":360},[350,790,383],{"class":356},[324,792,793],{},"The marker is presentational. Set required or validation state on the control separately and provide a visible error message when validation fails.",[630,795,797],{"id":796},"size","Size",[324,799,800],{},"Choose a size that matches the control and surrounding hierarchy.",[341,802,804],{"className":343,"code":803,"language":345,"meta":346,"style":346},"\u003Ctemplate>\n  \u003Cview class=\"flex flex-col gap-3\">\n    \u003CVyLabel size=\"sm\">Small label\u003C\u002FVyLabel>\n    \u003CVyLabel size=\"md\">Default label\u003C\u002FVyLabel>\n    \u003CVyLabel size=\"lg\">Large label\u003C\u002FVyLabel>\n    \u003CVyLabel size=\"xl\">Extra-large label\u003C\u002FVyLabel>\n  \u003C\u002Fview>\n\u003C\u002Ftemplate>\n",[327,805,806,814,833,862,890,918,946,954],{"__ignoreMap":346},[350,807,808,810,812],{"class":352,"line":353},[350,809,357],{"class":356},[350,811,490],{"class":360},[350,813,383],{"class":356},[350,815,816,818,820,822,824,826,829,831],{"class":352,"line":386},[350,817,498],{"class":356},[350,819,501],{"class":360},[350,821,504],{"class":364},[350,823,371],{"class":356},[350,825,374],{"class":356},[350,827,828],{"class":377},"flex flex-col gap-3",[350,830,374],{"class":356},[350,832,383],{"class":356},[350,834,835,837,839,842,844,846,849,851,853,856,858,860],{"class":352,"line":414},[350,836,521],{"class":356},[350,838,329],{"class":360},[350,840,841],{"class":364}," size",[350,843,371],{"class":356},[350,845,374],{"class":356},[350,847,848],{"class":377},"sm",[350,850,374],{"class":356},[350,852,538],{"class":356},[350,854,855],{"class":396},"Small label",[350,857,473],{"class":356},[350,859,329],{"class":360},[350,861,383],{"class":356},[350,863,864,866,868,870,872,874,877,879,881,884,886,888],{"class":352,"line":440},[350,865,521],{"class":356},[350,867,329],{"class":360},[350,869,841],{"class":364},[350,871,371],{"class":356},[350,873,374],{"class":356},[350,875,876],{"class":377},"md",[350,878,374],{"class":356},[350,880,538],{"class":356},[350,882,883],{"class":396},"Default label",[350,885,473],{"class":356},[350,887,329],{"class":360},[350,889,383],{"class":356},[350,891,892,894,896,898,900,902,905,907,909,912,914,916],{"class":352,"line":447},[350,893,521],{"class":356},[350,895,329],{"class":360},[350,897,841],{"class":364},[350,899,371],{"class":356},[350,901,374],{"class":356},[350,903,904],{"class":377},"lg",[350,906,374],{"class":356},[350,908,538],{"class":356},[350,910,911],{"class":396},"Large label",[350,913,473],{"class":356},[350,915,329],{"class":360},[350,917,383],{"class":356},[350,919,920,922,924,926,928,930,933,935,937,940,942,944],{"class":352,"line":470},[350,921,521],{"class":356},[350,923,329],{"class":360},[350,925,841],{"class":364},[350,927,371],{"class":356},[350,929,374],{"class":356},[350,931,932],{"class":377},"xl",[350,934,374],{"class":356},[350,936,538],{"class":356},[350,938,939],{"class":396},"Extra-large label",[350,941,473],{"class":356},[350,943,329],{"class":360},[350,945,383],{"class":356},[350,947,948,950,952],{"class":352,"line":480},[350,949,612],{"class":356},[350,951,501],{"class":360},[350,953,383],{"class":356},[350,955,956,958,960],{"class":352,"line":485},[350,957,473],{"class":356},[350,959,490],{"class":360},[350,961,383],{"class":356},[630,963,965],{"id":964},"custom-content","Custom content",[324,967,968],{},"The default slot accepts any renderable content, although concise text is the clearest form label.",[341,970,972],{"className":343,"code":971,"language":345,"meta":346,"style":346},"\u003CVyLabel for=\"workspace-name\">\n  \u003Cview class=\"flex flex-row items-center gap-2\">\n    \u003Ctext>Workspace name\u003C\u002Ftext>\n    \u003CVyBadge label=\"Public\" color=\"info\" size=\"sm\" \u002F>\n  \u003C\u002Fview>\n\u003C\u002FVyLabel>\n",[327,973,974,993,998,1003,1008,1013],{"__ignoreMap":346},[350,975,976,978,980,982,984,986,989,991],{"class":352,"line":353},[350,977,357],{"class":356},[350,979,329],{"class":360},[350,981,526],{"class":364},[350,983,371],{"class":356},[350,985,374],{"class":356},[350,987,988],{"class":377},"workspace-name",[350,990,374],{"class":356},[350,992,383],{"class":356},[350,994,995],{"class":352,"line":386},[350,996,997],{"class":396},"  \u003Cview class=\"flex flex-row items-center gap-2\">\n",[350,999,1000],{"class":352,"line":414},[350,1001,1002],{"class":396},"    \u003Ctext>Workspace name\u003C\u002Ftext>\n",[350,1004,1005],{"class":352,"line":440},[350,1006,1007],{"class":396},"    \u003CVyBadge label=\"Public\" color=\"info\" size=\"sm\" \u002F>\n",[350,1009,1010],{"class":352,"line":447},[350,1011,1012],{"class":396},"  \u003C\u002Fview>\n",[350,1014,1015,1017,1019],{"class":352,"line":470},[350,1016,473],{"class":356},[350,1018,329],{"class":360},[350,1020,383],{"class":356},[324,1022,1023],{},"When using a nested layout, verify that its text styles and wrapping remain legible at larger accessibility text sizes.",[319,1025,1027],{"id":1026},"features-and-behavior","Features and behavior",[1029,1030,1031,1041,1047,1052,1055],"ul",{},[1032,1033,1034,1035,1037,1038,1040],"li",{},"Renders the ",[327,1036,31],{}," Label primitive as a Lynx ",[327,1039,752],{}," element by default.",[1032,1042,1043,1046],{},[327,1044,1045],{},"for"," is forwarded to the rendered element.",[1032,1048,1049,1051],{},[327,1050,632],{}," changes only the theme and does not update the associated control.",[1032,1053,1054],{},"The default slot is the only content API.",[1032,1056,1057,1060,1061,1064],{},[327,1058,1059],{},"class"," and ",[327,1062,1063],{},"ui.base"," are merged with the resolved theme classes.",[319,1066,1068],{"id":1067},"props","Props",[1070,1071,1072,1091],"table",{},[1073,1074,1075],"thead",{},[1076,1077,1078,1082,1085,1088],"tr",{},[1079,1080,1081],"th",{},"Prop",[1079,1083,1084],{},"Type",[1079,1086,1087],{},"Default",[1079,1089,1090],{},"Description",[1092,1093,1094,1114,1133,1152,1170],"tbody",{},[1076,1095,1096,1101,1106,1111],{},[1097,1098,1099],"td",{},[327,1100,1045],{},[1097,1102,1103],{},[327,1104,1105],{},"string",[1097,1107,1108],{},[327,1109,1110],{},"undefined",[1097,1112,1113],{},"Identifier of the form control the label describes. Forwarded as an attribute.",[1076,1115,1116,1120,1125,1130],{},[1097,1117,1118],{},[327,1119,796],{},[1097,1121,1122],{},[327,1123,1124],{},"'sm' | 'md' | 'lg' | 'xl'",[1097,1126,1127],{},[327,1128,1129],{},"'md'",[1097,1131,1132],{},"Label text size.",[1076,1134,1135,1139,1144,1149],{},[1097,1136,1137],{},[327,1138,632],{},[1097,1140,1141],{},[327,1142,1143],{},"boolean",[1097,1145,1146],{},[327,1147,1148],{},"false",[1097,1150,1151],{},"Appends a visual red asterisk through the theme.",[1076,1153,1154,1158,1163,1167],{},[1097,1155,1156],{},[327,1157,1059],{},[1097,1159,1160],{},[327,1161,1162],{},"any",[1097,1164,1165],{},[327,1166,1110],{},[1097,1168,1169],{},"Classes merged onto the label element.",[1076,1171,1172,1177,1182,1186],{},[1097,1173,1174],{},[327,1175,1176],{},"ui",[1097,1178,1179],{},[327,1180,1181],{},"Partial\u003CRecord\u003C'base', any>>",[1097,1183,1184],{},[327,1185,1110],{},[1097,1187,1188],{},"Per-instance theme slot override.",[319,1190,1192],{"id":1191},"emits","Emits",[324,1194,1195],{},"This component does not emit events.",[319,1197,1199],{"id":1198},"slots","Slots",[1070,1201,1202,1213],{},[1073,1203,1204],{},[1076,1205,1206,1209,1211],{},[1079,1207,1208],{},"Slot",[1079,1210,1068],{},[1079,1212,1090],{},[1092,1214,1215],{},[1076,1216,1217,1222,1225],{},[1097,1218,1219],{},[327,1220,1221],{},"default",[1097,1223,1224],{},"—",[1097,1226,1227],{},"Label content.",[319,1229,1231],{"id":1230},"styling-and-theming","Styling and theming",[324,1233,1234,1235,1238,1239,1241],{},"Override globally through ",[327,1236,1237],{},"appConfig.ui.label"," or locally with ",[327,1240,1176],{},".",[1070,1243,1244,1254],{},[1073,1245,1246],{},[1076,1247,1248,1251],{},[1079,1249,1250],{},"UI slot",[1079,1252,1253],{},"Purpose",[1092,1255,1256],{},[1076,1257,1258,1263],{},[1097,1259,1260],{},[327,1261,1262],{},"base",[1097,1264,1265,1266,1268],{},"Font weight, foreground color, selection behavior, size, and required marker. The ",[327,1267,1059],{}," prop is also merged here.",[630,1270,1272],{"id":1271},"theme-variants","Theme variants",[1070,1274,1275,1290],{},[1073,1276,1277],{},[1076,1278,1279,1282,1285,1287],{},[1079,1280,1281],{},"Variant",[1079,1283,1284],{},"Values",[1079,1286,1087],{},[1079,1288,1289],{},"Effect",[1092,1291,1292,1329],{},[1076,1293,1294,1298,1309,1313],{},[1097,1295,1296],{},[327,1297,796],{},[1097,1299,1300,1302,1303,1302,1305,1302,1307],{},[327,1301,848],{},", ",[327,1304,876],{},[327,1306,904],{},[327,1308,932],{},[1097,1310,1311],{},[327,1312,1129],{},[1097,1314,1315,1316,1302,1319,1302,1322,1325,1326,1241],{},"Maps to ",[327,1317,1318],{},"text-base",[327,1320,1321],{},"text-lg",[327,1323,1324],{},"text-xl",", or ",[327,1327,1328],{},"text-2xl",[1076,1330,1331,1335,1342,1346],{},[1097,1332,1333],{},[327,1334,632],{},[1097,1336,1337,1302,1340],{},[327,1338,1339],{},"true",[327,1341,1148],{},[1097,1343,1344],{},[327,1345,1148],{},[1097,1347,1348],{},"Appends a red asterisk with a small logical-start margin.",[324,1350,1351,1352,1354],{},"The base theme uses medium-weight, non-selectable, dark gray text. Override ",[327,1353,1063],{}," when a denser form needs smaller typography than the built-in scale.",[319,1356,299],{"id":1357},"accessibility",[324,1359,1360],{},"Always keep the label visible; a placeholder is not a replacement because it disappears after entry and may be read inconsistently. Put units or formatting guidance in nearby help text rather than overloading the label.",[324,1362,1363,1364,1366,1367,1369,1370,1372],{},"The current primitive forwards ",[327,1365,1045],{}," as an attribute on a Lynx ",[327,1368,752],{}," element, but it does not implement native label-to-control activation or accessible-name association. Tapping ",[327,1371,329],{}," does not focus the referenced control. Verify the control's accessible name with VoiceOver and TalkBack, and attach native accessibility attributes directly to the control when required.",[324,1374,1375,1377],{},[327,1376,632],{}," is visual only and does not announce required state. Set the control's own required semantics where supported, explain the requirement in text, and do not rely on the red asterisk or color alone.",[319,1379,1381],{"id":1380},"platform-notes","Platform notes",[1029,1383,1384,1393,1403,1410,1417],{},[1032,1385,1386,1387,1389,1390,1241],{},"The component renders a Lynx ",[327,1388,752],{}," primitive, not a DOM ",[327,1391,1392],{},"\u003Clabel>",[1032,1394,1395,1396,1398,1399,1402],{},"The ",[327,1397,1045],{}," and matching control ",[327,1400,1401],{},"id"," are useful identifiers but do not currently create native focus behavior.",[1032,1404,1405,1406,1409],{},"The required marker uses an ",[327,1407,1408],{},"after:"," pseudo-element utility from the kit theme; verify custom Lynx styling pipelines preserve that utility.",[1032,1411,1412,1413,1416],{},"The theme uses logical margin (",[327,1414,1415],{},"ms",") for the marker so spacing follows writing direction.",[1032,1418,1419,1422],{},[327,1420,1421],{},"select-none"," prevents accidental text selection in supported targets.",[319,1424,1426],{"id":1425},"related-components","Related components",[1029,1428,1429,1438,1445],{},[1032,1430,1431,1437],{},[1432,1433,1434],"a",{"href":177},[327,1435,1436],{},"NumberField"," for bounded numeric entry.",[1032,1439,1440,1060,1442,1444],{},[327,1441,137],{},[327,1443,273],{}," for text entry.",[1032,1446,1447,1450],{},[327,1448,1449],{},"FormField"," for integrated label, description, hint, help, and validation layout.",[1452,1453,1454],"style",{},"html pre.shiki code .sMK4o, html code.shiki .sMK4o{--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF}html pre.shiki code .swJcz, html code.shiki .swJcz{--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178}html pre.shiki code .spNyl, html code.shiki .spNyl{--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA}html pre.shiki code .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}html pre.shiki code .s7zQu, html code.shiki .s7zQu{--shiki-light:#39ADB5;--shiki-light-font-style:italic;--shiki-default:#89DDFF;--shiki-default-font-style:italic;--shiki-dark:#89DDFF;--shiki-dark-font-style:italic}html pre.shiki code .sTEyZ, html code.shiki .sTEyZ{--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}html pre.shiki code .s2Zo4, html code.shiki .s2Zo4{--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF}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);}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":346,"searchDepth":353,"depth":386,"links":1456},[1457,1458,1463,1464,1465,1466,1467,1470,1471,1472],{"id":321,"depth":386,"text":322},{"id":338,"depth":386,"text":339,"children":1459},[1460,1461,1462],{"id":632,"depth":414,"text":633},{"id":796,"depth":414,"text":797},{"id":964,"depth":414,"text":965},{"id":1026,"depth":386,"text":1027},{"id":1067,"depth":386,"text":1068},{"id":1191,"depth":386,"text":1192},{"id":1198,"depth":386,"text":1199},{"id":1230,"depth":386,"text":1231,"children":1468},[1469],{"id":1271,"depth":414,"text":1272},{"id":1357,"depth":386,"text":299},{"id":1380,"depth":386,"text":1381},{"id":1425,"depth":386,"text":1426},"Render visible text for a form control.",[1475],{"label":1476,"icon":1477,"to":1478,"target":1479},"Source","i-simple-icons-github","https:\u002F\u002Fgithub.com\u002FKealanAU\u002Fvyui\u002Fblob\u002Fmain\u002Fpackages\u002Fkit\u002Fsrc\u002Fcomponents\u002FLabel.vue","_blank",{},{"icon":164},{"title":161,"description":1473},"WSqiQB7Cd87-QNIsjzEEGd71gw4WsvyN_DzHrcYFOlQ",[1485,1487],{"title":156,"path":157,"stem":158,"description":1486,"icon":-1,"children":-1,"navigation":-1},"Keep focused form controls visible above the native on-screen keyboard.",{"title":166,"path":167,"stem":168,"description":1488,"icon":-1,"children":-1,"navigation":-1},"Present a short blocking alert or confirmation dialog.",1783464068901]