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