[{"data":1,"prerenderedAt":2460},["ShallowReactive",2],{"navigation":3,"\u002Fcomponents\u002Fstepper":313,"\u002Fcomponents\u002Fstepper-surround":2455},[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":249,"body":315,"description":2444,"extension":2309,"links":2445,"meta":2451,"navigation":2452,"package":60,"path":250,"seo":2453,"stem":251,"__hash__":2454},"docs\u002F3.components\u002Fstepper.md",{"type":316,"value":317,"toc":2426},"minimark",[318,323,334,339,343,356,915,920,931,1171,1175,1182,1489,1493,1504,1589,1593,1668,1672,1788,1792,1997,2023,2027,2057,2061,2116,2120,2129,2260,2263,2330,2333,2336,2346,2349,2353,2388,2392,2422],[319,320,322],"h2",{"id":321},"overview","Overview",[324,325,326,330,331,333],"p",{},[327,328,329],"code",{},"VyStepper"," renders a styled sequence on top of the ",[327,332,31],{}," Stepper primitives. It supports horizontal and vertical layouts, linear or free navigation, semantic colors, four sizes, disabled steps, icons, and custom indicator, title, and description slots.",[335,336],"component-code",{"height":337,"name":338},"240px","stepper-example",[319,340,342],{"id":341},"usage","Usage",[324,344,345,347,348,351,352,355],{},[327,346,329],{}," uses zero-based indexes: the first item is ",[327,349,350],{},"0",", the second is ",[327,353,354],{},"1",", and so on.",[357,358,363],"pre",{"className":359,"code":360,"language":361,"meta":362,"style":362},"language-vue shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003Cscript setup lang=\"ts\">\nimport { ref } from 'vue'\nimport { VyButton, VyStepper } from '@vyui\u002Fkit'\n\nconst step = ref(0)\nconst items = [\n  { title: 'Account', description: 'Create your profile' },\n  { title: 'Plan', description: 'Choose a subscription' },\n  { title: 'Payment', description: 'Add a payment method' },\n  { title: 'Done', description: 'Review and confirm' },\n]\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003Cview class=\"flex flex-col gap-4\">\n    \u003CVyStepper v-model=\"step\" :items=\"items\" \u002F>\n\n    \u003Cview class=\"flex flex-row gap-2\">\n      \u003CVyButton\n        label=\"Back\"\n        color=\"neutral\"\n        variant=\"soft\"\n        :disabled=\"step === 0\"\n        @tap=\"step--\"\n      \u002F>\n      \u003CVyButton\n        label=\"Next\"\n        :disabled=\"step === items.length - 1\"\n        @tap=\"step++\"\n      \u002F>\n    \u003C\u002Fview>\n  \u003C\u002Fview>\n\u003C\u002Ftemplate>\n","vue","",[327,364,365,400,428,454,461,484,497,534,565,596,627,633,643,648,658,681,716,721,741,750,766,781,796,811,826,832,839,853,867,881,886,896,906],{"__ignoreMap":362},[366,367,370,374,378,382,385,388,391,395,397],"span",{"class":368,"line":369},"line",1,[366,371,373],{"class":372},"sMK4o","\u003C",[366,375,377],{"class":376},"swJcz","script",[366,379,381],{"class":380},"spNyl"," setup",[366,383,384],{"class":380}," lang",[366,386,387],{"class":372},"=",[366,389,390],{"class":372},"\"",[366,392,394],{"class":393},"sfazB","ts",[366,396,390],{"class":372},[366,398,399],{"class":372},">\n",[366,401,403,407,410,414,417,420,423,425],{"class":368,"line":402},2,[366,404,406],{"class":405},"s7zQu","import",[366,408,409],{"class":372}," {",[366,411,413],{"class":412},"sTEyZ"," ref",[366,415,416],{"class":372}," }",[366,418,419],{"class":405}," from",[366,421,422],{"class":372}," '",[366,424,361],{"class":393},[366,426,427],{"class":372},"'\n",[366,429,431,433,435,438,441,444,446,448,450,452],{"class":368,"line":430},3,[366,432,406],{"class":405},[366,434,409],{"class":372},[366,436,437],{"class":412}," VyButton",[366,439,440],{"class":372},",",[366,442,443],{"class":412}," VyStepper",[366,445,416],{"class":372},[366,447,419],{"class":405},[366,449,422],{"class":372},[366,451,36],{"class":393},[366,453,427],{"class":372},[366,455,457],{"class":368,"line":456},4,[366,458,460],{"emptyLinePlaceholder":459},true,"\n",[366,462,464,467,470,472,475,478,481],{"class":368,"line":463},5,[366,465,466],{"class":380},"const",[366,468,469],{"class":412}," step ",[366,471,387],{"class":372},[366,473,413],{"class":474},"s2Zo4",[366,476,477],{"class":412},"(",[366,479,350],{"class":480},"sbssI",[366,482,483],{"class":412},")\n",[366,485,487,489,492,494],{"class":368,"line":486},6,[366,488,466],{"class":380},[366,490,491],{"class":412}," items ",[366,493,387],{"class":372},[366,495,496],{"class":412}," [\n",[366,498,500,503,506,509,511,514,517,519,522,524,526,529,531],{"class":368,"line":499},7,[366,501,502],{"class":372},"  {",[366,504,505],{"class":376}," title",[366,507,508],{"class":372},":",[366,510,422],{"class":372},[366,512,513],{"class":393},"Account",[366,515,516],{"class":372},"'",[366,518,440],{"class":372},[366,520,521],{"class":376}," description",[366,523,508],{"class":372},[366,525,422],{"class":372},[366,527,528],{"class":393},"Create your profile",[366,530,516],{"class":372},[366,532,533],{"class":372}," },\n",[366,535,537,539,541,543,545,548,550,552,554,556,558,561,563],{"class":368,"line":536},8,[366,538,502],{"class":372},[366,540,505],{"class":376},[366,542,508],{"class":372},[366,544,422],{"class":372},[366,546,547],{"class":393},"Plan",[366,549,516],{"class":372},[366,551,440],{"class":372},[366,553,521],{"class":376},[366,555,508],{"class":372},[366,557,422],{"class":372},[366,559,560],{"class":393},"Choose a subscription",[366,562,516],{"class":372},[366,564,533],{"class":372},[366,566,568,570,572,574,576,579,581,583,585,587,589,592,594],{"class":368,"line":567},9,[366,569,502],{"class":372},[366,571,505],{"class":376},[366,573,508],{"class":372},[366,575,422],{"class":372},[366,577,578],{"class":393},"Payment",[366,580,516],{"class":372},[366,582,440],{"class":372},[366,584,521],{"class":376},[366,586,508],{"class":372},[366,588,422],{"class":372},[366,590,591],{"class":393},"Add a payment method",[366,593,516],{"class":372},[366,595,533],{"class":372},[366,597,599,601,603,605,607,610,612,614,616,618,620,623,625],{"class":368,"line":598},10,[366,600,502],{"class":372},[366,602,505],{"class":376},[366,604,508],{"class":372},[366,606,422],{"class":372},[366,608,609],{"class":393},"Done",[366,611,516],{"class":372},[366,613,440],{"class":372},[366,615,521],{"class":376},[366,617,508],{"class":372},[366,619,422],{"class":372},[366,621,622],{"class":393},"Review and confirm",[366,624,516],{"class":372},[366,626,533],{"class":372},[366,628,630],{"class":368,"line":629},11,[366,631,632],{"class":412},"]\n",[366,634,636,639,641],{"class":368,"line":635},12,[366,637,638],{"class":372},"\u003C\u002F",[366,640,377],{"class":376},[366,642,399],{"class":372},[366,644,646],{"class":368,"line":645},13,[366,647,460],{"emptyLinePlaceholder":459},[366,649,651,653,656],{"class":368,"line":650},14,[366,652,373],{"class":372},[366,654,655],{"class":376},"template",[366,657,399],{"class":372},[366,659,661,664,667,670,672,674,677,679],{"class":368,"line":660},15,[366,662,663],{"class":372},"  \u003C",[366,665,666],{"class":376},"view",[366,668,669],{"class":380}," class",[366,671,387],{"class":372},[366,673,390],{"class":372},[366,675,676],{"class":393},"flex flex-col gap-4",[366,678,390],{"class":372},[366,680,399],{"class":372},[366,682,684,687,689,692,694,696,699,701,704,706,708,711,713],{"class":368,"line":683},16,[366,685,686],{"class":372},"    \u003C",[366,688,329],{"class":376},[366,690,691],{"class":380}," v-model",[366,693,387],{"class":372},[366,695,390],{"class":372},[366,697,698],{"class":393},"step",[366,700,390],{"class":372},[366,702,703],{"class":380}," :items",[366,705,387],{"class":372},[366,707,390],{"class":372},[366,709,710],{"class":393},"items",[366,712,390],{"class":372},[366,714,715],{"class":372}," \u002F>\n",[366,717,719],{"class":368,"line":718},17,[366,720,460],{"emptyLinePlaceholder":459},[366,722,724,726,728,730,732,734,737,739],{"class":368,"line":723},18,[366,725,686],{"class":372},[366,727,666],{"class":376},[366,729,669],{"class":380},[366,731,387],{"class":372},[366,733,390],{"class":372},[366,735,736],{"class":393},"flex flex-row gap-2",[366,738,390],{"class":372},[366,740,399],{"class":372},[366,742,744,747],{"class":368,"line":743},19,[366,745,746],{"class":372},"      \u003C",[366,748,749],{"class":376},"VyButton\n",[366,751,753,756,758,760,763],{"class":368,"line":752},20,[366,754,755],{"class":380},"        label",[366,757,387],{"class":372},[366,759,390],{"class":372},[366,761,762],{"class":393},"Back",[366,764,765],{"class":372},"\"\n",[366,767,769,772,774,776,779],{"class":368,"line":768},21,[366,770,771],{"class":380},"        color",[366,773,387],{"class":372},[366,775,390],{"class":372},[366,777,778],{"class":393},"neutral",[366,780,765],{"class":372},[366,782,784,787,789,791,794],{"class":368,"line":783},22,[366,785,786],{"class":380},"        variant",[366,788,387],{"class":372},[366,790,390],{"class":372},[366,792,793],{"class":393},"soft",[366,795,765],{"class":372},[366,797,799,802,804,806,809],{"class":368,"line":798},23,[366,800,801],{"class":380},"        :disabled",[366,803,387],{"class":372},[366,805,390],{"class":372},[366,807,808],{"class":393},"step === 0",[366,810,765],{"class":372},[366,812,814,817,819,821,824],{"class":368,"line":813},24,[366,815,816],{"class":380},"        @tap",[366,818,387],{"class":372},[366,820,390],{"class":372},[366,822,823],{"class":393},"step--",[366,825,765],{"class":372},[366,827,829],{"class":368,"line":828},25,[366,830,831],{"class":372},"      \u002F>\n",[366,833,835,837],{"class":368,"line":834},26,[366,836,746],{"class":372},[366,838,749],{"class":376},[366,840,842,844,846,848,851],{"class":368,"line":841},27,[366,843,755],{"class":380},[366,845,387],{"class":372},[366,847,390],{"class":372},[366,849,850],{"class":393},"Next",[366,852,765],{"class":372},[366,854,856,858,860,862,865],{"class":368,"line":855},28,[366,857,801],{"class":380},[366,859,387],{"class":372},[366,861,390],{"class":372},[366,863,864],{"class":393},"step === items.length - 1",[366,866,765],{"class":372},[366,868,870,872,874,876,879],{"class":368,"line":869},29,[366,871,816],{"class":380},[366,873,387],{"class":372},[366,875,390],{"class":372},[366,877,878],{"class":393},"step++",[366,880,765],{"class":372},[366,882,884],{"class":368,"line":883},30,[366,885,831],{"class":372},[366,887,889,892,894],{"class":368,"line":888},31,[366,890,891],{"class":372},"    \u003C\u002F",[366,893,666],{"class":376},[366,895,399],{"class":372},[366,897,899,902,904],{"class":368,"line":898},32,[366,900,901],{"class":372},"  \u003C\u002F",[366,903,666],{"class":376},[366,905,399],{"class":372},[366,907,909,911,913],{"class":368,"line":908},33,[366,910,638],{"class":372},[366,912,655],{"class":376},[366,914,399],{"class":372},[916,917,919],"h3",{"id":918},"icons-and-disabled-steps","Icons and disabled steps",[324,921,922,923,926,927,930],{},"Set ",[327,924,925],{},"icon"," on an item to replace its number. Set ",[327,928,929],{},"disabled"," on an item, or on the component, to prevent selection.",[357,932,934],{"className":359,"code":933,"language":361,"meta":362,"style":362},"\u003Cscript setup lang=\"ts\">\nimport { VyStepper } from '@vyui\u002Fkit'\n\nconst items = [\n  { title: 'Profile', icon: 'i-lucide-user-round' },\n  { title: 'Security', icon: 'i-lucide-shield-check' },\n  {\n    title: 'Billing',\n    description: 'Available after verification',\n    icon: 'i-lucide-credit-card',\n    disabled: true,\n  },\n]\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003CVyStepper :items=\"items\" \u002F>\n\u003C\u002Ftemplate>\n",[327,935,936,956,974,978,988,1019,1049,1054,1071,1087,1103,1116,1121,1125,1133,1137,1145,1163],{"__ignoreMap":362},[366,937,938,940,942,944,946,948,950,952,954],{"class":368,"line":369},[366,939,373],{"class":372},[366,941,377],{"class":376},[366,943,381],{"class":380},[366,945,384],{"class":380},[366,947,387],{"class":372},[366,949,390],{"class":372},[366,951,394],{"class":393},[366,953,390],{"class":372},[366,955,399],{"class":372},[366,957,958,960,962,964,966,968,970,972],{"class":368,"line":402},[366,959,406],{"class":405},[366,961,409],{"class":372},[366,963,443],{"class":412},[366,965,416],{"class":372},[366,967,419],{"class":405},[366,969,422],{"class":372},[366,971,36],{"class":393},[366,973,427],{"class":372},[366,975,976],{"class":368,"line":430},[366,977,460],{"emptyLinePlaceholder":459},[366,979,980,982,984,986],{"class":368,"line":456},[366,981,466],{"class":380},[366,983,491],{"class":412},[366,985,387],{"class":372},[366,987,496],{"class":412},[366,989,990,992,994,996,998,1001,1003,1005,1008,1010,1012,1015,1017],{"class":368,"line":463},[366,991,502],{"class":372},[366,993,505],{"class":376},[366,995,508],{"class":372},[366,997,422],{"class":372},[366,999,1000],{"class":393},"Profile",[366,1002,516],{"class":372},[366,1004,440],{"class":372},[366,1006,1007],{"class":376}," icon",[366,1009,508],{"class":372},[366,1011,422],{"class":372},[366,1013,1014],{"class":393},"i-lucide-user-round",[366,1016,516],{"class":372},[366,1018,533],{"class":372},[366,1020,1021,1023,1025,1027,1029,1032,1034,1036,1038,1040,1042,1045,1047],{"class":368,"line":486},[366,1022,502],{"class":372},[366,1024,505],{"class":376},[366,1026,508],{"class":372},[366,1028,422],{"class":372},[366,1030,1031],{"class":393},"Security",[366,1033,516],{"class":372},[366,1035,440],{"class":372},[366,1037,1007],{"class":376},[366,1039,508],{"class":372},[366,1041,422],{"class":372},[366,1043,1044],{"class":393},"i-lucide-shield-check",[366,1046,516],{"class":372},[366,1048,533],{"class":372},[366,1050,1051],{"class":368,"line":499},[366,1052,1053],{"class":372},"  {\n",[366,1055,1056,1059,1061,1063,1066,1068],{"class":368,"line":536},[366,1057,1058],{"class":376},"    title",[366,1060,508],{"class":372},[366,1062,422],{"class":372},[366,1064,1065],{"class":393},"Billing",[366,1067,516],{"class":372},[366,1069,1070],{"class":372},",\n",[366,1072,1073,1076,1078,1080,1083,1085],{"class":368,"line":567},[366,1074,1075],{"class":376},"    description",[366,1077,508],{"class":372},[366,1079,422],{"class":372},[366,1081,1082],{"class":393},"Available after verification",[366,1084,516],{"class":372},[366,1086,1070],{"class":372},[366,1088,1089,1092,1094,1096,1099,1101],{"class":368,"line":598},[366,1090,1091],{"class":376},"    icon",[366,1093,508],{"class":372},[366,1095,422],{"class":372},[366,1097,1098],{"class":393},"i-lucide-credit-card",[366,1100,516],{"class":372},[366,1102,1070],{"class":372},[366,1104,1105,1108,1110,1114],{"class":368,"line":629},[366,1106,1107],{"class":376},"    disabled",[366,1109,508],{"class":372},[366,1111,1113],{"class":1112},"sfNiH"," true",[366,1115,1070],{"class":372},[366,1117,1118],{"class":368,"line":635},[366,1119,1120],{"class":372},"  },\n",[366,1122,1123],{"class":368,"line":645},[366,1124,632],{"class":412},[366,1126,1127,1129,1131],{"class":368,"line":650},[366,1128,638],{"class":372},[366,1130,377],{"class":376},[366,1132,399],{"class":372},[366,1134,1135],{"class":368,"line":660},[366,1136,460],{"emptyLinePlaceholder":459},[366,1138,1139,1141,1143],{"class":368,"line":683},[366,1140,373],{"class":372},[366,1142,655],{"class":376},[366,1144,399],{"class":372},[366,1146,1147,1149,1151,1153,1155,1157,1159,1161],{"class":368,"line":718},[366,1148,663],{"class":372},[366,1150,329],{"class":376},[366,1152,703],{"class":380},[366,1154,387],{"class":372},[366,1156,390],{"class":372},[366,1158,710],{"class":393},[366,1160,390],{"class":372},[366,1162,715],{"class":372},[366,1164,1165,1167,1169],{"class":368,"line":723},[366,1166,638],{"class":372},[366,1168,655],{"class":376},[366,1170,399],{"class":372},[916,1172,1174],{"id":1173},"vertical-non-linear-navigation","Vertical, non-linear navigation",[324,1176,1177,1178,1181],{},"Vertical orientation stacks the items. Set ",[327,1179,1180],{},"linear=\"false\""," when users may jump directly to any enabled step.",[357,1183,1185],{"className":359,"code":1184,"language":361,"meta":362,"style":362},"\u003Cscript setup lang=\"ts\">\nimport { ref } from 'vue'\nimport { VyStepper } from '@vyui\u002Fkit'\n\nconst step = ref(1)\nconst items = [\n  { title: 'Contact', description: 'Name and email' },\n  { title: 'Delivery', description: 'Address and schedule' },\n  { title: 'Review', description: 'Check the order' },\n]\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003CVyStepper\n    v-model=\"step\"\n    :items=\"items\"\n    orientation=\"vertical\"\n    :linear=\"false\"\n    color=\"success\"\n    size=\"lg\"\n  \u002F>\n\u003C\u002Ftemplate>\n",[327,1186,1187,1207,1225,1243,1247,1263,1273,1303,1333,1363,1367,1375,1379,1387,1394,1407,1420,1434,1448,1462,1476,1481],{"__ignoreMap":362},[366,1188,1189,1191,1193,1195,1197,1199,1201,1203,1205],{"class":368,"line":369},[366,1190,373],{"class":372},[366,1192,377],{"class":376},[366,1194,381],{"class":380},[366,1196,384],{"class":380},[366,1198,387],{"class":372},[366,1200,390],{"class":372},[366,1202,394],{"class":393},[366,1204,390],{"class":372},[366,1206,399],{"class":372},[366,1208,1209,1211,1213,1215,1217,1219,1221,1223],{"class":368,"line":402},[366,1210,406],{"class":405},[366,1212,409],{"class":372},[366,1214,413],{"class":412},[366,1216,416],{"class":372},[366,1218,419],{"class":405},[366,1220,422],{"class":372},[366,1222,361],{"class":393},[366,1224,427],{"class":372},[366,1226,1227,1229,1231,1233,1235,1237,1239,1241],{"class":368,"line":430},[366,1228,406],{"class":405},[366,1230,409],{"class":372},[366,1232,443],{"class":412},[366,1234,416],{"class":372},[366,1236,419],{"class":405},[366,1238,422],{"class":372},[366,1240,36],{"class":393},[366,1242,427],{"class":372},[366,1244,1245],{"class":368,"line":456},[366,1246,460],{"emptyLinePlaceholder":459},[366,1248,1249,1251,1253,1255,1257,1259,1261],{"class":368,"line":463},[366,1250,466],{"class":380},[366,1252,469],{"class":412},[366,1254,387],{"class":372},[366,1256,413],{"class":474},[366,1258,477],{"class":412},[366,1260,354],{"class":480},[366,1262,483],{"class":412},[366,1264,1265,1267,1269,1271],{"class":368,"line":486},[366,1266,466],{"class":380},[366,1268,491],{"class":412},[366,1270,387],{"class":372},[366,1272,496],{"class":412},[366,1274,1275,1277,1279,1281,1283,1286,1288,1290,1292,1294,1296,1299,1301],{"class":368,"line":499},[366,1276,502],{"class":372},[366,1278,505],{"class":376},[366,1280,508],{"class":372},[366,1282,422],{"class":372},[366,1284,1285],{"class":393},"Contact",[366,1287,516],{"class":372},[366,1289,440],{"class":372},[366,1291,521],{"class":376},[366,1293,508],{"class":372},[366,1295,422],{"class":372},[366,1297,1298],{"class":393},"Name and email",[366,1300,516],{"class":372},[366,1302,533],{"class":372},[366,1304,1305,1307,1309,1311,1313,1316,1318,1320,1322,1324,1326,1329,1331],{"class":368,"line":536},[366,1306,502],{"class":372},[366,1308,505],{"class":376},[366,1310,508],{"class":372},[366,1312,422],{"class":372},[366,1314,1315],{"class":393},"Delivery",[366,1317,516],{"class":372},[366,1319,440],{"class":372},[366,1321,521],{"class":376},[366,1323,508],{"class":372},[366,1325,422],{"class":372},[366,1327,1328],{"class":393},"Address and schedule",[366,1330,516],{"class":372},[366,1332,533],{"class":372},[366,1334,1335,1337,1339,1341,1343,1346,1348,1350,1352,1354,1356,1359,1361],{"class":368,"line":567},[366,1336,502],{"class":372},[366,1338,505],{"class":376},[366,1340,508],{"class":372},[366,1342,422],{"class":372},[366,1344,1345],{"class":393},"Review",[366,1347,516],{"class":372},[366,1349,440],{"class":372},[366,1351,521],{"class":376},[366,1353,508],{"class":372},[366,1355,422],{"class":372},[366,1357,1358],{"class":393},"Check the order",[366,1360,516],{"class":372},[366,1362,533],{"class":372},[366,1364,1365],{"class":368,"line":598},[366,1366,632],{"class":412},[366,1368,1369,1371,1373],{"class":368,"line":629},[366,1370,638],{"class":372},[366,1372,377],{"class":376},[366,1374,399],{"class":372},[366,1376,1377],{"class":368,"line":635},[366,1378,460],{"emptyLinePlaceholder":459},[366,1380,1381,1383,1385],{"class":368,"line":645},[366,1382,373],{"class":372},[366,1384,655],{"class":376},[366,1386,399],{"class":372},[366,1388,1389,1391],{"class":368,"line":650},[366,1390,663],{"class":372},[366,1392,1393],{"class":376},"VyStepper\n",[366,1395,1396,1399,1401,1403,1405],{"class":368,"line":660},[366,1397,1398],{"class":380},"    v-model",[366,1400,387],{"class":372},[366,1402,390],{"class":372},[366,1404,698],{"class":393},[366,1406,765],{"class":372},[366,1408,1409,1412,1414,1416,1418],{"class":368,"line":683},[366,1410,1411],{"class":380},"    :items",[366,1413,387],{"class":372},[366,1415,390],{"class":372},[366,1417,710],{"class":393},[366,1419,765],{"class":372},[366,1421,1422,1425,1427,1429,1432],{"class":368,"line":718},[366,1423,1424],{"class":380},"    orientation",[366,1426,387],{"class":372},[366,1428,390],{"class":372},[366,1430,1431],{"class":393},"vertical",[366,1433,765],{"class":372},[366,1435,1436,1439,1441,1443,1446],{"class":368,"line":723},[366,1437,1438],{"class":380},"    :linear",[366,1440,387],{"class":372},[366,1442,390],{"class":372},[366,1444,1445],{"class":393},"false",[366,1447,765],{"class":372},[366,1449,1450,1453,1455,1457,1460],{"class":368,"line":743},[366,1451,1452],{"class":380},"    color",[366,1454,387],{"class":372},[366,1456,390],{"class":372},[366,1458,1459],{"class":393},"success",[366,1461,765],{"class":372},[366,1463,1464,1467,1469,1471,1474],{"class":368,"line":752},[366,1465,1466],{"class":380},"    size",[366,1468,387],{"class":372},[366,1470,390],{"class":372},[366,1472,1473],{"class":393},"lg",[366,1475,765],{"class":372},[366,1477,1478],{"class":368,"line":768},[366,1479,1480],{"class":372},"  \u002F>\n",[366,1482,1483,1485,1487],{"class":368,"line":783},[366,1484,638],{"class":372},[366,1486,655],{"class":376},[366,1488,399],{"class":372},[916,1490,1492],{"id":1491},"custom-step-content","Custom step content",[324,1494,1495,1496,1499,1500,1503],{},"The fixed slots receive the current ",[327,1497,1498],{},"item"," and zero-based ",[327,1501,1502],{},"index",".",[357,1505,1507],{"className":359,"code":1506,"language":361,"meta":362,"style":362},"\u003CVyStepper :items=\"items\">\n  \u003Ctemplate #indicator=\"{ index }\">\n    \u003Ctext>{{ index === 2 ? '✓' : index + 1 }}\u003C\u002Ftext>\n  \u003C\u002Ftemplate>\n\n  \u003Ctemplate #title=\"{ item, index }\">\n    \u003Ctext>{{ index + 1 }}. {{ item.title }}\u003C\u002Ftext>\n  \u003C\u002Ftemplate>\n\n  \u003Ctemplate #description=\"{ item }\">\n    \u003Ctext v-if=\"item.description\">{{ item.description }}\u003C\u002Ftext>\n  \u003C\u002Ftemplate>\n\u003C\u002FVyStepper>\n",[327,1508,1509,1530,1535,1540,1545,1549,1554,1559,1563,1567,1572,1577,1581],{"__ignoreMap":362},[366,1510,1511,1513,1515,1518,1520,1522,1524,1526,1528],{"class":368,"line":369},[366,1512,373],{"class":372},[366,1514,329],{"class":376},[366,1516,1517],{"class":372}," :",[366,1519,710],{"class":380},[366,1521,387],{"class":372},[366,1523,390],{"class":372},[366,1525,710],{"class":412},[366,1527,390],{"class":372},[366,1529,399],{"class":372},[366,1531,1532],{"class":368,"line":402},[366,1533,1534],{"class":412},"  \u003Ctemplate #indicator=\"{ index }\">\n",[366,1536,1537],{"class":368,"line":430},[366,1538,1539],{"class":412},"    \u003Ctext>{{ index === 2 ? '✓' : index + 1 }}\u003C\u002Ftext>\n",[366,1541,1542],{"class":368,"line":456},[366,1543,1544],{"class":412},"  \u003C\u002Ftemplate>\n",[366,1546,1547],{"class":368,"line":463},[366,1548,460],{"emptyLinePlaceholder":459},[366,1550,1551],{"class":368,"line":486},[366,1552,1553],{"class":412},"  \u003Ctemplate #title=\"{ item, index }\">\n",[366,1555,1556],{"class":368,"line":499},[366,1557,1558],{"class":412},"    \u003Ctext>{{ index + 1 }}. {{ item.title }}\u003C\u002Ftext>\n",[366,1560,1561],{"class":368,"line":536},[366,1562,1544],{"class":412},[366,1564,1565],{"class":368,"line":567},[366,1566,460],{"emptyLinePlaceholder":459},[366,1568,1569],{"class":368,"line":598},[366,1570,1571],{"class":412},"  \u003Ctemplate #description=\"{ item }\">\n",[366,1573,1574],{"class":368,"line":629},[366,1575,1576],{"class":412},"    \u003Ctext v-if=\"item.description\">{{ item.description }}\u003C\u002Ftext>\n",[366,1578,1579],{"class":368,"line":635},[366,1580,1544],{"class":412},[366,1582,1583,1585,1587],{"class":368,"line":645},[366,1584,638],{"class":372},[366,1586,329],{"class":376},[366,1588,399],{"class":372},[319,1590,1592],{"id":1591},"features-and-behavior","Features and behavior",[1594,1595,1596,1600,1603,1606,1621,1635,1641,1650],"ul",{},[1597,1598,1599],"li",{},"The public value is a zero-based item index. The wrapper converts it to the core primitive's one-based step value internally.",[1597,1601,1602],{},"In linear mode, the current step, completed steps, and the next step are selectable. Later future steps are disabled.",[1597,1604,1605],{},"In non-linear mode, every enabled step is directly selectable.",[1597,1607,1608,1609,1612,1613,1616,1617,1620],{},"A step becomes ",[327,1610,1611],{},"completed"," when its index is before the active index, ",[327,1614,1615],{},"active"," at the current index, and ",[327,1618,1619],{},"inactive"," after it.",[1597,1622,1623,1626,1627,1630,1631,1634],{},[327,1624,1625],{},"defaultValue"," initializes uncontrolled state. Use ",[327,1628,1629],{},"v-model"," or ",[327,1632,1633],{},"modelValue"," for controlled state.",[1597,1636,1637,1640],{},[327,1638,1639],{},"orientation"," changes both the item layout and separator direction.",[1597,1642,1643,1644,1646,1647,1503],{},"Programmatic values are not clamped by the kit wrapper; keep them between ",[327,1645,350],{}," and ",[327,1648,1649],{},"items.length - 1",[1597,1651,1652,1655,1656,1659,1660,1663,1664,1667],{},[327,1653,1654],{},"StepperItem.slot"," is present in the exported type but is not currently rendered by the kit component. Use the fixed ",[327,1657,1658],{},"indicator",", ",[327,1661,1662],{},"title",", and ",[327,1665,1666],{},"description"," slots.",[916,1669,1671],{"id":1670},"stepper-item","Stepper item",[1673,1674,1675,1694],"table",{},[1676,1677,1678],"thead",{},[1679,1680,1681,1685,1688,1691],"tr",{},[1682,1683,1684],"th",{},"Field",[1682,1686,1687],{},"Type",[1682,1689,1690],{},"Default",[1682,1692,1693],{},"Description",[1695,1696,1697,1718,1735,1751,1770],"tbody",{},[1679,1698,1699,1704,1709,1712],{},[1700,1701,1702],"td",{},[327,1703,1662],{},[1700,1705,1706],{},[327,1707,1708],{},"string",[1700,1710,1711],{},"—",[1700,1713,1714,1715,1717],{},"Step heading, replaced by the ",[327,1716,1662],{}," slot when provided.",[1679,1719,1720,1724,1728,1730],{},[1700,1721,1722],{},[327,1723,1666],{},[1700,1725,1726],{},[327,1727,1708],{},[1700,1729,1711],{},[1700,1731,1732,1733,1717],{},"Supporting text, replaced by the ",[327,1734,1666],{},[1679,1736,1737,1741,1745,1748],{},[1700,1738,1739],{},[327,1740,925],{},[1700,1742,1743],{},[327,1744,1708],{},[1700,1746,1747],{},"Step number",[1700,1749,1750],{},"Iconify name rendered inside the indicator.",[1679,1752,1753,1758,1762,1765],{},[1700,1754,1755],{},[327,1756,1757],{},"slot",[1700,1759,1760],{},[327,1761,1708],{},[1700,1763,1764],{},"Item index",[1700,1766,1767,1768,1503],{},"Reserved per-item content slot name; currently not rendered by ",[327,1769,329],{},[1679,1771,1772,1776,1781,1785],{},[1700,1773,1774],{},[327,1775,929],{},[1700,1777,1778],{},[327,1779,1780],{},"boolean",[1700,1782,1783],{},[327,1784,1445],{},[1700,1786,1787],{},"Prevents direct selection of this step.",[319,1789,1791],{"id":1790},"props","Props",[1673,1793,1794,1807],{},[1676,1795,1796],{},[1679,1797,1798,1801,1803,1805],{},[1682,1799,1800],{},"Prop",[1682,1802,1687],{},[1682,1804,1690],{},[1682,1806,1693],{},[1695,1808,1809,1826,1847,1864,1883,1902,1922,1942,1959,1978],{},[1679,1810,1811,1815,1820,1823],{},[1700,1812,1813],{},[327,1814,710],{},[1700,1816,1817],{},[327,1818,1819],{},"StepperItem[]",[1700,1821,1822],{},"Required",[1700,1824,1825],{},"Ordered steps to render.",[1679,1827,1828,1832,1837,1842],{},[1700,1829,1830],{},[327,1831,1633],{},[1700,1833,1834],{},[327,1835,1836],{},"number",[1700,1838,1839],{},[327,1840,1841],{},"undefined",[1700,1843,1844,1845,1503],{},"Controlled zero-based active index, used by ",[327,1846,1629],{},[1679,1848,1849,1853,1857,1861],{},[1700,1850,1851],{},[327,1852,1625],{},[1700,1854,1855],{},[327,1856,1836],{},[1700,1858,1859],{},[327,1860,350],{},[1700,1862,1863],{},"Initial zero-based active index when uncontrolled.",[1679,1865,1866,1870,1875,1880],{},[1700,1867,1868],{},[327,1869,1639],{},[1700,1871,1872],{},[327,1873,1874],{},"'horizontal' | 'vertical'",[1700,1876,1877],{},[327,1878,1879],{},"'horizontal'",[1700,1881,1882],{},"Step and separator layout.",[1679,1884,1885,1890,1894,1899],{},[1700,1886,1887],{},[327,1888,1889],{},"linear",[1700,1891,1892],{},[327,1893,1780],{},[1700,1895,1896],{},[327,1897,1898],{},"true",[1700,1900,1901],{},"Requires users to progress in order when enabled.",[1679,1903,1904,1909,1914,1919],{},[1700,1905,1906],{},[327,1907,1908],{},"color",[1700,1910,1911],{},[327,1912,1913],{},"Color",[1700,1915,1916],{},[327,1917,1918],{},"'primary'",[1700,1920,1921],{},"Active and completed indicator and separator color.",[1679,1923,1924,1929,1934,1939],{},[1700,1925,1926],{},[327,1927,1928],{},"size",[1700,1930,1931],{},[327,1932,1933],{},"'sm' | 'md' | 'lg' | 'xl'",[1700,1935,1936],{},[327,1937,1938],{},"'md'",[1700,1940,1941],{},"Indicator, icon, title, description, and spacing scale.",[1679,1943,1944,1948,1952,1956],{},[1700,1945,1946],{},[327,1947,929],{},[1700,1949,1950],{},[327,1951,1780],{},[1700,1953,1954],{},[327,1955,1445],{},[1700,1957,1958],{},"Disables every step.",[1679,1960,1961,1966,1971,1975],{},[1700,1962,1963],{},[327,1964,1965],{},"class",[1700,1967,1968],{},[327,1969,1970],{},"any",[1700,1972,1973],{},[327,1974,1841],{},[1700,1976,1977],{},"Classes merged onto the root slot.",[1679,1979,1980,1985,1990,1994],{},[1700,1981,1982],{},[327,1983,1984],{},"ui",[1700,1986,1987],{},[327,1988,1989],{},"Partial\u003CRecord\u003CStepperSlot, any>>",[1700,1991,1992],{},[327,1993,1841],{},[1700,1995,1996],{},"Per-instance theme slot overrides.",[324,1998,1999,2001,2002,1659,2005,1659,2008,1659,2010,1659,2013,1659,2016,2019,2020,2022],{},[327,2000,1913],{}," defaults to ",[327,2003,2004],{},"primary",[327,2006,2007],{},"secondary",[327,2009,1459],{},[327,2011,2012],{},"info",[327,2014,2015],{},"warning",[327,2017,2018],{},"error",", or ",[327,2021,778],{},", and supports kit color registry extensions.",[319,2024,2026],{"id":2025},"emits","Emits",[1673,2028,2029,2041],{},[1676,2030,2031],{},[1679,2032,2033,2036,2039],{},[1682,2034,2035],{},"Event",[1682,2037,2038],{},"Payload",[1682,2040,1693],{},[1695,2042,2043],{},[1679,2044,2045,2050,2054],{},[1700,2046,2047],{},[327,2048,2049],{},"update:modelValue",[1700,2051,2052],{},[327,2053,1836],{},[1700,2055,2056],{},"Emitted with the new zero-based index after a step is selected.",[319,2058,2060],{"id":2059},"slots","Slots",[1673,2062,2063,2074],{},[1676,2064,2065],{},[1679,2066,2067,2070,2072],{},[1682,2068,2069],{},"Slot",[1682,2071,1791],{},[1682,2073,1693],{},[1695,2075,2076,2090,2103],{},[1679,2077,2078,2082,2087],{},[1700,2079,2080],{},[327,2081,1658],{},[1700,2083,2084],{},[327,2085,2086],{},"{ item: StepperItem, index: number }",[1700,2088,2089],{},"Replaces the built-in icon or step number.",[1679,2091,2092,2096,2100],{},[1700,2093,2094],{},[327,2095,1662],{},[1700,2097,2098],{},[327,2099,2086],{},[1700,2101,2102],{},"Replaces the item title.",[1679,2104,2105,2109,2113],{},[1700,2106,2107],{},[327,2108,1666],{},[1700,2110,2111],{},[327,2112,2086],{},[1700,2114,2115],{},"Replaces the item description.",[319,2117,2119],{"id":2118},"styling-and-theming","Styling and theming",[324,2121,2122,2123,2126,2127,1503],{},"Override globally through ",[327,2124,2125],{},"appConfig.ui.stepper"," or locally with ",[327,2128,1984],{},[1673,2130,2131,2141],{},[1676,2132,2133],{},[1679,2134,2135,2138],{},[1682,2136,2137],{},"UI slot",[1682,2139,2140],{},"Purpose",[1695,2142,2143,2153,2163,2172,2182,2192,2201,2210,2220,2230,2239,2248],{},[1679,2144,2145,2150],{},[1700,2146,2147],{},[327,2148,2149],{},"root",[1700,2151,2152],{},"Overall orientation, width, and gap.",[1679,2154,2155,2160],{},[1700,2156,2157],{},[327,2158,2159],{},"header",[1700,2161,2162],{},"Row or column containing all steps.",[1679,2164,2165,2169],{},[1700,2166,2167],{},[327,2168,1498],{},[1700,2170,2171],{},"Individual state group and alignment.",[1679,2173,2174,2179],{},[1700,2175,2176],{},[327,2177,2178],{},"container",[1700,2180,2181],{},"Indicator and separator positioning wrapper.",[1679,2183,2184,2189],{},[1700,2185,2186],{},[327,2187,2188],{},"trigger",[1700,2190,2191],{},"Circular tappable indicator background.",[1679,2193,2194,2198],{},[1700,2195,2196],{},[327,2197,1658],{},[1700,2199,2200],{},"Inner indicator alignment.",[1679,2202,2203,2207],{},[1700,2204,2205],{},[327,2206,925],{},[1700,2208,2209],{},"Built-in icon or numbered text, including state color.",[1679,2211,2212,2217],{},[1700,2213,2214],{},[327,2215,2216],{},"separator",[1700,2218,2219],{},"Connector between adjacent steps.",[1679,2221,2222,2227],{},[1700,2223,2224],{},[327,2225,2226],{},"wrapper",[1700,2228,2229],{},"Title and description wrapper.",[1679,2231,2232,2236],{},[1700,2233,2234],{},[327,2235,1662],{},[1700,2237,2238],{},"Step heading text.",[1679,2240,2241,2245],{},[1700,2242,2243],{},[327,2244,1666],{},[1700,2246,2247],{},"Supporting text.",[1679,2249,2250,2255],{},[1700,2251,2252],{},[327,2253,2254],{},"content",[1700,2256,2257,2258,1503],{},"Reserved content slot styling; not currently applied by ",[327,2259,329],{},[324,2261,2262],{},"Theme variants are:",[1673,2264,2265,2278],{},[1676,2266,2267],{},[1679,2268,2269,2272,2275],{},[1682,2270,2271],{},"Variant",[1682,2273,2274],{},"Values",[1682,2276,2277],{},"Effect",[1695,2279,2280,2296,2318],{},[1679,2281,2282,2286,2293],{},[1700,2283,2284],{},[327,2285,1639],{},[1700,2287,2288,1659,2291],{},[327,2289,2290],{},"horizontal",[327,2292,1431],{},[1700,2294,2295],{},"Changes root, header, item, container, separator, and wrapper layout.",[1679,2297,2298,2302,2315],{},[1700,2299,2300],{},[327,2301,1928],{},[1700,2303,2304,1659,2307,1659,2310,1659,2312],{},[327,2305,2306],{},"sm",[327,2308,2309],{},"md",[327,2311,1473],{},[327,2313,2314],{},"xl",[1700,2316,2317],{},"Changes indicator diameter, icon and text sizes, spacing, and separator offsets.",[1679,2319,2320,2324,2327],{},[1700,2321,2322],{},[327,2323,1908],{},[1700,2325,2326],{},"Registered semantic colors",[1700,2328,2329],{},"Colors active and completed triggers and completed separators.",[324,2331,2332],{},"Inactive triggers use a neutral background and foreground. Active and completed indicator content is white. Disabled items reduce separator opacity through the item state class.",[319,2334,299],{"id":2335},"accessibility",[324,2337,2338,2339,1659,2341,2019,2343,2345],{},"Each core trigger exposes native Lynx button semantics, reports ",[327,2340,1615],{},[327,2342,1611],{},[327,2344,1619],{}," as its accessibility value, and reports unavailable linear or explicitly disabled steps as disabled. Step titles expose heading semantics.",[324,2347,2348],{},"The title and description elements are not currently associated with the trigger through an explicit accessible label. Numbered indicators provide useful spoken context, but icon-only indicators may not identify their step clearly. Test icon-based and custom indicators with VoiceOver and TalkBack, and keep a visible title for every step.",[319,2350,2352],{"id":2351},"platform-notes","Platform notes",[1594,2354,2355,2362,2378,2385],{},[1597,2356,2357,2358,2361],{},"Selection uses Lynx ",[327,2359,2360],{},"tap"," events on the core trigger; the kit component does not implement web arrow-key navigation.",[1597,2363,2364,2365,1659,2368,1659,2371,1663,2374,2377],{},"State styling is driven by ",[327,2366,2367],{},"ui-active",[327,2369,2370],{},"ui-completed",[327,2372,2373],{},"ui-inactive",[327,2375,2376],{},"ui-disabled"," classes supplied by the core primitives.",[1597,2379,2380,2381,2384],{},"Lynx CSS inheritance is disabled in the target setup, so active and completed foreground color is applied directly to the nested icon or numbered ",[327,2382,2383],{},"text",", not inherited from the trigger.",[1597,2386,2387],{},"Horizontal layouts hide overflow in the header. Keep labels concise or switch to vertical orientation when space is limited.",[319,2389,2391],{"id":2390},"related-components","Related components",[1594,2393,2394,2399,2404,2409],{},[1597,2395,2396,2398],{},[327,2397,201],{}," for continuous or non-interactive completion feedback.",[1597,2400,2401,2403],{},[327,2402,269],{}," for switching freely between peer views.",[1597,2405,2406,2408],{},[327,2407,128],{}," for validating the data collected across a multi-step flow.",[1597,2410,2411,2412,1659,2415,2418,2419,2421],{},"The ",[327,2413,2414],{},"StepperRoot",[327,2416,2417],{},"StepperItem",", and related primitives from ",[327,2420,31],{}," for a fully custom composition.",[2423,2424,2425],"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 pre.shiki code .sbssI, html code.shiki .sbssI{--shiki-light:#F76D47;--shiki-default:#F78C6C;--shiki-dark:#F78C6C}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);}html pre.shiki code .sfNiH, html code.shiki .sfNiH{--shiki-light:#FF5370;--shiki-default:#FF9CAC;--shiki-dark:#FF9CAC}",{"title":362,"searchDepth":369,"depth":402,"links":2427},[2428,2429,2434,2437,2438,2439,2440,2441,2442,2443],{"id":321,"depth":402,"text":322},{"id":341,"depth":402,"text":342,"children":2430},[2431,2432,2433],{"id":918,"depth":430,"text":919},{"id":1173,"depth":430,"text":1174},{"id":1491,"depth":430,"text":1492},{"id":1591,"depth":402,"text":1592,"children":2435},[2436],{"id":1670,"depth":430,"text":1671},{"id":1790,"depth":402,"text":1791},{"id":2025,"depth":402,"text":2026},{"id":2059,"depth":402,"text":2060},{"id":2118,"depth":402,"text":2119},{"id":2335,"depth":402,"text":299},{"id":2351,"depth":402,"text":2352},{"id":2390,"depth":402,"text":2391},"Show progress through an ordered, optionally linear sequence of steps.",[2446],{"label":2447,"icon":2448,"to":2449,"target":2450},"Source","i-simple-icons-github","https:\u002F\u002Fgithub.com\u002FKealanAU\u002Fvyui\u002Fblob\u002Fmain\u002Fpackages\u002Fkit\u002Fsrc\u002Fcomponents\u002FStepper.vue","_blank",{},{"icon":252},{"title":249,"description":2444},"S_pmGsp2lgMYUG7iMeCdhx7ndaJfv_qyM1f44yEYmJg",[2456,2458],{"title":244,"path":245,"stem":246,"description":2457,"icon":-1,"children":-1,"navigation":-1},"Reorder a vertical list with a native long-press drag gesture.",{"title":254,"path":255,"stem":256,"description":2459,"icon":-1,"children":-1,"navigation":-1},"Reveal trailing row actions or commit an action with a full swipe.",1783464071945]