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