[{"data":1,"prerenderedAt":2964},["ShallowReactive",2],{"navigation":3,"\u002Fcomponents\u002Ftoast":313,"\u002Fcomponents\u002Ftoast-surround":2959},[4,24,41,48,293,298,303,308],{"title":5,"path":6,"stem":7,"children":8,"package":11,"icon":23},"Getting Started","\u002Fgetting-started","1.getting-started\u002F1.index",[9,13,18],{"title":10,"path":6,"stem":7,"package":11,"icon":12},"Introduction",null,"i-lucide-house",{"title":14,"path":15,"stem":16,"package":11,"icon":17},"Installation","\u002Fgetting-started\u002Finstallation","1.getting-started\u002F2.installation","i-lucide-download",{"title":19,"path":20,"stem":21,"package":11,"icon":22},"Icons","\u002Fgetting-started\u002Ficons","1.getting-started\u002F3.icons","i-lucide-sparkles","i-lucide-rocket",{"title":25,"package":11,"icon":26,"path":27,"stem":28,"children":29,"page":40},"Packages","i-lucide-package","\u002Fpackages","2.packages",[30,35],{"title":31,"path":32,"stem":33,"package":11,"icon":34},"@vyui\u002Fcore","\u002Fpackages\u002Fcore","2.packages\u002F1.core","i-lucide-box",{"title":36,"path":37,"stem":38,"package":11,"icon":39},"@vyui\u002Fkit","\u002Fpackages\u002Fkit","2.packages\u002F2.kit","i-lucide-layers",false,{"title":42,"path":43,"stem":44,"children":45,"package":11,"icon":47},"CLI","\u002Fcli","3.cli\u002F1.index",[46],{"title":42,"path":43,"stem":44,"package":11,"icon":47},"i-lucide-terminal",{"title":49,"package":11,"icon":50,"path":51,"stem":52,"children":53},"Components","i-lucide-layout-grid","\u002Fcomponents","3.components",[54,56,62,67,72,77,82,87,92,97,102,107,112,117,122,127,132,136,141,145,150,155,160,165,170,175,180,185,190,195,200,205,210,215,220,225,230,234,238,243,248,253,258,263,268,272,276,280,284,288],{"title":49,"path":51,"stem":55,"package":11,"icon":50},"3.components\u002Findex",{"title":57,"path":58,"stem":59,"package":60,"icon":61},"Accordion","\u002Fcomponents\u002Faccordion","3.components\u002Faccordion","kit","i-lucide-list-collapse",{"title":63,"path":64,"stem":65,"package":60,"icon":66},"Action Sheet","\u002Fcomponents\u002Faction-sheet","3.components\u002Faction-sheet","i-lucide-panel-bottom",{"title":68,"path":69,"stem":70,"package":60,"icon":71},"Alert","\u002Fcomponents\u002Falert","3.components\u002Falert","i-lucide-triangle-alert",{"title":73,"path":74,"stem":75,"package":76,"icon":71},"Alert Dialog","\u002Fcomponents\u002Falert-dialog","3.components\u002Falert-dialog","core",{"title":78,"path":79,"stem":80,"package":60,"icon":81},"Aspect Ratio","\u002Fcomponents\u002Faspect-ratio","3.components\u002Faspect-ratio","i-lucide-ratio",{"title":83,"path":84,"stem":85,"package":60,"icon":86},"Avatar","\u002Fcomponents\u002Favatar","3.components\u002Favatar","i-lucide-circle-user-round",{"title":88,"path":89,"stem":90,"package":60,"icon":91},"Avatar Group","\u002Fcomponents\u002Favatar-group","3.components\u002Favatar-group","i-lucide-users-round",{"title":93,"path":94,"stem":95,"package":60,"icon":96},"Button","\u002Fcomponents\u002Fbutton","3.components\u002Fbutton","i-lucide-square-mouse-pointer",{"title":98,"path":99,"stem":100,"package":60,"icon":101},"Calendar","\u002Fcomponents\u002Fcalendar","3.components\u002Fcalendar","i-lucide-calendar-days",{"title":103,"path":104,"stem":105,"package":60,"icon":106},"Card","\u002Fcomponents\u002Fcard","3.components\u002Fcard","i-lucide-square",{"title":108,"path":109,"stem":110,"package":60,"icon":111},"Checkbox","\u002Fcomponents\u002Fcheckbox","3.components\u002Fcheckbox","i-lucide-square-check",{"title":113,"path":114,"stem":115,"package":76,"icon":116},"Collapsible","\u002Fcomponents\u002Fcollapsible","3.components\u002Fcollapsible","i-lucide-chevrons-down-up",{"title":118,"path":119,"stem":120,"package":76,"icon":121},"Dialog","\u002Fcomponents\u002Fdialog","3.components\u002Fdialog","i-lucide-app-window",{"title":123,"path":124,"stem":125,"package":76,"icon":126},"Draggable","\u002Fcomponents\u002Fdraggable","3.components\u002Fdraggable","i-lucide-move",{"title":128,"path":129,"stem":130,"package":60,"icon":131},"Form","\u002Fcomponents\u002Fform","3.components\u002Fform","i-lucide-clipboard-list",{"title":133,"path":134,"stem":135,"package":76,"icon":22},"Icon","\u002Fcomponents\u002Ficon","3.components\u002Ficon",{"title":137,"path":138,"stem":139,"package":60,"icon":140},"Input","\u002Fcomponents\u002Finput","3.components\u002Finput","i-lucide-text-cursor-input",{"title":142,"path":143,"stem":144,"package":60,"icon":66},"Island","\u002Fcomponents\u002Fisland","3.components\u002Fisland",{"title":146,"path":147,"stem":148,"package":60,"icon":149},"Island Button","\u002Fcomponents\u002Fisland-button","3.components\u002Fisland-button","i-lucide-circle-ellipsis",{"title":151,"path":152,"stem":153,"package":60,"icon":154},"Island Group","\u002Fcomponents\u002Fisland-group","3.components\u002Fisland-group","i-lucide-panels-top-left",{"title":156,"path":157,"stem":158,"package":60,"icon":159},"KeyboardAware","\u002Fcomponents\u002Fkeyboard-aware","3.components\u002Fkeyboard-aware","i-lucide-keyboard",{"title":161,"path":162,"stem":163,"package":60,"icon":164},"Label","\u002Fcomponents\u002Flabel","3.components\u002Flabel","i-lucide-tag",{"title":166,"path":167,"stem":168,"package":60,"icon":169},"Modal","\u002Fcomponents\u002Fmodal","3.components\u002Fmodal","i-lucide-gallery-vertical-end",{"title":171,"path":172,"stem":173,"package":76,"icon":174},"Navigation","\u002Fcomponents\u002Fnavigation","3.components\u002Fnavigation","i-lucide-route",{"title":176,"path":177,"stem":178,"package":60,"icon":179},"Number Field","\u002Fcomponents\u002Fnumber-field","3.components\u002Fnumber-field","i-lucide-list-plus",{"title":181,"path":182,"stem":183,"package":76,"icon":184},"Pagination","\u002Fcomponents\u002Fpagination","3.components\u002Fpagination","i-lucide-ellipsis",{"title":186,"path":187,"stem":188,"package":60,"icon":189},"Pin Input","\u002Fcomponents\u002Fpin-input","3.components\u002Fpin-input","i-lucide-key-round",{"title":191,"path":192,"stem":193,"package":60,"icon":194},"Placeholder","\u002Fcomponents\u002Fplaceholder","3.components\u002Fplaceholder","i-lucide-square-dashed",{"title":196,"path":197,"stem":198,"package":60,"icon":199},"Popover","\u002Fcomponents\u002Fpopover","3.components\u002Fpopover","i-lucide-message-square-more",{"title":201,"path":202,"stem":203,"package":60,"icon":204},"Progress","\u002Fcomponents\u002Fprogress","3.components\u002Fprogress","i-lucide-chart-no-axes-column-increasing",{"title":206,"path":207,"stem":208,"package":60,"icon":209},"Radio Group","\u002Fcomponents\u002Fradio-group","3.components\u002Fradio-group","i-lucide-circle-dot",{"title":211,"path":212,"stem":213,"package":60,"icon":214},"Rating","\u002Fcomponents\u002Frating","3.components\u002Frating","i-lucide-star",{"title":216,"path":217,"stem":218,"package":76,"icon":219},"Scroll View","\u002Fcomponents\u002Fscroll-view","3.components\u002Fscroll-view","i-lucide-scroll",{"title":221,"path":222,"stem":223,"package":60,"icon":224},"Select","\u002Fcomponents\u002Fselect","3.components\u002Fselect","i-lucide-list-check",{"title":226,"path":227,"stem":228,"package":60,"icon":229},"Separator","\u002Fcomponents\u002Fseparator","3.components\u002Fseparator","i-lucide-separator-horizontal",{"title":231,"path":232,"stem":233,"package":76,"icon":66},"Sheet","\u002Fcomponents\u002Fsheet","3.components\u002Fsheet",{"title":235,"path":236,"stem":237,"package":60,"icon":154},"Skeleton","\u002Fcomponents\u002Fskeleton","3.components\u002Fskeleton",{"title":239,"path":240,"stem":241,"package":60,"icon":242},"Slider","\u002Fcomponents\u002Fslider","3.components\u002Fslider","i-lucide-sliders-horizontal",{"title":244,"path":245,"stem":246,"package":60,"icon":247},"Sortable","\u002Fcomponents\u002Fsortable","3.components\u002Fsortable","i-lucide-list-restart",{"title":249,"path":250,"stem":251,"package":60,"icon":252},"Stepper","\u002Fcomponents\u002Fstepper","3.components\u002Fstepper","i-lucide-list-ordered",{"title":254,"path":255,"stem":256,"package":60,"icon":257},"Swipe Action","\u002Fcomponents\u002Fswipe-action","3.components\u002Fswipe-action","i-lucide-move-horizontal",{"title":259,"path":260,"stem":261,"package":60,"icon":262},"Swiper","\u002Fcomponents\u002Fswiper","3.components\u002Fswiper","i-lucide-gallery-horizontal-end",{"title":264,"path":265,"stem":266,"package":60,"icon":267},"Switch","\u002Fcomponents\u002Fswitch","3.components\u002Fswitch","i-lucide-toggle-right",{"title":269,"path":270,"stem":271,"package":60,"icon":154},"Tabs","\u002Fcomponents\u002Ftabs","3.components\u002Ftabs",{"title":273,"path":274,"stem":275,"package":60,"icon":140},"Textarea","\u002Fcomponents\u002Ftextarea","3.components\u002Ftextarea",{"title":277,"path":278,"stem":279,"package":60,"icon":199},"Toast","\u002Fcomponents\u002Ftoast","3.components\u002Ftoast",{"title":281,"path":282,"stem":283,"package":60,"icon":267},"Toggle","\u002Fcomponents\u002Ftoggle","3.components\u002Ftoggle",{"title":285,"path":286,"stem":287,"package":60,"icon":154},"Toggle Group","\u002Fcomponents\u002Ftoggle-group","3.components\u002Ftoggle-group",{"title":289,"path":290,"stem":291,"package":60,"icon":292},"Tray","\u002Fcomponents\u002Ftray","3.components\u002Ftray","i-lucide-square-dashed-bottom",{"title":294,"path":295,"stem":296,"package":11,"icon":297},"Theming","\u002Ftheming","4.theming","i-lucide-palette",{"title":299,"path":300,"stem":301,"package":11,"icon":302},"Accessibility","\u002Faccessibility","5.accessibility","i-lucide-accessibility",{"title":304,"path":305,"stem":306,"package":11,"icon":307},"i18n","\u002Fi18n","6.i18n","i-lucide-languages",{"title":309,"path":310,"stem":311,"package":11,"icon":312},"Roadmap","\u002Froadmap","7.roadmap","i-lucide-map",{"id":314,"title":277,"body":315,"description":2947,"extension":2948,"links":2949,"meta":2955,"navigation":2956,"package":60,"path":278,"seo":2957,"stem":279,"__hash__":2958},"docs\u002F3.components\u002Ftoast.md",{"type":316,"value":317,"toc":2924},"minimark",[318,323,331,346,351,355,726,735,740,746,998,1008,1012,1019,1495,1498,1502,1523,1526,1810,1814,1817,1912,1916,2000,2004,2349,2374,2392,2396,2428,2432,2522,2526,2536,2542,2616,2621,2694,2697,2701,2710,2817,2825,2828,2839,2853,2860,2864,2893,2897,2920],[319,320,322],"h2",{"id":321},"overview","Overview",[324,325,326,330],"p",{},[327,328,329],"code",{},"VyToast"," displays short-lived feedback in a styled card. It supports semantic colors, icons or avatars, actions, a close control, a countdown bar, swipe dismissal, and Sonner-style stacked layouts.",[324,332,333,334,337,338,341,342,345],{},"Every toast must be rendered inside the core ",[327,335,336],{},"ToastProvider",". Use ",[327,339,340],{},"ToastViewport"," when the toast should float at a screen edge through the app's ",[327,343,344],{},"OverlayRoot",".",[347,348],"component-code",{"height":349,"name":350},"220px","toast-example",[319,352,354],{"id":353},"usage","Usage",[356,357,362],"pre",{"className":358,"code":359,"language":360,"meta":361,"style":361},"language-vue shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003Cscript setup lang=\"ts\">\nimport { ToastProvider, ToastViewport } from '@vyui\u002Fcore'\nimport { VyToast } from '@vyui\u002Fkit'\nimport { ref } from 'vue'\n\nconst visible = ref(true)\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003CToastProvider :duration=\"5000\">\n    \u003CToastViewport position=\"top\" :style=\"{ top: '16px', zIndex: 60 }\">\n      \u003CVyToast\n        v-if=\"visible\"\n        title=\"Changes saved\"\n        description=\"Your profile is up to date.\"\n        icon=\"i-lucide-circle-check\"\n        color=\"success\"\n        progress\n        @update:open=\"visible = $event\"\n      \u002F>\n    \u003C\u002FToastViewport>\n  \u003C\u002FToastProvider>\n\u003C\u002Ftemplate>\n","vue","",[327,363,364,399,433,453,473,480,504,514,519,529,551,585,594,610,625,640,655,670,676,691,697,707,717],{"__ignoreMap":361},[365,366,369,373,377,381,384,387,390,394,396],"span",{"class":367,"line":368},"line",1,[365,370,372],{"class":371},"sMK4o","\u003C",[365,374,376],{"class":375},"swJcz","script",[365,378,380],{"class":379},"spNyl"," setup",[365,382,383],{"class":379}," lang",[365,385,386],{"class":371},"=",[365,388,389],{"class":371},"\"",[365,391,393],{"class":392},"sfazB","ts",[365,395,389],{"class":371},[365,397,398],{"class":371},">\n",[365,400,402,406,409,413,416,419,422,425,428,430],{"class":367,"line":401},2,[365,403,405],{"class":404},"s7zQu","import",[365,407,408],{"class":371}," {",[365,410,412],{"class":411},"sTEyZ"," ToastProvider",[365,414,415],{"class":371},",",[365,417,418],{"class":411}," ToastViewport",[365,420,421],{"class":371}," }",[365,423,424],{"class":404}," from",[365,426,427],{"class":371}," '",[365,429,31],{"class":392},[365,431,432],{"class":371},"'\n",[365,434,436,438,440,443,445,447,449,451],{"class":367,"line":435},3,[365,437,405],{"class":404},[365,439,408],{"class":371},[365,441,442],{"class":411}," VyToast",[365,444,421],{"class":371},[365,446,424],{"class":404},[365,448,427],{"class":371},[365,450,36],{"class":392},[365,452,432],{"class":371},[365,454,456,458,460,463,465,467,469,471],{"class":367,"line":455},4,[365,457,405],{"class":404},[365,459,408],{"class":371},[365,461,462],{"class":411}," ref",[365,464,421],{"class":371},[365,466,424],{"class":404},[365,468,427],{"class":371},[365,470,360],{"class":392},[365,472,432],{"class":371},[365,474,476],{"class":367,"line":475},5,[365,477,479],{"emptyLinePlaceholder":478},true,"\n",[365,481,483,486,489,491,494,497,501],{"class":367,"line":482},6,[365,484,485],{"class":379},"const",[365,487,488],{"class":411}," visible ",[365,490,386],{"class":371},[365,492,462],{"class":493},"s2Zo4",[365,495,496],{"class":411},"(",[365,498,500],{"class":499},"sfNiH","true",[365,502,503],{"class":411},")\n",[365,505,507,510,512],{"class":367,"line":506},7,[365,508,509],{"class":371},"\u003C\u002F",[365,511,376],{"class":375},[365,513,398],{"class":371},[365,515,517],{"class":367,"line":516},8,[365,518,479],{"emptyLinePlaceholder":478},[365,520,522,524,527],{"class":367,"line":521},9,[365,523,372],{"class":371},[365,525,526],{"class":375},"template",[365,528,398],{"class":371},[365,530,532,535,537,540,542,544,547,549],{"class":367,"line":531},10,[365,533,534],{"class":371},"  \u003C",[365,536,336],{"class":375},[365,538,539],{"class":379}," :duration",[365,541,386],{"class":371},[365,543,389],{"class":371},[365,545,546],{"class":392},"5000",[365,548,389],{"class":371},[365,550,398],{"class":371},[365,552,554,557,559,562,564,566,569,571,574,576,578,581,583],{"class":367,"line":553},11,[365,555,556],{"class":371},"    \u003C",[365,558,340],{"class":375},[365,560,561],{"class":379}," position",[365,563,386],{"class":371},[365,565,389],{"class":371},[365,567,568],{"class":392},"top",[365,570,389],{"class":371},[365,572,573],{"class":379}," :style",[365,575,386],{"class":371},[365,577,389],{"class":371},[365,579,580],{"class":392},"{ top: '16px', zIndex: 60 }",[365,582,389],{"class":371},[365,584,398],{"class":371},[365,586,588,591],{"class":367,"line":587},12,[365,589,590],{"class":371},"      \u003C",[365,592,593],{"class":375},"VyToast\n",[365,595,597,600,602,604,607],{"class":367,"line":596},13,[365,598,599],{"class":379},"        v-if",[365,601,386],{"class":371},[365,603,389],{"class":371},[365,605,606],{"class":392},"visible",[365,608,609],{"class":371},"\"\n",[365,611,613,616,618,620,623],{"class":367,"line":612},14,[365,614,615],{"class":379},"        title",[365,617,386],{"class":371},[365,619,389],{"class":371},[365,621,622],{"class":392},"Changes saved",[365,624,609],{"class":371},[365,626,628,631,633,635,638],{"class":367,"line":627},15,[365,629,630],{"class":379},"        description",[365,632,386],{"class":371},[365,634,389],{"class":371},[365,636,637],{"class":392},"Your profile is up to date.",[365,639,609],{"class":371},[365,641,643,646,648,650,653],{"class":367,"line":642},16,[365,644,645],{"class":379},"        icon",[365,647,386],{"class":371},[365,649,389],{"class":371},[365,651,652],{"class":392},"i-lucide-circle-check",[365,654,609],{"class":371},[365,656,658,661,663,665,668],{"class":367,"line":657},17,[365,659,660],{"class":379},"        color",[365,662,386],{"class":371},[365,664,389],{"class":371},[365,666,667],{"class":392},"success",[365,669,609],{"class":371},[365,671,673],{"class":367,"line":672},18,[365,674,675],{"class":379},"        progress\n",[365,677,679,682,684,686,689],{"class":367,"line":678},19,[365,680,681],{"class":379},"        @update:open",[365,683,386],{"class":371},[365,685,389],{"class":371},[365,687,688],{"class":392},"visible = $event",[365,690,609],{"class":371},[365,692,694],{"class":367,"line":693},20,[365,695,696],{"class":371},"      \u002F>\n",[365,698,700,703,705],{"class":367,"line":699},21,[365,701,702],{"class":371},"    \u003C\u002F",[365,704,340],{"class":375},[365,706,398],{"class":371},[365,708,710,713,715],{"class":367,"line":709},22,[365,711,712],{"class":371},"  \u003C\u002F",[365,714,336],{"class":375},[365,716,398],{"class":371},[365,718,720,722,724],{"class":367,"line":719},23,[365,721,509],{"class":371},[365,723,526],{"class":375},[365,725,398],{"class":371},[324,727,728,730,731,734],{},[327,729,329],{}," opens when it mounts. Remove it when ",[327,732,733],{},"update:open(false)"," fires, whether dismissal came from the timer, close control, action, or swipe.",[736,737,739],"h3",{"id":738},"actions","Actions",[324,741,742,743,745],{},"Pass button prop objects to ",[327,744,738],{},". Tapping an action closes the toast after the button's own handler runs.",[356,747,749],{"className":358,"code":748,"language":360,"meta":361,"style":361},"\u003Cscript setup lang=\"ts\">\nimport { ToastProvider } from '@vyui\u002Fcore'\nimport { VyToast } from '@vyui\u002Fkit'\n\nfunction undo() {\n  console.log('Undo deletion')\n}\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003CToastProvider :duration=\"0\">\n    \u003CVyToast\n      title=\"Conversation deleted\"\n      description=\"This action can be undone.\"\n      color=\"warning\"\n      :actions=\"[\n        { label: 'Undo', color: 'warning', variant: 'soft', onTap: undo },\n      ]\"\n      :close=\"{ size: 'sm' }\"\n    \u002F>\n  \u003C\u002FToastProvider>\n\u003C\u002Ftemplate>\n",[327,750,751,771,789,807,811,825,847,852,860,864,872,891,897,911,925,939,951,956,963,977,982,990],{"__ignoreMap":361},[365,752,753,755,757,759,761,763,765,767,769],{"class":367,"line":368},[365,754,372],{"class":371},[365,756,376],{"class":375},[365,758,380],{"class":379},[365,760,383],{"class":379},[365,762,386],{"class":371},[365,764,389],{"class":371},[365,766,393],{"class":392},[365,768,389],{"class":371},[365,770,398],{"class":371},[365,772,773,775,777,779,781,783,785,787],{"class":367,"line":401},[365,774,405],{"class":404},[365,776,408],{"class":371},[365,778,412],{"class":411},[365,780,421],{"class":371},[365,782,424],{"class":404},[365,784,427],{"class":371},[365,786,31],{"class":392},[365,788,432],{"class":371},[365,790,791,793,795,797,799,801,803,805],{"class":367,"line":435},[365,792,405],{"class":404},[365,794,408],{"class":371},[365,796,442],{"class":411},[365,798,421],{"class":371},[365,800,424],{"class":404},[365,802,427],{"class":371},[365,804,36],{"class":392},[365,806,432],{"class":371},[365,808,809],{"class":367,"line":455},[365,810,479],{"emptyLinePlaceholder":478},[365,812,813,816,819,822],{"class":367,"line":475},[365,814,815],{"class":379},"function",[365,817,818],{"class":493}," undo",[365,820,821],{"class":371},"()",[365,823,824],{"class":371}," {\n",[365,826,827,830,832,835,837,840,843,845],{"class":367,"line":482},[365,828,829],{"class":411},"  console",[365,831,345],{"class":371},[365,833,834],{"class":493},"log",[365,836,496],{"class":375},[365,838,839],{"class":371},"'",[365,841,842],{"class":392},"Undo deletion",[365,844,839],{"class":371},[365,846,503],{"class":375},[365,848,849],{"class":367,"line":506},[365,850,851],{"class":371},"}\n",[365,853,854,856,858],{"class":367,"line":516},[365,855,509],{"class":371},[365,857,376],{"class":375},[365,859,398],{"class":371},[365,861,862],{"class":367,"line":521},[365,863,479],{"emptyLinePlaceholder":478},[365,865,866,868,870],{"class":367,"line":531},[365,867,372],{"class":371},[365,869,526],{"class":375},[365,871,398],{"class":371},[365,873,874,876,878,880,882,884,887,889],{"class":367,"line":553},[365,875,534],{"class":371},[365,877,336],{"class":375},[365,879,539],{"class":379},[365,881,386],{"class":371},[365,883,389],{"class":371},[365,885,886],{"class":392},"0",[365,888,389],{"class":371},[365,890,398],{"class":371},[365,892,893,895],{"class":367,"line":587},[365,894,556],{"class":371},[365,896,593],{"class":375},[365,898,899,902,904,906,909],{"class":367,"line":596},[365,900,901],{"class":379},"      title",[365,903,386],{"class":371},[365,905,389],{"class":371},[365,907,908],{"class":392},"Conversation deleted",[365,910,609],{"class":371},[365,912,913,916,918,920,923],{"class":367,"line":612},[365,914,915],{"class":379},"      description",[365,917,386],{"class":371},[365,919,389],{"class":371},[365,921,922],{"class":392},"This action can be undone.",[365,924,609],{"class":371},[365,926,927,930,932,934,937],{"class":367,"line":627},[365,928,929],{"class":379},"      color",[365,931,386],{"class":371},[365,933,389],{"class":371},[365,935,936],{"class":392},"warning",[365,938,609],{"class":371},[365,940,941,944,946,948],{"class":367,"line":642},[365,942,943],{"class":379},"      :actions",[365,945,386],{"class":371},[365,947,389],{"class":371},[365,949,950],{"class":392},"[\n",[365,952,953],{"class":367,"line":657},[365,954,955],{"class":392},"        { label: 'Undo', color: 'warning', variant: 'soft', onTap: undo },\n",[365,957,958,961],{"class":367,"line":672},[365,959,960],{"class":392},"      ]",[365,962,609],{"class":371},[365,964,965,968,970,972,975],{"class":367,"line":678},[365,966,967],{"class":379},"      :close",[365,969,386],{"class":371},[365,971,389],{"class":371},[365,973,974],{"class":392},"{ size: 'sm' }",[365,976,609],{"class":371},[365,978,979],{"class":367,"line":693},[365,980,981],{"class":371},"    \u002F>\n",[365,983,984,986,988],{"class":367,"line":699},[365,985,712],{"class":371},[365,987,336],{"class":375},[365,989,398],{"class":371},[365,991,992,994,996],{"class":367,"line":709},[365,993,509],{"class":371},[365,995,526],{"class":375},[365,997,398],{"class":371},[324,999,1000,1001,1003,1004,1007],{},"Set the provider duration to ",[327,1002,886],{}," for a persistent toast. The kit component does not currently expose a per-toast ",[327,1005,1006],{},"duration"," prop.",[736,1009,1011],{"id":1010},"stacked-toasts","Stacked toasts",[324,1013,1014,1015,1018],{},"One provider coordinates order, measured heights, and expanded state for every toast in the stack. Match ",[327,1016,1017],{},"stackFrom"," to the viewport's vertical edge.",[356,1020,1022],{"className":358,"code":1021,"language":360,"meta":361,"style":361},"\u003Cscript setup lang=\"ts\">\nimport { ToastProvider, ToastViewport } from '@vyui\u002Fcore'\nimport { VyToast } from '@vyui\u002Fkit'\nimport { ref } from 'vue'\n\nconst toasts = ref([\n  { id: 1, title: 'Build complete', description: 'Artifacts are ready.' },\n  { id: 2, title: 'Preview deployed', description: 'The preview URL is live.' },\n])\n\nfunction remove(id: number) {\n  toasts.value = toasts.value.filter(toast => toast.id !== id)\n}\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003CToastProvider :duration=\"6000\">\n    \u003CToastViewport position=\"top\" :style=\"{ top: '16px', zIndex: 60 }\">\n      \u003CVyToast\n        v-for=\"toast in toasts\"\n        :key=\"toast.id\"\n        stacked\n        stack-from=\"top\"\n        swipe\n        progress\n        :title=\"toast.title\"\n        :description=\"toast.description\"\n        @update:open=\"open => !open && remove(toast.id)\"\n      \u002F>\n    \u003C\u002FToastViewport>\n  \u003C\u002FToastProvider>\n\u003C\u002Ftemplate>\n",[327,1023,1024,1044,1066,1084,1102,1106,1120,1166,1205,1210,1214,1238,1285,1289,1297,1301,1309,1328,1356,1362,1376,1390,1395,1408,1414,1419,1434,1449,1463,1468,1477,1486],{"__ignoreMap":361},[365,1025,1026,1028,1030,1032,1034,1036,1038,1040,1042],{"class":367,"line":368},[365,1027,372],{"class":371},[365,1029,376],{"class":375},[365,1031,380],{"class":379},[365,1033,383],{"class":379},[365,1035,386],{"class":371},[365,1037,389],{"class":371},[365,1039,393],{"class":392},[365,1041,389],{"class":371},[365,1043,398],{"class":371},[365,1045,1046,1048,1050,1052,1054,1056,1058,1060,1062,1064],{"class":367,"line":401},[365,1047,405],{"class":404},[365,1049,408],{"class":371},[365,1051,412],{"class":411},[365,1053,415],{"class":371},[365,1055,418],{"class":411},[365,1057,421],{"class":371},[365,1059,424],{"class":404},[365,1061,427],{"class":371},[365,1063,31],{"class":392},[365,1065,432],{"class":371},[365,1067,1068,1070,1072,1074,1076,1078,1080,1082],{"class":367,"line":435},[365,1069,405],{"class":404},[365,1071,408],{"class":371},[365,1073,442],{"class":411},[365,1075,421],{"class":371},[365,1077,424],{"class":404},[365,1079,427],{"class":371},[365,1081,36],{"class":392},[365,1083,432],{"class":371},[365,1085,1086,1088,1090,1092,1094,1096,1098,1100],{"class":367,"line":455},[365,1087,405],{"class":404},[365,1089,408],{"class":371},[365,1091,462],{"class":411},[365,1093,421],{"class":371},[365,1095,424],{"class":404},[365,1097,427],{"class":371},[365,1099,360],{"class":392},[365,1101,432],{"class":371},[365,1103,1104],{"class":367,"line":475},[365,1105,479],{"emptyLinePlaceholder":478},[365,1107,1108,1110,1113,1115,1117],{"class":367,"line":482},[365,1109,485],{"class":379},[365,1111,1112],{"class":411}," toasts ",[365,1114,386],{"class":371},[365,1116,462],{"class":493},[365,1118,1119],{"class":411},"([\n",[365,1121,1122,1125,1128,1131,1135,1137,1140,1142,1144,1147,1149,1151,1154,1156,1158,1161,1163],{"class":367,"line":506},[365,1123,1124],{"class":371},"  {",[365,1126,1127],{"class":375}," id",[365,1129,1130],{"class":371},":",[365,1132,1134],{"class":1133},"sbssI"," 1",[365,1136,415],{"class":371},[365,1138,1139],{"class":375}," title",[365,1141,1130],{"class":371},[365,1143,427],{"class":371},[365,1145,1146],{"class":392},"Build complete",[365,1148,839],{"class":371},[365,1150,415],{"class":371},[365,1152,1153],{"class":375}," description",[365,1155,1130],{"class":371},[365,1157,427],{"class":371},[365,1159,1160],{"class":392},"Artifacts are ready.",[365,1162,839],{"class":371},[365,1164,1165],{"class":371}," },\n",[365,1167,1168,1170,1172,1174,1177,1179,1181,1183,1185,1188,1190,1192,1194,1196,1198,1201,1203],{"class":367,"line":516},[365,1169,1124],{"class":371},[365,1171,1127],{"class":375},[365,1173,1130],{"class":371},[365,1175,1176],{"class":1133}," 2",[365,1178,415],{"class":371},[365,1180,1139],{"class":375},[365,1182,1130],{"class":371},[365,1184,427],{"class":371},[365,1186,1187],{"class":392},"Preview deployed",[365,1189,839],{"class":371},[365,1191,415],{"class":371},[365,1193,1153],{"class":375},[365,1195,1130],{"class":371},[365,1197,427],{"class":371},[365,1199,1200],{"class":392},"The preview URL is live.",[365,1202,839],{"class":371},[365,1204,1165],{"class":371},[365,1206,1207],{"class":367,"line":521},[365,1208,1209],{"class":411},"])\n",[365,1211,1212],{"class":367,"line":531},[365,1213,479],{"emptyLinePlaceholder":478},[365,1215,1216,1218,1221,1223,1227,1229,1233,1236],{"class":367,"line":553},[365,1217,815],{"class":379},[365,1219,1220],{"class":493}," remove",[365,1222,496],{"class":371},[365,1224,1226],{"class":1225},"sHdIc","id",[365,1228,1130],{"class":371},[365,1230,1232],{"class":1231},"sBMFI"," number",[365,1234,1235],{"class":371},")",[365,1237,824],{"class":371},[365,1239,1240,1243,1245,1248,1251,1254,1256,1258,1260,1263,1265,1268,1271,1274,1276,1278,1281,1283],{"class":367,"line":587},[365,1241,1242],{"class":411},"  toasts",[365,1244,345],{"class":371},[365,1246,1247],{"class":411},"value",[365,1249,1250],{"class":371}," =",[365,1252,1253],{"class":411}," toasts",[365,1255,345],{"class":371},[365,1257,1247],{"class":411},[365,1259,345],{"class":371},[365,1261,1262],{"class":493},"filter",[365,1264,496],{"class":375},[365,1266,1267],{"class":1225},"toast",[365,1269,1270],{"class":379}," =>",[365,1272,1273],{"class":411}," toast",[365,1275,345],{"class":371},[365,1277,1226],{"class":411},[365,1279,1280],{"class":371}," !==",[365,1282,1127],{"class":411},[365,1284,503],{"class":375},[365,1286,1287],{"class":367,"line":596},[365,1288,851],{"class":371},[365,1290,1291,1293,1295],{"class":367,"line":612},[365,1292,509],{"class":371},[365,1294,376],{"class":375},[365,1296,398],{"class":371},[365,1298,1299],{"class":367,"line":627},[365,1300,479],{"emptyLinePlaceholder":478},[365,1302,1303,1305,1307],{"class":367,"line":642},[365,1304,372],{"class":371},[365,1306,526],{"class":375},[365,1308,398],{"class":371},[365,1310,1311,1313,1315,1317,1319,1321,1324,1326],{"class":367,"line":657},[365,1312,534],{"class":371},[365,1314,336],{"class":375},[365,1316,539],{"class":379},[365,1318,386],{"class":371},[365,1320,389],{"class":371},[365,1322,1323],{"class":392},"6000",[365,1325,389],{"class":371},[365,1327,398],{"class":371},[365,1329,1330,1332,1334,1336,1338,1340,1342,1344,1346,1348,1350,1352,1354],{"class":367,"line":672},[365,1331,556],{"class":371},[365,1333,340],{"class":375},[365,1335,561],{"class":379},[365,1337,386],{"class":371},[365,1339,389],{"class":371},[365,1341,568],{"class":392},[365,1343,389],{"class":371},[365,1345,573],{"class":379},[365,1347,386],{"class":371},[365,1349,389],{"class":371},[365,1351,580],{"class":392},[365,1353,389],{"class":371},[365,1355,398],{"class":371},[365,1357,1358,1360],{"class":367,"line":678},[365,1359,590],{"class":371},[365,1361,593],{"class":375},[365,1363,1364,1367,1369,1371,1374],{"class":367,"line":693},[365,1365,1366],{"class":379},"        v-for",[365,1368,386],{"class":371},[365,1370,389],{"class":371},[365,1372,1373],{"class":392},"toast in toasts",[365,1375,609],{"class":371},[365,1377,1378,1381,1383,1385,1388],{"class":367,"line":699},[365,1379,1380],{"class":379},"        :key",[365,1382,386],{"class":371},[365,1384,389],{"class":371},[365,1386,1387],{"class":392},"toast.id",[365,1389,609],{"class":371},[365,1391,1392],{"class":367,"line":709},[365,1393,1394],{"class":379},"        stacked\n",[365,1396,1397,1400,1402,1404,1406],{"class":367,"line":719},[365,1398,1399],{"class":379},"        stack-from",[365,1401,386],{"class":371},[365,1403,389],{"class":371},[365,1405,568],{"class":392},[365,1407,609],{"class":371},[365,1409,1411],{"class":367,"line":1410},24,[365,1412,1413],{"class":379},"        swipe\n",[365,1415,1417],{"class":367,"line":1416},25,[365,1418,675],{"class":379},[365,1420,1422,1425,1427,1429,1432],{"class":367,"line":1421},26,[365,1423,1424],{"class":379},"        :title",[365,1426,386],{"class":371},[365,1428,389],{"class":371},[365,1430,1431],{"class":392},"toast.title",[365,1433,609],{"class":371},[365,1435,1437,1440,1442,1444,1447],{"class":367,"line":1436},27,[365,1438,1439],{"class":379},"        :description",[365,1441,386],{"class":371},[365,1443,389],{"class":371},[365,1445,1446],{"class":392},"toast.description",[365,1448,609],{"class":371},[365,1450,1452,1454,1456,1458,1461],{"class":367,"line":1451},28,[365,1453,681],{"class":379},[365,1455,386],{"class":371},[365,1457,389],{"class":371},[365,1459,1460],{"class":392},"open => !open && remove(toast.id)",[365,1462,609],{"class":371},[365,1464,1466],{"class":367,"line":1465},29,[365,1467,696],{"class":371},[365,1469,1471,1473,1475],{"class":367,"line":1470},30,[365,1472,702],{"class":371},[365,1474,340],{"class":375},[365,1476,398],{"class":371},[365,1478,1480,1482,1484],{"class":367,"line":1479},31,[365,1481,712],{"class":371},[365,1483,336],{"class":375},[365,1485,398],{"class":371},[365,1487,1489,1491,1493],{"class":367,"line":1488},32,[365,1490,509],{"class":371},[365,1492,526],{"class":375},[365,1494,398],{"class":371},[324,1496,1497],{},"The newest mounted toast is at the front. Tapping any stacked toast toggles the entire provider between its collapsed and expanded states. Auto-dismiss timers pause while expanded and restart when the stack collapses.",[736,1499,1501],{"id":1500},"progress-color","Progress color",[324,1503,1504,1505,1508,1509,1512,1513,1515,1516,1519,1520,1522],{},"The countdown bar is colored by the toast's ",[327,1506,1507],{},"color"," by default. Pass ",[327,1510,1511],{},"progress"," an object to color the bar independently — either a fixed ",[327,1514,1507],{},", or a function of the remaining fraction (",[327,1517,1518],{},"1"," at the start, ",[327,1521,886],{}," at dismissal) so the bar recolors as it drains.",[347,1524],{"height":349,"name":1525},"toast-progress-color",[356,1527,1529],{"className":358,"code":1528,"language":360,"meta":361,"style":361},"\u003Cscript setup lang=\"ts\">\nimport { ToastProvider, ToastViewport } from '@vyui\u002Fcore'\nimport { VyToast } from '@vyui\u002Fkit'\nimport { ref } from 'vue'\n\nconst shown = ref(0)\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003CToastProvider :duration=\"6000\">\n    \u003CToastViewport position=\"top\" :style=\"{ top: '16px', zIndex: 60 }\">\n      \u003CVyToast\n        :key=\"shown\"\n        color=\"neutral\"\n        title=\"Saving changes…\"\n        description=\"Watch the bar go green → amber → red as it drains.\"\n        :progress=\"{ color: (p) => p > 0.5 ? 'success' : p > 0.25 ? 'warning' : 'error' }\"\n        :close=\"false\"\n      \u002F>\n    \u003C\u002FToastViewport>\n  \u003C\u002FToastProvider>\n\u003C\u002Ftemplate>\n",[327,1530,1531,1551,1573,1591,1609,1613,1630,1638,1642,1650,1668,1696,1702,1715,1728,1741,1754,1768,1782,1786,1794,1802],{"__ignoreMap":361},[365,1532,1533,1535,1537,1539,1541,1543,1545,1547,1549],{"class":367,"line":368},[365,1534,372],{"class":371},[365,1536,376],{"class":375},[365,1538,380],{"class":379},[365,1540,383],{"class":379},[365,1542,386],{"class":371},[365,1544,389],{"class":371},[365,1546,393],{"class":392},[365,1548,389],{"class":371},[365,1550,398],{"class":371},[365,1552,1553,1555,1557,1559,1561,1563,1565,1567,1569,1571],{"class":367,"line":401},[365,1554,405],{"class":404},[365,1556,408],{"class":371},[365,1558,412],{"class":411},[365,1560,415],{"class":371},[365,1562,418],{"class":411},[365,1564,421],{"class":371},[365,1566,424],{"class":404},[365,1568,427],{"class":371},[365,1570,31],{"class":392},[365,1572,432],{"class":371},[365,1574,1575,1577,1579,1581,1583,1585,1587,1589],{"class":367,"line":435},[365,1576,405],{"class":404},[365,1578,408],{"class":371},[365,1580,442],{"class":411},[365,1582,421],{"class":371},[365,1584,424],{"class":404},[365,1586,427],{"class":371},[365,1588,36],{"class":392},[365,1590,432],{"class":371},[365,1592,1593,1595,1597,1599,1601,1603,1605,1607],{"class":367,"line":455},[365,1594,405],{"class":404},[365,1596,408],{"class":371},[365,1598,462],{"class":411},[365,1600,421],{"class":371},[365,1602,424],{"class":404},[365,1604,427],{"class":371},[365,1606,360],{"class":392},[365,1608,432],{"class":371},[365,1610,1611],{"class":367,"line":475},[365,1612,479],{"emptyLinePlaceholder":478},[365,1614,1615,1617,1620,1622,1624,1626,1628],{"class":367,"line":482},[365,1616,485],{"class":379},[365,1618,1619],{"class":411}," shown ",[365,1621,386],{"class":371},[365,1623,462],{"class":493},[365,1625,496],{"class":411},[365,1627,886],{"class":1133},[365,1629,503],{"class":411},[365,1631,1632,1634,1636],{"class":367,"line":506},[365,1633,509],{"class":371},[365,1635,376],{"class":375},[365,1637,398],{"class":371},[365,1639,1640],{"class":367,"line":516},[365,1641,479],{"emptyLinePlaceholder":478},[365,1643,1644,1646,1648],{"class":367,"line":521},[365,1645,372],{"class":371},[365,1647,526],{"class":375},[365,1649,398],{"class":371},[365,1651,1652,1654,1656,1658,1660,1662,1664,1666],{"class":367,"line":531},[365,1653,534],{"class":371},[365,1655,336],{"class":375},[365,1657,539],{"class":379},[365,1659,386],{"class":371},[365,1661,389],{"class":371},[365,1663,1323],{"class":392},[365,1665,389],{"class":371},[365,1667,398],{"class":371},[365,1669,1670,1672,1674,1676,1678,1680,1682,1684,1686,1688,1690,1692,1694],{"class":367,"line":553},[365,1671,556],{"class":371},[365,1673,340],{"class":375},[365,1675,561],{"class":379},[365,1677,386],{"class":371},[365,1679,389],{"class":371},[365,1681,568],{"class":392},[365,1683,389],{"class":371},[365,1685,573],{"class":379},[365,1687,386],{"class":371},[365,1689,389],{"class":371},[365,1691,580],{"class":392},[365,1693,389],{"class":371},[365,1695,398],{"class":371},[365,1697,1698,1700],{"class":367,"line":587},[365,1699,590],{"class":371},[365,1701,593],{"class":375},[365,1703,1704,1706,1708,1710,1713],{"class":367,"line":596},[365,1705,1380],{"class":379},[365,1707,386],{"class":371},[365,1709,389],{"class":371},[365,1711,1712],{"class":392},"shown",[365,1714,609],{"class":371},[365,1716,1717,1719,1721,1723,1726],{"class":367,"line":612},[365,1718,660],{"class":379},[365,1720,386],{"class":371},[365,1722,389],{"class":371},[365,1724,1725],{"class":392},"neutral",[365,1727,609],{"class":371},[365,1729,1730,1732,1734,1736,1739],{"class":367,"line":627},[365,1731,615],{"class":379},[365,1733,386],{"class":371},[365,1735,389],{"class":371},[365,1737,1738],{"class":392},"Saving changes…",[365,1740,609],{"class":371},[365,1742,1743,1745,1747,1749,1752],{"class":367,"line":642},[365,1744,630],{"class":379},[365,1746,386],{"class":371},[365,1748,389],{"class":371},[365,1750,1751],{"class":392},"Watch the bar go green → amber → red as it drains.",[365,1753,609],{"class":371},[365,1755,1756,1759,1761,1763,1766],{"class":367,"line":657},[365,1757,1758],{"class":379},"        :progress",[365,1760,386],{"class":371},[365,1762,389],{"class":371},[365,1764,1765],{"class":392},"{ color: (p) => p > 0.5 ? 'success' : p > 0.25 ? 'warning' : 'error' }",[365,1767,609],{"class":371},[365,1769,1770,1773,1775,1777,1780],{"class":367,"line":672},[365,1771,1772],{"class":379},"        :close",[365,1774,386],{"class":371},[365,1776,389],{"class":371},[365,1778,1779],{"class":392},"false",[365,1781,609],{"class":371},[365,1783,1784],{"class":367,"line":678},[365,1785,696],{"class":371},[365,1787,1788,1790,1792],{"class":367,"line":693},[365,1789,702],{"class":371},[365,1791,340],{"class":375},[365,1793,398],{"class":371},[365,1795,1796,1798,1800],{"class":367,"line":699},[365,1797,712],{"class":371},[365,1799,336],{"class":375},[365,1801,398],{"class":371},[365,1803,1804,1806,1808],{"class":367,"line":709},[365,1805,509],{"class":371},[365,1807,526],{"class":375},[365,1809,398],{"class":371},[736,1811,1813],{"id":1812},"custom-content","Custom content",[324,1815,1816],{},"Named slots replace the corresponding built-in regions.",[356,1818,1820],{"className":358,"code":1819,"language":360,"meta":361,"style":361},"\u003CToastProvider :duration=\"0\">\n  \u003CVyToast color=\"info\" :close=\"false\">\n    \u003Ctemplate #leading=\"{ iconColor }\">\n      \u003CVyIcon name=\"i-lucide-cloud\" :color=\"iconColor\" \u002F>\n    \u003C\u002Ftemplate>\n\n    \u003Ctemplate #title>\n      \u003Ctext class=\"text-sm font-semibold text-neutral-900\">Uploading release\u003C\u002Ftext>\n    \u003C\u002Ftemplate>\n\n    \u003Ctemplate #description>\n      \u003Ctext class=\"text-sm text-neutral-500\">12 of 20 files complete\u003C\u002Ftext>\n    \u003C\u002Ftemplate>\n  \u003C\u002FVyToast>\n\u003C\u002FToastProvider>\n",[327,1821,1822,1843,1848,1853,1858,1863,1867,1872,1877,1881,1885,1890,1895,1899,1904],{"__ignoreMap":361},[365,1823,1824,1826,1828,1831,1833,1835,1837,1839,1841],{"class":367,"line":368},[365,1825,372],{"class":371},[365,1827,336],{"class":375},[365,1829,1830],{"class":371}," :",[365,1832,1006],{"class":379},[365,1834,386],{"class":371},[365,1836,389],{"class":371},[365,1838,886],{"class":1133},[365,1840,389],{"class":371},[365,1842,398],{"class":371},[365,1844,1845],{"class":367,"line":401},[365,1846,1847],{"class":411},"  \u003CVyToast color=\"info\" :close=\"false\">\n",[365,1849,1850],{"class":367,"line":435},[365,1851,1852],{"class":411},"    \u003Ctemplate #leading=\"{ iconColor }\">\n",[365,1854,1855],{"class":367,"line":455},[365,1856,1857],{"class":411},"      \u003CVyIcon name=\"i-lucide-cloud\" :color=\"iconColor\" \u002F>\n",[365,1859,1860],{"class":367,"line":475},[365,1861,1862],{"class":411},"    \u003C\u002Ftemplate>\n",[365,1864,1865],{"class":367,"line":482},[365,1866,479],{"emptyLinePlaceholder":478},[365,1868,1869],{"class":367,"line":506},[365,1870,1871],{"class":411},"    \u003Ctemplate #title>\n",[365,1873,1874],{"class":367,"line":516},[365,1875,1876],{"class":411},"      \u003Ctext class=\"text-sm font-semibold text-neutral-900\">Uploading release\u003C\u002Ftext>\n",[365,1878,1879],{"class":367,"line":521},[365,1880,1862],{"class":411},[365,1882,1883],{"class":367,"line":531},[365,1884,479],{"emptyLinePlaceholder":478},[365,1886,1887],{"class":367,"line":553},[365,1888,1889],{"class":411},"    \u003Ctemplate #description>\n",[365,1891,1892],{"class":367,"line":587},[365,1893,1894],{"class":411},"      \u003Ctext class=\"text-sm text-neutral-500\">12 of 20 files complete\u003C\u002Ftext>\n",[365,1896,1897],{"class":367,"line":596},[365,1898,1862],{"class":411},[365,1900,1901],{"class":367,"line":612},[365,1902,1903],{"class":411},"  \u003C\u002FVyToast>\n",[365,1905,1906,1908,1910],{"class":367,"line":627},[365,1907,509],{"class":371},[365,1909,336],{"class":375},[365,1911,398],{"class":371},[319,1913,1915],{"id":1914},"features-and-behavior","Features and behavior",[1917,1918,1919,1930,1940,1953,1966,1973,1979,1985,1988,1991],"ul",{},[1920,1921,1922,1925,1926,1929],"li",{},[327,1923,1924],{},"icon"," takes precedence over ",[327,1927,1928],{},"avatar"," in the leading region.",[1920,1931,1932,1935,1936,1939],{},[327,1933,1934],{},"orientation=\"vertical\""," places actions below the copy; ",[327,1937,1938],{},"horizontal"," places them after the copy.",[1920,1941,1942,1945,1946,1948,1949,1952],{},[327,1943,1944],{},"close"," defaults to ",[327,1947,500],{},". Pass a partial ",[327,1950,1951],{},"ButtonProps"," object to customize the built-in button.",[1920,1954,1955,1956,1959,1960,1959,1963,345],{},"The close icon resolves from ",[327,1957,1958],{},"closeIcon",", then ",[327,1961,1962],{},"appConfig.ui.icons.close",[327,1964,1965],{},"i-lucide-x",[1920,1967,1968,1970,1971,345],{},[327,1969,1511],{}," renders only when the provider's resolved duration is greater than ",[327,1972,886],{},[1920,1974,1975,1978],{},[327,1976,1977],{},"swipe"," dismisses after a horizontal drag crosses 45% of the measured width or a fling reaches 600 px\u002Fs.",[1920,1980,1981,1984],{},[327,1982,1983],{},"swipeDirection"," can allow both horizontal directions or constrain dismissal to one side.",[1920,1986,1987],{},"Collapsed stacks show at most three cards; deeper cards remain mounted but transparent.",[1920,1989,1990],{},"The declared default slot is not currently rendered by the kit template. Use the named slots for custom content.",[1920,1992,1993,1994,1996,1997,1999],{},"The custom ",[327,1995,738],{}," slot is currently invoked at both the vertical and horizontal insertion points. Prefer the ",[327,1998,738],{}," prop until that duplication is resolved.",[319,2001,2003],{"id":2002},"props","Props",[2005,2006,2007,2026],"table",{},[2008,2009,2010],"thead",{},[2011,2012,2013,2017,2020,2023],"tr",{},[2014,2015,2016],"th",{},"Prop",[2014,2018,2019],{},"Type",[2014,2021,2022],{},"Default",[2014,2024,2025],{},"Description",[2027,2028,2029,2053,2073,2092,2113,2132,2152,2171,2190,2217,2234,2253,2275,2293,2311,2330],"tbody",{},[2011,2030,2031,2037,2042,2047],{},[2032,2033,2034],"td",{},[327,2035,2036],{},"title",[2032,2038,2039],{},[327,2040,2041],{},"string",[2032,2043,2044],{},[327,2045,2046],{},"undefined",[2032,2048,2049,2050,2052],{},"Title text, replaced by the ",[327,2051,2036],{}," slot.",[2011,2054,2055,2060,2064,2068],{},[2032,2056,2057],{},[327,2058,2059],{},"description",[2032,2061,2062],{},[327,2063,2041],{},[2032,2065,2066],{},[327,2067,2046],{},[2032,2069,2070,2071,2052],{},"Supporting text, replaced by the ",[327,2072,2059],{},[2011,2074,2075,2079,2083,2087],{},[2032,2076,2077],{},[327,2078,1924],{},[2032,2080,2081],{},[327,2082,2041],{},[2032,2084,2085],{},[327,2086,2046],{},[2032,2088,2089,2090,345],{},"Leading Iconify icon name. Takes precedence over ",[327,2091,1928],{},[2011,2093,2094,2098,2103,2107],{},[2032,2095,2096],{},[327,2097,1928],{},[2032,2099,2100],{},[327,2101,2102],{},"AvatarProps",[2032,2104,2105],{},[327,2106,2046],{},[2032,2108,2109,2110,2112],{},"Leading avatar shown when no ",[327,2111,1924],{}," is set.",[2011,2114,2115,2119,2124,2129],{},[2032,2116,2117],{},[327,2118,1507],{},[2032,2120,2121],{},[327,2122,2123],{},"Color",[2032,2125,2126],{},[327,2127,2128],{},"'primary'",[2032,2130,2131],{},"Semantic icon and progress-bar color.",[2011,2133,2134,2139,2144,2149],{},[2032,2135,2136],{},[327,2137,2138],{},"orientation",[2032,2140,2141],{},[327,2142,2143],{},"'horizontal' | 'vertical'",[2032,2145,2146],{},[327,2147,2148],{},"'vertical'",[2032,2150,2151],{},"Places actions beside or below the body.",[2011,2153,2154,2159,2164,2168],{},[2032,2155,2156],{},[327,2157,2158],{},"stacked",[2032,2160,2161],{},[327,2162,2163],{},"boolean",[2032,2165,2166],{},[327,2167,1779],{},[2032,2169,2170],{},"Enables the shared collapsible stack geometry.",[2011,2172,2173,2177,2182,2187],{},[2032,2174,2175],{},[327,2176,1017],{},[2032,2178,2179],{},[327,2180,2181],{},"'top' | 'bottom'",[2032,2183,2184],{},[327,2185,2186],{},"'bottom'",[2032,2188,2189],{},"Edge from which a stacked group fans out.",[2011,2191,2192,2196,2201,2205],{},[2032,2193,2194],{},[327,2195,1511],{},[2032,2197,2198],{},[327,2199,2200],{},"boolean | { color?: Color | ((p: number) => Color) }",[2032,2202,2203],{},[327,2204,1779],{},[2032,2206,2207,2208,2210,2211,2213,2214,2216],{},"Shows a countdown bar for an active auto-dismiss timer. Pass an object to color the bar independently of the toast; ",[327,2209,1507],{}," may be a function of the remaining fraction (",[327,2212,1518],{}," → ",[327,2215,886],{},") so the bar recolors as it drains.",[2011,2218,2219,2223,2227,2231],{},[2032,2220,2221],{},[327,2222,1977],{},[2032,2224,2225],{},[327,2226,2163],{},[2032,2228,2229],{},[327,2230,1779],{},[2032,2232,2233],{},"Enables swipe-to-dismiss.",[2011,2235,2236,2240,2245,2250],{},[2032,2237,2238],{},[327,2239,1983],{},[2032,2241,2242],{},[327,2243,2244],{},"'horizontal' | 'left' | 'right'",[2032,2246,2247],{},[327,2248,2249],{},"'horizontal'",[2032,2251,2252],{},"Allowed swipe-dismiss direction.",[2011,2254,2255,2259,2264,2268],{},[2032,2256,2257],{},[327,2258,738],{},[2032,2260,2261],{},[327,2262,2263],{},"ButtonProps[]",[2032,2265,2266],{},[327,2267,2046],{},[2032,2269,2270,2271,2274],{},"Buttons wrapped in core ",[327,2272,2273],{},"ToastAction"," primitives.",[2011,2276,2277,2281,2286,2290],{},[2032,2278,2279],{},[327,2280,1944],{},[2032,2282,2283],{},[327,2284,2285],{},"boolean | Partial\u003CButtonProps>",[2032,2287,2288],{},[327,2289,500],{},[2032,2291,2292],{},"Shows or customizes the built-in close button.",[2011,2294,2295,2299,2303,2308],{},[2032,2296,2297],{},[327,2298,1958],{},[2032,2300,2301],{},[327,2302,2041],{},[2032,2304,2305,2306],{},"App icon \u002F ",[327,2307,1965],{},[2032,2309,2310],{},"Iconify name for the close button.",[2011,2312,2313,2318,2323,2327],{},[2032,2314,2315],{},[327,2316,2317],{},"class",[2032,2319,2320],{},[327,2321,2322],{},"any",[2032,2324,2325],{},[327,2326,2046],{},[2032,2328,2329],{},"Classes merged onto the visual card.",[2011,2331,2332,2337,2342,2346],{},[2032,2333,2334],{},[327,2335,2336],{},"ui",[2032,2338,2339],{},[327,2340,2341],{},"Partial\u003CRecord\u003CToastSlot, any>>",[2032,2343,2344],{},[327,2345,2046],{},[2032,2347,2348],{},"Per-instance theme slot overrides.",[324,2350,2351,1945,2353,2356,2357,2356,2360,2356,2362,2356,2365,2356,2367,2370,2371,2373],{},[327,2352,2123],{},[327,2354,2355],{},"primary",", ",[327,2358,2359],{},"secondary",[327,2361,667],{},[327,2363,2364],{},"info",[327,2366,936],{},[327,2368,2369],{},"error",", or ",[327,2372,1725],{},", and supports consumer registry extensions.",[324,2375,2376,2377,2356,2380,2356,2383,2370,2385,2388,2389,2391],{},"The kit wrapper does not expose the core root's ",[327,2378,2379],{},"open",[327,2381,2382],{},"defaultOpen",[327,2384,1006],{},[327,2386,2387],{},"type"," props. Control lifetime by mounting the toast, configure duration on ",[327,2390,336],{},", and use core primitives directly when those lower-level controls are required.",[319,2393,2395],{"id":2394},"emits","Emits",[2005,2397,2398,2410],{},[2008,2399,2400],{},[2011,2401,2402,2405,2408],{},[2014,2403,2404],{},"Event",[2014,2406,2407],{},"Payload",[2014,2409,2025],{},[2027,2411,2412],{},[2011,2413,2414,2419,2423],{},[2032,2415,2416],{},[327,2417,2418],{},"update:open",[2032,2420,2421],{},[327,2422,2163],{},[2032,2424,2425,2426,345],{},"Forwards the core open-state change. In normal use the emitted closing value is ",[327,2427,1779],{},[319,2429,2431],{"id":2430},"slots","Slots",[2005,2433,2434,2445],{},[2008,2435,2436],{},[2011,2437,2438,2441,2443],{},[2014,2439,2440],{},"Slot",[2014,2442,2003],{},[2014,2444,2025],{},[2027,2446,2447,2460,2475,2486,2497,2508],{},[2011,2448,2449,2454,2457],{},[2032,2450,2451],{},[327,2452,2453],{},"default",[2032,2455,2456],{},"—",[2032,2458,2459],{},"Declared in the public type but not currently rendered.",[2011,2461,2462,2467,2472],{},[2032,2463,2464],{},[327,2465,2466],{},"leading",[2032,2468,2469],{},[327,2470,2471],{},"{ iconColor: string }",[2032,2473,2474],{},"Replaces the built-in icon or avatar.",[2011,2476,2477,2481,2483],{},[2032,2478,2479],{},[327,2480,2036],{},[2032,2482,2456],{},[2032,2484,2485],{},"Replaces title text.",[2011,2487,2488,2492,2494],{},[2032,2489,2490],{},[327,2491,2059],{},[2032,2493,2456],{},[2032,2495,2496],{},"Replaces supporting text.",[2011,2498,2499,2503,2505],{},[2032,2500,2501],{},[327,2502,738],{},[2032,2504,2456],{},[2032,2506,2507],{},"Replaces generated actions, but is currently rendered at both orientation insertion points.",[2011,2509,2510,2514,2519],{},[2032,2511,2512],{},[327,2513,1944],{},[2032,2515,2516],{},[327,2517,2518],{},"{ ui: any }",[2032,2520,2521],{},"Replaces the built-in close control.",[319,2523,2525],{"id":2524},"provider-and-viewport","Provider and viewport",[324,2527,2528,2530,2531,2533,2534,345],{},[327,2529,336],{}," and ",[327,2532,340],{}," are unstyled primitives exported by ",[327,2535,31],{},[736,2537,2539,2541],{"id":2538},"toastprovider-props",[327,2540,336],{}," props",[2005,2543,2544,2556],{},[2008,2545,2546],{},[2011,2547,2548,2550,2552,2554],{},[2014,2549,2016],{},[2014,2551,2019],{},[2014,2553,2022],{},[2014,2555,2025],{},[2027,2557,2558,2577,2598],{},[2011,2559,2560,2565,2569,2574],{},[2032,2561,2562],{},[327,2563,2564],{},"label",[2032,2566,2567],{},[327,2568,2041],{},[2032,2570,2571],{},[327,2572,2573],{},"'Notification'",[2032,2575,2576],{},"Author-localized label stored in provider context.",[2011,2578,2579,2583,2588,2592],{},[2032,2580,2581],{},[327,2582,1006],{},[2032,2584,2585],{},[327,2586,2587],{},"number",[2032,2589,2590],{},[327,2591,546],{},[2032,2593,2594,2595,2597],{},"Auto-dismiss delay in milliseconds; ",[327,2596,886],{}," disables it.",[2011,2599,2600,2605,2609,2613],{},[2032,2601,2602],{},[327,2603,2604],{},"expandByDefault",[2032,2606,2607],{},[327,2608,2163],{},[2032,2610,2611],{},[327,2612,1779],{},[2032,2614,2615],{},"Starts a stacked group expanded.",[736,2617,2619,2541],{"id":2618},"toastviewport-props",[327,2620,340],{},[2005,2622,2623,2635],{},[2008,2624,2625],{},[2011,2626,2627,2629,2631,2633],{},[2014,2628,2016],{},[2014,2630,2019],{},[2014,2632,2022],{},[2014,2634,2025],{},[2027,2636,2637,2656,2676],{},[2011,2638,2639,2644,2649,2653],{},[2032,2640,2641],{},[327,2642,2643],{},"position",[2032,2645,2646],{},[327,2647,2648],{},"'top' | 'bottom' | 'top-left' | 'top-center' | 'top-right' | 'bottom-left' | 'bottom-center' | 'bottom-right'",[2032,2650,2651],{},[327,2652,2186],{},[2032,2654,2655],{},"Fixed screen edge and horizontal alignment.",[2011,2657,2658,2663,2668,2673],{},[2032,2659,2660],{},[327,2661,2662],{},"as",[2032,2664,2665],{},[327,2666,2667],{},"AsTag",[2032,2669,2670],{},[327,2671,2672],{},"'view'",[2032,2674,2675],{},"Rendered Lynx element.",[2011,2677,2678,2683,2687,2691],{},[2032,2679,2680],{},[327,2681,2682],{},"asChild",[2032,2684,2685],{},[327,2686,2163],{},[2032,2688,2689],{},[327,2690,1779],{},[2032,2692,2693],{},"Primitive child-merging option.",[324,2695,2696],{},"The viewport is a content-sized strip, so taps outside the toast area pass through to the app.",[319,2698,2700],{"id":2699},"styling-and-theming","Styling and theming",[324,2702,2703,2704,2707,2708,345],{},"Override globally through ",[327,2705,2706],{},"appConfig.ui.toast"," or locally with ",[327,2709,2336],{},[2005,2711,2712,2722],{},[2008,2713,2714],{},[2011,2715,2716,2719],{},[2014,2717,2718],{},"UI slot",[2014,2720,2721],{},"Purpose",[2027,2723,2724,2734,2744,2753,2762,2771,2780,2790,2799,2808],{},[2011,2725,2726,2731],{},[2032,2727,2728],{},[327,2729,2730],{},"root",[2032,2732,2733],{},"Visual card surface, width, spacing, and layout.",[2011,2735,2736,2741],{},[2032,2737,2738],{},[327,2739,2740],{},"wrapper",[2032,2742,2743],{},"Title and description column.",[2011,2745,2746,2750],{},[2032,2747,2748],{},[327,2749,2036],{},[2032,2751,2752],{},"Title text.",[2011,2754,2755,2759],{},[2032,2756,2757],{},[327,2758,2059],{},[2032,2760,2761],{},"Supporting text.",[2011,2763,2764,2768],{},[2032,2765,2766],{},[327,2767,1924],{},[2032,2769,2770],{},"Built-in leading icon.",[2011,2772,2773,2777],{},[2032,2774,2775],{},[327,2776,1928],{},[2032,2778,2779],{},"Built-in leading avatar.",[2011,2781,2782,2787],{},[2032,2783,2784],{},[327,2785,2786],{},"avatarSize",[2032,2788,2789],{},"Theme value reserved for avatar sizing.",[2011,2791,2792,2796],{},[2032,2793,2794],{},[327,2795,738],{},[2032,2797,2798],{},"Generated action-button group.",[2011,2800,2801,2805],{},[2032,2802,2803],{},[327,2804,1511],{},[2032,2806,2807],{},"Countdown bar.",[2011,2809,2810,2814],{},[2032,2811,2812],{},[327,2813,1944],{},[2032,2815,2816],{},"Built-in close button.",[324,2818,2819,2820,2356,2822,2824],{},"The theme combines ",[327,2821,1507],{},[327,2823,2138],{},", and an internal title-present state. Semantic color affects the leading icon and progress bar; the default card surface remains white with neutral text and border colors.",[319,2826,299],{"id":2827},"accessibility",[324,2829,2830,2831,2834,2835,2838],{},"Core ",[327,2832,2833],{},"ToastRoot"," exposes foreground toasts with an alert role description and background toasts as summaries. The kit wrapper always uses the core foreground default. ",[327,2836,2837],{},"ToastTitle"," is exposed as a heading, and the built-in close control is labeled “Close” with button semantics.",[324,2840,2841,2842,2844,2845,2848,2849,2852],{},"Generated actions are wrapped in ",[327,2843,2273],{},", but the kit currently passes an empty ",[327,2846,2847],{},"altText",". Ensure each ",[327,2850,2851],{},"VyButton"," action has a clear visible label and add application-level announcement handling for critical foreground messages: the current Lynx alert mapping identifies the role but does not itself call the runtime announcement API.",[324,2854,2855,2856,2859],{},"Keep durations long enough to read and act on the message. Use ",[327,2857,2858],{},"duration=\"0\""," on the provider for important content that must remain until explicitly dismissed.",[319,2861,2863],{"id":2862},"platform-notes","Platform notes",[1917,2865,2866,2874,2877,2880,2883,2890],{},[1920,2867,2868,2870,2871,2873],{},[327,2869,340],{}," paints through the app-root ",[327,2872,344],{},"; include that root in the application shell for floating toasts.",[1920,2875,2876],{},"Lynx has no DOM teleport, so the overlay store preserves provider context while moving viewport content out of clipped ancestors.",[1920,2878,2879],{},"Swipe movement runs on the Lynx main thread and requires a measured toast width for distance-based dismissal; velocity-based dismissal can still work before measurement.",[1920,2881,2882],{},"Stacking transforms run on an outer shell while swipe transforms run on an inner layer, preventing the two animations from overwriting each other.",[1920,2884,2885,2886,2889],{},"Lynx SVG does not inherit ",[327,2887,2888],{},"currentColor",", so the component resolves the leading icon color to an explicit hex value.",[1920,2891,2892],{},"The default theme is light-mode-only.",[319,2894,2896],{"id":2895},"related-components","Related components",[1917,2898,2899,2907,2915],{},[1920,2900,2901,2906],{},[2902,2903,2904],"a",{"href":69},[327,2905,68],{}," for persistent inline feedback.",[1920,2908,2909,2914],{},[2902,2910,2911],{"href":64},[327,2912,2913],{},"ActionSheet"," for choosing an action.",[1920,2916,2917,2919],{},[327,2918,201],{}," for persistent task progress.",[2921,2922,2923],"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 .sfNiH, html code.shiki .sfNiH{--shiki-light:#FF5370;--shiki-default:#FF9CAC;--shiki-dark:#FF9CAC}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 .sbssI, html code.shiki .sbssI{--shiki-light:#F76D47;--shiki-default:#F78C6C;--shiki-dark:#F78C6C}html pre.shiki code .sHdIc, html code.shiki .sHdIc{--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#EEFFFF;--shiki-default-font-style:italic;--shiki-dark:#BABED8;--shiki-dark-font-style:italic}html pre.shiki code .sBMFI, html code.shiki .sBMFI{--shiki-light:#E2931D;--shiki-default:#FFCB6B;--shiki-dark:#FFCB6B}",{"title":361,"searchDepth":368,"depth":401,"links":2925},[2926,2927,2933,2934,2935,2936,2937,2943,2944,2945,2946],{"id":321,"depth":401,"text":322},{"id":353,"depth":401,"text":354,"children":2928},[2929,2930,2931,2932],{"id":738,"depth":435,"text":739},{"id":1010,"depth":435,"text":1011},{"id":1500,"depth":435,"text":1501},{"id":1812,"depth":435,"text":1813},{"id":1914,"depth":401,"text":1915},{"id":2002,"depth":401,"text":2003},{"id":2394,"depth":401,"text":2395},{"id":2430,"depth":401,"text":2431},{"id":2524,"depth":401,"text":2525,"children":2938},[2939,2941],{"id":2538,"depth":435,"text":2940},"ToastProvider props",{"id":2618,"depth":435,"text":2942},"ToastViewport props",{"id":2699,"depth":401,"text":2700},{"id":2827,"depth":401,"text":299},{"id":2862,"depth":401,"text":2863},{"id":2895,"depth":401,"text":2896},"Show transient feedback with optional actions, progress, stacking, and swipe dismissal.","md",[2950],{"label":2951,"icon":2952,"to":2953,"target":2954},"Source","i-simple-icons-github","https:\u002F\u002Fgithub.com\u002FKealanAU\u002Fvyui\u002Fblob\u002Fmain\u002Fpackages\u002Fkit\u002Fsrc\u002Fcomponents\u002FToast.vue","_blank",{},{"icon":199},{"title":277,"description":2947},"UzPRKXKlqnKgqUlVAdyXLqz4OWFwcgh1GaFUbRAPzv4",[2960,2962],{"title":273,"path":274,"stem":275,"description":2961,"icon":-1,"children":-1,"navigation":-1},"Collect multi-line text with themed states, icons, avatars, and native keyboard events.",{"title":281,"path":282,"stem":283,"description":2963,"icon":-1,"children":-1,"navigation":-1},"Switch a button between pressed and unpressed states.",1783464073317]