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